body /* On travaille sur la balise body, donc sur TOUTE la page */
{
   background-color: #C4C3BB;
   color: black;
   font-family: trebuchet MS;
   font-size: 11px;
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   border: 1px solid black;
   border-collapse: collapse;
}

#en_tete
{
   width: 760px;
   height: 96px;
   background-image: url("images/forward-logo.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;

   border-left: 0px solid black;
   border-right: 0px solid black;
   border-top: 0px solid black;
   border-bottom: 1px solid black;
}

#menu
{
   width: 760px;
   height: 37px;
}

.element_menu
{
   background-color: #fffce8;
   background-image: url("images/bg.gif");
   background-repeat: repeat;
   
   color: black;
   font-family: trebuchet MS;
   font-size: 14px;
   text-align: right;
   padding-right: 10px;
   border-left: 0px solid black;
   border-right: 0px solid black;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */

}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #003366;
   text-decoration: none;
   font-size: 14px;
   text-align: right;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   color: #FFCC00;
}


#corps
{
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: black;
   background-color: #D3D3D3; /* Une couleur de fond pour le corps */
   border-left: 0px solid black;
   border-right: 0px solid black;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;

   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #696969;
   text-align: left;
   font-family: "Tahoma", Arial;
   font-size: 15px;
}

#corps h3
{
   height: 30px;
   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 0px;
   color: #696969;
   text-align: center;
}

.element_corps a /* Tous les liens se trouvant dans le corps */
{
   color: red;
   text-decoration: none;
   font-size: 12px;
   text-align: right;
}

.element_corps a:hover /* Quand on pointe sur un lien du menu */
{
   color: white;
}


#pied_de_page
{
   padding: 5px;

   text-align: center;
   font-family: Eurostile, trebuchet MS;


   color: black;
   background-image: url("images/bg.gif");
   background-repeat: repeat;
   
   border-left: 0px solid black;
   border-right: 0px solid black;
   border-top: 1px solid black;
   border-bottom: 0px solid black;
}