body
{
background-color: #808080;
 margin: auto;
 margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
 margin-bottom: 50px;    /* Idem pour le bas du navigateur */
}

#en_tete
{

   height: 120px;
   background-image: url("../images/logo.swf");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-left: 240px;
   
}


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

.element_menu
{
   background-color: #808080;
   background-repeat: repeat-x;
   border: 0px solid white;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

#corps
{
   margin-left: 255px; /* 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 */
   width: 735px;
   background-image: url("../images/background.gif");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-attachment: fixed;
   background-position: bottom;
   border: 0px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

.element_titre
{
   height: 120px;
   background-color: #808080;
   background-repeat: no-repeat;
   border: 0px solid white;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
  
   
}





#pied_de_page
{
  
   height: 150px;
   background-image: url("../images/pied4.gif");
   background-repeat: no-repeat;
   margin-left: 270px;
}

h1
{
color: white;
font-family: Verdana,Balloon ,Arial,Impact, serif;
text-align: center;
text-transform: uppercase;
text-decoration: underline;
}

h2
{
color: white;
font-family: Verdana,Balloon,Arial,Impact, serif;
text-align: center;
text-transform: uppercase;

}

h3
{
color: white;
font-family: Verdana,Balloon,Arial,Impact, serif;
text-align: center;
text-transform: uppercase;

}

ul
{
   color: white;
   font-size: 18px;
   font-family: Verdana,Balloon,Arial,Impact, serif;
   text-align: justify;
   text-indent: 0px;
   list-style-image: url("images/fleche.gif");
   width: 80%;
   height: 75%;
   text-align: left;
 
}


p
{
   color: white;
   font-size: 18px;
   font-family: Verdana,Balloon, Arial,Impact, serif;
   text-align: justify;
   text-indent: 30px;
   width: 80%;
   height: 75%;
   text-align: left;
 
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 20px; /* Ecrit légèrement plus gros que la normale */
   color: black; /* En bleu */
}

p em /* tous les em situés dans un paragraphe seront en noir */
{
color: black;
font-family:verdana,"Times New Roman";
}

a
{
text-decoration: none;
color: white;
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: none; /* Le lien deviendra souligné quand on pointera dessus */
   color: black; /* Le lien sera écrit en vert quand on pointera dessus */
}

table
{
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
   margin: auto;
   border: none;
  
}


td /* Toutes les cellules des tableaux... */
{
   border: none; /* ... auront une bordure de 1px */
   margin: auto;
}