/* ________________________________________________  P A G E _____________________________________________*/
body
{
    width: 800px;
   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 */
   font-family: Georgia,"Comic Sans MS","Trebuchet MS", serif;/*style ecriture*/
   width: 760px;
   height: 100px;
   background-color: black; /* Le fond de la page sera noir */
   font-size: medium;  
}
/*____________________________________________________E N - T E T E ______________________________________*/
#en_tete
{
   width: 727px;
   height: 200px;   
   color: black;
   border: 3px inset #64287c;/*bordure 3D*/
   padding: 15px;/*marge interieur de la bordure*/
   margin: 0px; /* Marge ext?rieure */
   margin-bottom : 20px; /*marge exterieur bas*/
 }  

  
/* ____________________________________________________ M E N U ____________________________________*/
#menu
{
   float: left; /* Le menu flottera ? gauche */
   width: 143px; /* Tr?s important : donner une taille au menu */
   background-color:black;   
   line-height: 27px;
}
.element_menu
{
   background-color: black;   /*couleur du font*/     
   border: 3px inset red;/*bordure 3D*/
   padding: 3px;/*marge interieur de la bordure*/    
   margin-bottom : 15px; /*marge exterieur bas*/     
  }
.element_menu h3 /* Tous les titres de menus */
{    
   text-align: center; 
color: #6037d9;
text-indent: 20px;/*decalage 1er ligne*/   
    
 }
 .element_menu img
   {
   border: 1px solid black;
   margin: px; /* Marge ext?rieure */
   }
   .element_menu em
{
color:#0000ff;
text-decoration: none;
}
 
 .element_menu ul /* Toutes les listes ? puces se trouvant dans un menu */
{
font-size: 15px;  
   list-style-image: url("adresse puce si on en met une"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les c?t?s ont une marge int?rieure de 0 pixels */
   padding-left: 20px; /* ... 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 ol
{
font-size: 11px;  
list-style-image: none;/* On change l'apparence des puces */
   padding: 0px; /* Tous les c?t?s ont une marge int?rieure de 0 pixels */
   padding-left: 0px; /* ... 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: 0px; /* 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 */
{
color: #fdde86;

}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
    color:#ba1698;
 }
 /*___________________________________________________ C O R P S____________________________________________*/
 #corps
 {
 
   padding: 30px;/*marge interieur de la bordure*/   
   margin-left: 155px; /* Une marge ? gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */   
   color: black;
   border: 3px inset #64287c;/*bordure 3D*/
   padding: 20px;/*marge interieur de la bordure*/   
   background-color: black; /* Une couleur de fond pour le corps */
   margin-bottom: 15px; /* Ca c'est pour ?viter que le corps colle trop au pied de page en-dessous */
   font-style: italic;   
}
 h3
 {
 color: #fdde86;
 }
p
{
color: #fdde86;
}
h2
{
border: 3px inset #64287c;/*bordure 3D*/
padding: 10px;/*marge interieur de la bordure*/
width: 528px;
height: 210px; 
color: black;
}
h1
{
color : #fdde86;
}

 /*________________________________________________ P I E D - P A G E __________________________________*/
#pied_de_page
{
   padding: 5px;
   text-align: center;
   color: black;
   background-color: black;
   border: 3px inset #64287c;/*bordure 3D*/
}
/* ________________________________ AUTRES ________________________________*/

   img
   {
   border: none;
   }
   
em
{
color : #64287c;
}