body {
 
    font-size:13px;    /*On definit la taille de la police*/
    font-family: 'Trebuchet MS', sans-serif; /*On definit la police*/
	width:1000px; /*Le bloc fait 859 pixels de largeur*/
    border-bottom:0; /*On retire juste la bordure du haut pour que le bloc soit colle au haut de la page*/
    background: url('fond.png');
    margin:auto; /*On centre le design*/
}
#design
{
margin-top: -20px;
margin-left: 103px;
width:821px;
background: url('bandeau copie.jpg');
background-repeat: repeat-y;
}
/* On applique le style au div qui a pour id "header" */
#header {
    margin: auto;
    height:509px; /*On definit la hauteur du bloc a la hauteur du  header*/
	width:973px;
    /*Notez qu'on ne definit pas la largeur vu que si on ne definit pas la largeur, le bloc prendra la largeur du div qui 
    le contient, a savoir #design, qui a pour largeur 859 pixels. (Voyez ces repetitions de ouf ;o) */
    background:url('header copie.png') no-repeat; /*On definit le fond du header, qui est le header*/
}
/* On applique le style au div qui a pour id "navigation" */

#menu
{
   margin-top: -150px;
   float: right;/*faire floter le menu a gauch*/
   margin-right: -43px;/*eviter que le menu ecrase le bandeau*/
   width: 250px; /* Très important : donner une taille au menu */
}
/*On applique le style pour le corps*/
#corps {
float:left;
margin-top: -130px;
margin-left: 10px;
width:570px; /*Le bloc fait 560 pixels de largeur*/
background:url('corps.png');
}
#corps h1 /* Tous les titres h1 du corps */
{
   color: black;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   padding-left: 30px;
   color: black;
   text-align: left;
}
#bas
{
   width: 811px;
}
.avatar
{
margin-top: 4px;
float: left;
}

.element_menu
{
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
/* Quelques effets sur les menus */
.element_menu h3 /* Tous les titres de menus */
{    
   color: Black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_menu ul /* Toutes les listes �Epuces se trouvant dans un menu */
{
   text-decoration: none;
   list-style-image: url(""); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-l�Efera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir �Een écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout �El'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont �E0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: green;
   text-decoration: none;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration:underline; 
   color: red; 

}
.element_menu li:hover
{
   list-style-type: circle ; 
}
a
{
   color: black;
   text-decoration:underline; 
   border: 0px;
}

a:hover /* Quand on pointe sur un lien du menu */
{
   color: black;
   text-decoration: none;
}

#staff
{
margin-left: 104px;
}