body
{

   background-image:url("overlay.gif");
width:800px;
margin:auto;

}

img a
{
text-decoration:none;

}img 
{
border:none;

}

#entete
{
width:800px;    




}


label {
display:block;
width:150px;
float:left;
}


#corps
{
margin : auto;
width:760px;    
padding:20px;
  font-size : 1em;
  
    font-family : Arial, Times,"Coic sans ms", "Berlin sans fb", Castellar, Verdana, Impact,  Arial, Times, serif;
   color: black;
background-color:white;
   
 border:0.5px solid grey;
}



#footer
{margin-left : 180px;
 margin-right : 180px;
margin : auto;
   padding: 5px;
 
   text-align: center;

   color: black;

  background-color: #2484dd;


}
#menu
{
width:800px;
height:30px;
background-color:#8ec3e2; repeat-x;
}
#menu a
   {
   display:block; /*Pour que le "bloc" soit un vrai bloc*/
   float:left; /*Pour que les blocs soient alignés horizontalement (essayez de l'enlever pour voir)*/
   width:113px; /*J'explique en détail après*/
   height:30px; /*La même hauteur que notre menu*/
   border:none; /*On enlève les bordures (enfin, on ne les met pas, même s'il n'y en avait pas)*/
   text-align:center; /*Pour que les liens soient centrés par rapport à l'horizontale*/
   }
#menu a, #menu a:visited    /*on utilisera les propriétés qui suivront sur les liens dans menu, et les liens visités dans menu*/
{
color:red;    /*la couleur*/
text-align:center; /*on le centre horizontalement*/
padding-top:3px; /*on le centre verticalement*/
}
 
#menu a:hover, #menu a:visited:hover   /*on utilisera les propriétés qui suivront sur les liens survolés dans menu, et les liens survolés et visités dans menu*/
{
color:blue; /*la couleur*/
text-decoration:none;  /*on enlève le soulignement du lien*/
}
a
{
color:red;
text-decoration:underline;
}
a:hover
{color:blue;
}