body
{
   width: 748px;
   margin:auto; /* Pour centrer notre page */
   
  margin-top: 20px;       /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;      /* Idem pour le bas du navigateur */
   background-color:#b2b2b2; /* Une couleur de fond en brun  */
   font-family: Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
}

#principale
{
width:748px;;

border: 1px solid #fb8639;
padding:1px;
background-color:white;

}

/* L'en-tête */

#banniere
{
   width: 746px;    /*largeur bannière 746px*/
   height: 140px;   /*hauteur bannière 140px*/
   /*background-image: url("images/banniere.jpg");*/
   background-color:white;
   
   margin-bottom: 5px;   /*marge supérieure de 5px pour ne pas coller la bannière en haut*/
   border: 1px solid #fb8639;  /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   
   
}



#menu_haut
{

width:746px;
margin:auto;
text-align:center;

margin-bottom: 5px;

}


#menu_haut table
{
width:100%;
text-align:center;

}

#menu_haut td
{

text-align:center;
}
/*********************************/
  /* menu gauche */
  /*********************************/

#menu_gauche 
{
 float:left;
 width:140px;
 

 font-size: 9px;
 
}

.element_menu 
{
				list-style: none ;
				margin: 0 ;
				width: 133px;
				overflow: hidden ;	/* Création du contexte de formatage */
				margin-bottom: 20px;
				
				}
			.element_menu  li
			{
				float:left;
				width: 136px;
				font-weight: bold;
				  
				margin-right: 0px ;
				color: #fb8639;
				    /* fond orange clair avec texte en noir et bordure orange foncée */
				text-align: left;
				}

 .element_menu  li a {
                                float:left;
                                width: 120px;
				display: block ;
				background: #FFFFFF;  /* fond orange foncé avec texte en blanc et bordure orange foncée */
				color: #000000;
				font: 9px Verdana, "Arial Black", Arial,  serif;
				line-height: 1em ;
				padding: 3px  ;
				text-align: left;
				text-decoration: none ;
				text-transform: capitalize;
				margin-left:10px;
				}
			
			.element_menu   li a:hover, .element_menu  li a:focus, .element_menu  li a:active, 
			
                                {
				background: #fb8639;
                                color: #FFFFFF;
				text-decoration: none ;
				text-transform: capitalize;
				text-align: left;
                }
                .element_menu   /* Contexte de formatage pour IE6 */
						 {				
				overflow: visible ;
				height: 1% ;
				}

.titre
{
color:#fb8639;
font: 12px Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
font-weight: bold;
width:142px;

background: #FFFFFF;

border-bottom: 1px solid #000000;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 9px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 8 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 3px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */

}


/*******fin menu gauche**************************/

.menu,.formulaire,.pub
{
border: 1px solid #fb8639;
margin-bottom: 5px;
}

.menu table,.formulaire table,.pub table
{
vertical-align: top;
width:140px;
height:350px;

text-align:center;
}


/* Le corps c'est ici qu'on va taper tout le contenu du site */

#corps
{     
   margin-left: 150px;   
   
   background-color: white;  /*couleur du fond du corps en blanc*/
   margin-bottom: 5px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
    font-family: Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
    color: black;
    border: 1px solid #fb8639; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
    vertical-align: top;
}

#corps table
{
width=550px;



}

#corps td
{
border: 1px solid #fb8639;

}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   margin:auto;
   padding: 5px;
   width:736px;
   text-align: center;
   font-size: 10px;
   font-family: Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
   color: black; /*texte noir*/
   background-color:#fb8639;  /*couleur de fond orange foncé*/

   /*background-image: url("images/motif.png");*/
   /*background-repeat: repeat-x;*/
   
   border: 1px solid #000000; 
}

