body
{
   width: 768px;
   height:1024
   margin: auto; /* Pour centrer notre page */
   margin-top: 120px; /* 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:grey;
   background-image: url("images/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   }
h1
{
   font-style: italic;
   font-family: "Arial Black", Arial, "Times New Roman", serif;
   color:blue;
} 
h3
{
text-align: center;
font-size:x-large;
   font-family: "Arial Black", Arial, "Times New Roman", serif;
   color:maroon;
   text-decoration: blink; /* Text-decoration: blink;Le titre sera clignotant ! (ne fonctionne pas sous Internet Explorer) */
} 
h4
{
text-align: center;
   font-family: "Arial Black", Arial, "Times New Roman", serif;
   color:black;
  
} 

#en_tete
{
   width: 760px;
   height: 100px;
   background-image: url("images/banniere.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   position:absolute;
   left: 306px;
   top: 30px;
}
#menu
{

overflow: auto;
background-color: yellow;
   /*border: 1px solid green;*/
   width: 360px;
   height: 1032px;
   position:absolute;
   left: 0px;
   top: 0px;
   border: 3px outset black;
   float: left; /* Le menu flottera à gauche */
   width: 200px; /* Très important : donner une taille au menu */
}

#corps
{
text-align: center;
   font-family: "Arial Black", Arial, "Times New Roman", serif;
   color:black;
width: 768px;
   height: 800px;
   position:absolute;
   left: 302px;
   top: 130px;
}
#conditions
{
  border-line:orange;
  color:maroon;
  }
#pied_de_page
{

width: 466px;
   height: 20px;
   position:absolute;
   left: 460px;
   top: 1004px;
   color:red;
}