body
	{width:100%;
   margin:auto;
   padding-bottom:0;   
   background-image:url("images/");
   background-repeat:no-repeat; }


/* L'en-tête */

#en_tete
{
 
   text-align:center;
   background: url(images/fondban.png) repeat-x;
   width:100%;
   }
/* Le menu */

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 150px; /* Très important : donner une taille au menu */
   background:url(images/menu.png) repeat-x;
}

/* Quelques effets sur les menus */

 .element_menu
{
   background-color: transparent;
   background-image: url("images/");
   background-repeat: repeat-x;
   margin-bottom:50px;
}
.element_menu h4/* Tous les titres de menus */
{   
   color: #FF0000;
   font-family: Comic Sans MS, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
.element_menu h3 /* Tous les titres de menus */
{   
   color: #242424;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;

   }
.element_menu h2 /* Tous les titres de menus */
{   
   color: #242424;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: ;
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: none; /* On change l'apparence des puces */
   list-style-type:none;
   padding: 0; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 0; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
  
  }
   
.element_menu ul li
{
   text-align:center;
   margin:0;
  }
.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #242424;
   display:block;
   text-decoration:none;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
  }
   

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background: #EEEEEE url(images/menu_link_hover.png) left top repeat-y;
}
/* Le corps de la page */

#corps
{
   margin-left:150px;
   margin-top:0px;
   color:#B3B3B3;
   padding:10px;
   background-color: ;
   background-image: url("images/tl-corps.png");
   background-repeat: no-repeat;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: small;

}
a{
    color:#888888;
}

#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: 10px;

   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: #B3B3B3;
   text-align: left;
 
   }
   #corps h3 /* Tous les titres h3 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: #B3B3B3;
   text-align: left;
 
   }
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   clear:both;
   padding-top:50px;
   padding-bottom:20px;
   text-align: center;
   color:#B3B3B3 ;
   background-color: #f0efef;
   background-image: url("images/footer.png");
   background-repeat: repeat-x;}
#pied_de_page a{
   color:#888888;}
#lienimage 
{background-color: #ffffff;
color: #ffffff;
border-width:0;}
  
  table
{
   border-collapse: collapse;
}
td
{
   border: 1px solid grey;
}

a
{
text-decoration: none; /* liens non soulignés */
background-color: none;
}



img { border: 0;}