/* CSS Document */
body {
	background-color:#FCFEF9;
	
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	 width: 960px;

   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 */


}
#en_tete {
background-color:#E6EFD7;
border-bottom:2px solid #ffcc66;
color:#CCCC99;
height:200px;
 background-image:url(images/cerf_volant.gif);
 background-repeat:no-repeat;
	 width: 700px;
   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: 10px;    /* Idem pour le bas du navigateur */
 background-position:center;
font-size:24px;
font-weight:bold;
 font-family:Georgia, "Times New Roman", Times, serif;
 }
 .entete{
 color:#CCCC99;
 font-size:24px;
font-weight:bold;
 font-family:Georgia, "Times New Roman", Times, serif; 
 text-decoration:none;}
 
 #courant-text, p{

font-family:"Times New Roman", Times, serif;
font-size:16px;
color: #663300;

 }
 .interne{text-decoration:none;
 color: #663300;}
 
 .first-letter{

 font-size:32px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-weight:bold;
 color:#FF3300;
}

#corps{
background-color:#F5F5DC;
height:auto;
   padding: 7px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
       border-left: 2px solid #ffcc66; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	   border-right: 2px solid #ffcc66;
   margin-top: 45px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 30px;    /* Idem pour le bas du navigateur */
   margin-left:200px;
   margin-right:140px;
   }
   
#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
   margin-top:45px;
   margin-right:60px;
 
 border-left:2px solid #E6EFD7; 

  
}

.element_menu
{
   background-color: #FCFEF9;
   background-repeat: repeat-x;
      list-style-type: none;

   margin-bottom:7px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

 
.element_menu h3 /* Tous les titres de menus */
{    

   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
  text-align:justify;
   margin-bottom:7px;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
 list-style-type: none;
 text-align:justify;
    font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size:11px;
   padding: 1px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left:1px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
  background-color:#EDFEE7;
   color:#CC0000;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
  
  
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color:#F5F5DC;
   color:#996666;
     font-family:"Times New Roman", Times, serif;
   font-size:11px;
   font-weight:bold;
}



#pied_de_page
{
   padding: 5px;
   text-align: center;
   background-color: #FCFEF9;
   border: 1px solid color:#FCFEF9;
    width: 400px;
   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 */
}
a.foot{ font-size:9px;
   font-family:"Times New Roman", Times, serif;
   color: #CCCC99;}
a:hover.foot{
font-size:9px;
   font-family:"Times New Roman", Times, serif;
   color:#006600;}