/* ________________________________________________  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: 730px;
   height: 220px;   
   color: black;
   border: 3px inset #64287c;/*bordure 3D*/
   padding: 12px;/*marge interieur de la bordure*/
   margin: 0px; /* Marge ext?rieure */
   margin-bottom : 20px; /*marge exterieur bas*/
 } 
.element_en_tete a
{
margin-bottom: 10px;
} 
    
/* ____________________________________________________ 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;     
    
 }
 .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: #aca0ff;

}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
    color:#ba1698;
 }
 
 /*___________________________________________________ C O R P S____________________________________________*/
 #corps
 {   

   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: 10px;/*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;   
}
p
{
 color: #aca0ff;
 text-indent: 15px;/*decalage 1er ligne*/
 width: 98%;/*taille du paragraphe*/
 text-align: justify; /* Texte justifi? pour mieux voir la largeur du block */  
 float: right; /* Flotte ? droite */
 padding: 0px;/*marge interieur de la bordure*/  

}
p:first-letter /* Je veux que la premi?re lettre de mes paragraphes... */
{
   float: left; /* Flotte ? gauche */
   font-size: 3em; /* Fasse une hauteur de 3 lignes */   
   font-weight: bold; /* Soit ?crite en gras (c'est plus voyant) */
   color:#a4baea;   /*couleur*/
   margin-right: 5px; /* Qu'il y ait une marge de 5px ? droite pour que ?a colle pas trop au reste du texte */
}
.imageflottante
{
   float: left;
}
.element_corps a /* Tous les liens se trouvant dans un menu */
{
color: #aca0ff;

}
.element_corps a:hover /* Quand on pointe sur un lien du menu */
{
    color:#ba1698;
 }
h2
{
border: 3px inset #64287c;/*bordure 3D*/
padding: 30px;/*marge interieur de la bordure*/

color: black;

}

/*________________________________________________ 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*/
}
 
 /* __________________________________________________ A U T R E __________________________________________*/
  #top
  
  span
   { 
   border: 0px solid black;
   top: 120px;
   left: 20px;
   position: fixed;    
   color: black;   
   }
  img
   {
   border: 1px solid black;
   margin: px; /* Marge ext?rieure */
   }
   
 
em
{
color:#6037d9;
text-decoration: none;
}
h1
{
color: #3737ff;
text-indent: 90px;/*decalage 1er ligne*/
}

h3
{
color: #6037d9;
text-indent: 20px;/*decalage 1er ligne*/
}

a
{
color: #f2ae03;
}
a:hover
{
color: red;
}
stong
{
color: #863788;
font-size: 19px;

}