/* ________________________________________________  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*/
 }                   
  
/* ___________________________ TOP __________________________*/
#top
{  
   border: 1px solid black;
   left: 25px;
   position: fixed;   
   top: 50px;
   }
  
/* ____________________________________________________ M E N U ____________________________________*/
#menu
{
   float: left; /* Le menu flottera ? gauche */
   width: 140px; /* 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: 2px;/*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:#3439de;
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
 
 {     
   margin-left: 155px; /* Une marge ? gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */   
   color: black;
   border: 3px inset #ffd353;/*bordure 3D*/ 
   padding: 20px;/*marge interieur de la bordure*/   
   background-color: black; /* Une couleur de fond pour le corps */
   margin-bottom: 20px; /* Ca c'est pour ?viter que le corps colle trop au pied de page en-dessous */
   font-style: italic;  
   width: 544px;   
   height: 3320px;   
   color:  #ffd353;
   text-indent: 5px;/*decalage 1er ligne*/	
}
p
{
color: #ffd353;
}

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:#f2ae03;   /*couleur*/
   margin-right: 5px; /* Qu'il y ait une marge de 5px ? droite pour que ?a colle pas trop au reste du texte */
}

.element_corps a
{
color: #fdde86;

}
.element_corps a:hover 
{
color:#ba1698;
}
 h3
 {
color: #ffd353;
 }
  

h5

{
   margin-bottom: 20px; 
float: left; /* flottera ? gauche */
margin-top: 10px; /* marge haut */
margin-left: 10px; /* marge gauche */
margin-right: 10px; /* marge droite */
border: 3px inset #64287c;/*bordure 3D*/
padding: 15px;/*marge interieur de la bordure*/
width: 210px;
height: 1100px; 
color: black;
}



 /*________________________________________________ P I E D - P A G E __________________________________*/
#pied_de_page
{
margin-left: px; /* Une marge ? gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */   
   color: black;
   padding: 5px;
   text-align: center;
   color: black;
   background-color: black;
   border: 3px inset #64287c;/*bordure 3D*/
}
/* __________________________________________________ A U T R E __________________________________________*/
 
 .imageflottante
{
   float: left;
   border: 3px inset #f2ae03;/*bordure 3D*/
   margin-right : 60px;
}
em                        /*____________ TITRE MENU___________*/
{
color:#4a66f8;
text-decoration: none;
}

h2                       /* ____________titre corps___________*/
{    
 color: #4a66f8;
 text-indent: 25px;/*decalage 1er ligne*/	
}
img
   {
   border: 1px solid black;
   margin: px; /* Marge ext?rieure */
   }
   
a
{
color: #fc5a32;
}
a:hover
{
color: red;
}
span
{
color: black;
}
object
{  
   border: 1px solid black;
   right: 100px;
   position: fixed;   
   top: 80px;
   }
   


/* ________________________________ AUTRES ________________________________*/

   img
   {
   border: none;
   }
   
em
{
color : #ffd353;
}