/* CSS Document */
body
{
   width: 961px;
   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 */   
}

/* L'en-tête */

#banniere
{		
	width: 961px;
	height: 201px;
	background-image: url("Banniere.gif");
	background-repeat: no-repeat;
}

/* Le menu */
#menu
{ 
   float: left;
   width: 148px; /* Très important : donner une taille au menu */
   padding-left: 5px;
   margin:0;
}

.element_menu
{ 
   width: 148px; /* Très important : donner une taille au menu */
   background-image: url("Menu.gif");   
   background-repeat: repeat-y;   
}

/* Quelques effets sur les menus */

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("puce_plume.png"); /* 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à 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 a /* Tous les liens se trouvant dans un menu */
{
   color:#666666;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #B3B3B3;
   color: black;
}

#corps
{ 
   float:right;
   width: 798px;   
   background-image: url("Body.gif");
   margin:0;
   padding-right:1px;
   background-repeat: repeat-y; /* Une petite image de fond qui se répètera Verticalement */
   
}
#bas_menu
{
	width:148px;
	height:57px;
	float:left;	
	padding-left: 5px;
	margin:0;
	background-repeat: no-repeat;
}
.bas_men
{   
   width:148px;
   height:57px;
   background-image: url("Bas_menu.gif");   
   background-repeat:no-repeat;  
   border: none;
}

#bas_body
{
	width:798px;
    height:58px;
	float:right;
	margin:0;
	padding-right:1px;
	background-image: url("Bas_body.gif");
}
}
