body
{
   width: 760px;
   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:lightgreen;
}
#en_tete
h2
{
    color: orange;
    text-align: center;
    font-family: Arial, Times New Roman, Verdana, serif;

}
h3
{
width: 700px;
color: brown;
font-weight: bold;
 text-decoration: blink; 
font-style: italic; /* Les titres h2 seront en italique ! */
   text-indent: 450px; /* On décale un peu les sous-titres */
   font-family: Arial, Times New Roman, Arial Black, Verdana, serif;
}
h4
{
width: 700px;
color: grey;
font-weight: bold;
font-style: italic; /* Les titres h2 seront en italique ! */
   text-indent: 450px; /* On décale un peu les sous-titres */
   font-family: Arial, "Times New Roman", "Arial Black", Verdana, serif;
}

h5
{
 margin-left:300px;
 
}

p
{
 text-align:center;
 color:blue;
}





#menu

{
   float: left; /* Le menu flottera à gauche */
   width: 200px; /* Très important : donner une taille au menu */
  
   
}

.element_menu
{
   background-color: orange;
   border: 2px solid black;
   margin-top: 50px; /* Pour éviter que les éléments du menu ne soient trop collés */
   
}
#corps
p
{
text-align:left;
}
.important
{
color:orange;
text-align:center;
margin-top:20px;
font-size: 20px;
margin-left:300px;


}
#logo
{
 margin-left:150px;
 margin-top:50px;
}


 #corps1 
{
   margin-left:220px;
   padding: 5px;
   color: blue;
   background-color: green;
   margin-top:150px;
   
   border: 2px solid black; 
   
}



#pied_de_page
{

color:red;
margin-top:300px;
width:900px;
text-align: center;




}