#pied_de_page table
{
vertical-align: top;
width:744px;
margin:auto;
text-align:center;
font-size: 10px;
font-family: Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
color: black; /*texte noir*/
}


  /*********************************/
  /* Menu horizontal (items flottants) */
  /*********************************/


                         #nav {
				list-style: none ;
				margin: 0 ;
				padding: 4 ;
				overflow: hidden ;	/* Création du contexte de formatage */
				}
			#nav li {
				float:left;
				width: 183px;
				border: 1px solid #fb8639;   
				margin-right: 0px ;
				color: #FFFFFF;
				background: #f7bf86;    /* fond orange clair avec texte en noir et bordure orange foncée */
				}
			#nav li a {
                                float:left;
                                width: 183px;
				display: block ;
				background: #f7bf86;  /* fond orange foncé avec texte en blanc et bordure orange foncée */
				color: #000000;
				font: 9px Verdana, "Arial Black", Arial,  serif;
				line-height: 1em ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				text-transform: capitalize;
				
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active 
                                {
				background: #fb8639;
                                color: #FFFFFF;
				text-decoration: none ;
				text-transform: capitalize;
				
				}

                         #nav {				/* Contexte de formatage pour IE6 */
				overflow: visible ;
				height: 1% ;
				}

 /*********************************/
  /* Presentation */
  /*********************************/

.presentation  p  /* Tous les paragraphes du corps */
{
   font-size: 11px;
   font-family: Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
  
   text-align: justify;
   padding-left:15px;
   padding-right:15px;
   
   
}

.presentation p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: normal; /* normal */
   font-size: 1.3em; /* Ecrit légèrement plus gros que la normale */
   color:  #000000;  /* En noir */
}




.lettrine /* La première lettre de la 1ere ligne */
{
   font-weight:bold; /* En gras */
   font-size: 2.3em; /* Ecrit sur 3 hauteurs de lignes */
   color:#fb8639;  /* En orange */
   float:left;
   line-height: 1em;
  
   }
 




.sans_first_letter
{
   font-size: 13px;
   font-family: Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
   padding-left:10px;
   padding-right:10px;
  
    text-align: justify;
    color:#000000;  /* En noir */
     font-weight: normal; /* normal */
    
}

.signature
{
   font-size: 13px;
   font-family: Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
   text-align: right;
   color:#000000;  /* En noir */
   font-weight: bold; /* normal */
}
/**********fin presentation***********************/




 /*********************************/
  /* Formulaire */
  /*********************************/

.formulaire 
{
  border: 1px solid #fb8639; /* Bordure du tableau orange*/
  border-collapse: collapse; /* Colle les bordures entre elles */
  background-color: #f7bf86;
  font: 11px  Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
  text-align:center;
  padding:5px

}

.remarque 
{
  font: 11px  Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
  color:"red";
  text-align:center;
}
/**********fin formulaire***********************/


/*********************************/
  /* Publicites */
  /*********************************/


 /*liens publicité*/
#publicite {
				list-style: none ;
				margin: 0 ;
				padding: 2 ;
				overflow: hidden ;	/* Création du contexte de formatage */
 }

 #publicite li {
				float:left;
				width: 204px;
				border: 1px solid #fb8639;   
				margin-right: 0px ;				
				color: #FFFFFF;
				background: #f7bf86;    /* fond orange clair avec texte en noir et bordure orange foncée*/
				}
			#publicite li a {
                                float:left;
                                width: 204px;
				display: block ;
				background: #f7bf86;  /* fond orange foncé avec texte en blanc et bordure orange foncée */
				color: #000000;
				font: 11px Verdana, "Arial Black", Arial,  serif;
				line-height: 1.5em ;
				padding: 4px 0 ;
				text-align: center;
				text-decoration: none ;
				text-transform: capitalize;
				}
			#publicite li a:hover, #publicite li a:focus, #publicite li a:active 
                                {
				background: #fb8639;
                                color: #FFFFFF;
				text-decoration: none ;
				text-transform: capitalize;
                }
                #publicite /* Contexte de formatage pour IE6 */
						 {				
				overflow: visible ;
				height: 1% ;
				}


.publicite td
{
border:0px;
}
/**********fin publicite***********************/


}

/*********************************/
  /* Liens ebooks */
  /*********************************/


#ebooks  a  /* tableaux de gauche avec les ebooks + liens*/
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: #000000; /* Les liens seront en orange foncé */
font: 13px Verdana, "Arial Black", Arial,  serif;
font-weight:bold;
text-transform: capitalize;
text-align:center;
}

#ebooks  a:hover,  a:focus,  a:active 
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: #fb8639; /* Les liens seront en orange foncé */
font: 13px Verdana, "Arial Black", Arial,  serif;
font-weight:bold;
text-transform: capitalize;
text-align:center;
}

#ebooks p
{
border: 1px solid #fb8639;
text-align:center;
vertical-align:middle;



}



#ebooks
{
overflow:auto;
height:400px;


}

#presentation_centrale
{
overflow:auto;
height:400px;


}

