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 */
   background-image: url("images/fond1.jpg");
   border: 5px solid white;
}
#en_tete
{
   width: 800px;
   height: 105px;
   background-color: rgb(169,239,10);
   background-image: url("images/banniere2.gif");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
#corps
{
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   height: 550px;
   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   background-color: white;
   color: black; 
   border: 2px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

.tableau
{
  font-size: 0.85em;  
  margin-left: auto; 
  margin-right: auto;
}
  
.tableau a
{
   color: black;
   text-decoration: none;
}
.tableau a:hover
{
   text-decoration: underline;
   font-weight: bold;
   }
   
   
#pied_de_page
{
   width: 800px;
   height: 20px;
   padding-bottom: 0px;
   font-size: 0.9em;
   color: black;
   background-color: rgb(169,239,10);   
   
}
#pied_de_page a
{
   color: black;
   text-decoration: underline;
}

.titre
{
   font-family: Tahoma, "Comic sans MS", "Trebuchet MS", Georgia, serif;
   font-size: 1.6em;
   font-weight: normal;
   color: rgb(83,122,10);
   text-align: center;
     
}
a
{
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   font-size: 1em;
   text-align: center;
   color: black;
   text-decoration: none;    
}
a:hover /* Quand le visiteur pointe sur le lien */
{
    color: rgb(0,98,0); /* Le lien sera écrit en vert quand on pointera dessus */
}

.imageflottante
{
   float: left;
}

.imageflottante4
{
   width: 15%;
   margin-top: 0px;
   margin-right: 2px;
  
   
   }