/* Le menu gauche */


#menu2
{
   float: left;
   width: 162px;
}

.element_menu
{
   margin: 0px;
   padding: 0px;
   background-color: #FFFFFF;   
   border-right: 1px solid #B3B3B3;
   margin-top: 20px;
   margin-bottom: 10px;
   margin-left:0px;
   text-align:center;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #626262; 
   margin: 0px; padding: 0px; 
   margin-top: 5px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{

		padding : 5px; /* marge intérieure de 5 pixels*/	
        margin : 0; /* pas de marge extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 25px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

.element_menu a
{
	    float: center; /* on centre les menus au centre de la fenêtre */
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */ 	
		padding-left :0px; /* on met une marge intérieure à gauche du texte */
		margin-bottom : 1px; /* espace entre les éléments */ 
   		background-image:url("images/menu_gauche.png");
   		background-repeat: no-repeat;
        font-family : Arial, "Arial Black", "Times New Roman", Times, serif; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		font-weight : bold; /* on met le texte en gras */		       
        color : #626262; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 150px; /* largeur */
}

.element_menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #FFFFFF; /* On passe le texte en blanc... */
   		background-image:url("images/menu_gauche_2.png");
   		background-repeat: no-repeat;
}
/* Fin menu gauche */