#presentation_centrale p  /* Tous les paragraphes du corps */
{
   font-size: 11px;
   font-family: Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
  
   text-align: left;
   padding-left:15px;
   padding-right:15px;
   
   
}



/**********fin liens ebooks***********************/


/*********************************/
  /* Liens pied de page */
  /*********************************/
.liens_piedpage  a:hover,  a:focus,  a:active 
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: #FFFFFF; /* Les liens seront en orange foncé */
font: 13px Verdana, "Arial Black", Arial,  serif;
font-weight:bold;
text-transform: capitalize;
}

.liens_piedpage  a  /* tableaux de gauche avec les ebooks + liens*/
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: #000000; /* Les liens seront en orange foncé */
font: 13px Verdana, "Arial Black", Arial,  serif;
font-weight:bold;
text-transform: capitalize;

}
/**********fin liens pied de page***********************/

/*********************************/
  /* Liens page actuelle */
  /*********************************/
  .page_actuelle p
  {
  border:0px;
  vertical-align:top;
  font: 9px Verdana, "Arial Black", Arial,  serif;
  margin-left:15px;
  }
  
  
  .page_actuelle a
  {
text-decoration: none; /* Les liens ne seront plus soulignés */
color: #000000; /* Les liens seront en orange foncé */
font: 9px Verdana, "Arial Black", Arial,  serif;
font-weight:bold;

vertical-align:top;

  }
  
  .page_actuelle  a:hover, .page_actuelle  a:focus, .page_actuelle  a:active 
  {
text-decoration: none; /* Les liens ne seront plus soulignés */
color: #fb8639; /* Les liens seront en orange foncé */
font: 9px Verdana, "Arial Black", Arial,  serif;
font-weight:bold;

vertical-align:top;


}
  /**********fin liens page actuelle***********************/

.fond_jaune
{

background:yellow; 
}

.texte_noir
{
font: 17px Verdana, "Arial Black", Arial,  serif;
color: #000000; /* Les liens seront en orange foncé */
overflow:auto;
height:400px;
}

.texte_noir  p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* normal */
   font-size: 1.5em; /* Ecrit légèrement plus gros que la normale */
   color:  #fb8639;  /* En noir */
}

h2
{
text-align:center;
}
#adsense
{
width:742px;
border: 1px solid #fb8639;
font: 9px Verdana, "Arial Black", Arial,  serif;
vertical-align:middle;
}
 #presentation_centrale  a
  {
text-decoration: none; /* Les liens ne seront plus soulignés */
color: #000000; /* Les liens seront en orange foncé */
font: 11px Verdana, "Arial Black", Arial,  serif;
font-weight:bold;

vertical-align:top;

  }



#presentation_centrale a:hover, #presentation_centrale  a:focus, #presentation_centrale  a:active 
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: #fb8639; /* Les liens seront en orange foncé */
font: 11px Verdana, "Arial Black", Arial,  serif;
font-weight:bold;
}

.important
{

font: 11px Verdana, "Arial Black", Arial,  serif;
background:yellow; 
color: #000000;
font-weight:bold;
}

.tres_important
{

font: 15px Verdana, "Arial Black", Arial,  serif;
color: #fb8639;
font-weight:bold;

}





			
#menu_plan_site
{
overflow:auto;
height:400px;

}

.element_plan_site  a
  {
text-decoration: none; /* Les liens ne seront plus soulignés */
color: #000000; /* Les liens seront en orange foncé */
font: 11px Verdana, "Arial Black", Arial,  serif;
font-weight:bold;
text-transform: capitalize;
vertical-align:top;

  }



.element_plan_site a:hover, #element_plan_site  a:focus, #element_plan_site a:active 
{
text-decoration: underline; /* Les liens ne seront plus soulignés */
color: #fb8639; /* Les liens seront en orange foncé */
font: 11px Verdana, "Arial Black", Arial,  serif;
font-weight:bold;
text-transform: capitalize;
}
.element_plan_site 
  {
width:340px;

  }
.element_plan_site  li
  {
list-style: none ;

  }
  .titre_plan_site
{
color:#fb8639;
font: 12px Verdana, "Arial Black", Arial,  serif;    /* On essaie d'avoir Verdana en priorité */
font-weight: bold;
width:275px;

background: #FFFFFF;

border-bottom: 1px solid #000000;
}