/*Feuille de style - Flycréations*/

*{
padding: 0;
margin: 0;
}

/* Balises ===================================================================================================*/

html {
    font-size: 100%; 
}
body {    
    font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
    font-size: .8em; 
    line-height: 2; 
    color: #333;
    background: #fff url(images/tuile_v_haut.png) repeat-x;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 .5em 20px; 
    line-height: 1;
    font-weight: bold; 
    font-style: normal;
	color: #640080;
}

h1 {
	font-size: 2.1em;
	font-variant: small-caps;	
}

h2 {
    font-size: 1.6em;	
}

h3 {
    font-size: 1.2em;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}

h4 {
    font-size: 1em;
}

p {
    margin-top: .5em;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 1.3em;
}
address {
    margin: .75em 0;
    font-style: normal;
}

a{
	color: #400040;
    text-decoration: underline;
}

a:visited {
color: #555;
text-decoration: underline;
}

a:hover, a:focus, a:active {
	color: #640080;
    text-decoration: none;
}
a img {
    border: none;
}

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
	color: #000;
    font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement.*/
}

/* Classes ===================================================================================================*/

.fancy{
width: 200px;
margin: auto;
}

.flottant_gauche{
float: left;
margin: 0px;
padding: 2px;
width: 87px;
}

.galerie{
clear: both;
padding-left: 30px;
}

.galerie a{
display: block;
margin: 0;
padding: 4px;
border: 2px #640080 solid;
}

.galerie a:hover{
border: 1px #640080 solid;
}


.img_right{
float: right;
padding: 10px;
}

.img_left{
float: left;
padding: 10px;
}

.navigation {
	list-style: none;
    background: #000 url(images/fly_sous_menu_hover_2.jpg);   
    width: 200px;
    font-size: 1.2em;
}

.navigation a, .navigation span {
      display: block;
      padding-left: 20px;
      color: #400040; 
      text-decoration: none;
      background: url(images/fly_menu_item.jpg) left bottom no-repeat;
}

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(images/fly_menu_deroule.jpg);
}

.navigation .open a, .navigation .open span {
      background-image: url(images/fly_menu_enroule.jpg);
}

.navigation a:hover, .navigation a:focus, .navigation a:active {
      color: #640080;
	  background: url(images/fly_menu_item_hover.jpg) left bottom no-repeat;
	  text-decoration: underline;	  
}

.navigation .toggleSubMenu a:hover, .navigation .toggleSubMenu a:active, .navigation .toggleSubMenu a:focus{
      background-image: url(images/fly_menu_deroule_hover.jpg);
}

.navigation .open a:hover, .navigation .open a:focus, .navigation .open a:active {
      background-image: url(images/fly_menu_enroule_hover.jpg);
}

.navigation .subMenu {
      font-size: .75em;
	  list-style: none;     		
}

.navigation ul.subMenu a {
      background: #fff url(images/fly_sous_menu_hover_2.jpg);
      padding: 3px 20px;
}

.navigation ul.subMenu.open_at_load a {
      background: #fff url(images/fly_sous_menu_hover_2.jpg);
      padding: 3px 20px;
}

.navigation ul.subMenu a:hover, .navigation ul.subMenu a:active, .navigation ul.subMenu a:focus {
      background: #fff url(images/fly_sous_menu_hover_2.jpg);
      padding: 3px 20px;
}

.spacer{
clear: both;
}

.texte_right{
text-align: right;
}


/* Id communs à toutes les pages ===================================================================================================*/

#maitre{
width: 981px;
margin: auto;
}

#entete{
margin: 0;
width: 980px;
height: 150px;
background-image: url(images/fly_banniere_2.jpg);
}

#bord_contenu{
padding-right: 0px;
padding-left: 0px;
}

#contenu_gauche{
padding-top: 20px;
float: left;
width: 200px;
}

#menu{
background: url(images/fly_haut_menu.jpg) no-repeat;
width: 200px;
padding: 0;
padding-top: 35px;
margin: 0;
}

#plugoo{
width: 160px;
margin-top: 10px;
margin-left: 15px;
}

#validators img{
padding-top: 15px;
padding-right: 5px;
}

#haut_corps{
float: right;
width: 781px;
height: 21px;
background-image: url(images/haut_corps.png);
}

#contenu_droite{
float: right;
width: 781px;
background: #fff;
margin: 0;
padding: 0;
margin-top: 20px;
background: url(images/tuile_corps.png) repeat-y;
}

#contenu_droite ul{
	margin: 0 0 20px 60px;	
}

#contenu_droite ul ul{
	margin: 0 0 0 20px;	
}

#contenu_droite li{
	list-style-type: none;
	background: url(images/puce_4.png) no-repeat left top;
	padding-left: 25px;	
}

#bas_corps{
background: #fff;
width: 780px;
height: 40px;
margin-bottom: 10px;
/*float: right;
background-image: url(images/bas_corps.png) no-repeat top left;*/
}

#pied {
clear: both;
width: 980px;
height: 150px;
margin: auto;
background: url(images/fly_banniere_bas.jpg) no-repeat;
}

#pied  p{
margin: 0;
padding: 0;
padding-top: 40px;
padding-left: 200px;
text-align: center;
font-size: .85em;
}

#conteneur_pied{
width: 100%;
background: url(images/tuile_v_bas.png) repeat-x left bottom;
}

/* Id spécifiques ===================================================================================================*/

#coordonnees {
padding-left: 100px;
}