body { 
margin : 0; 
padding : 0; 
font : 80% arial, sans-serif;

} 
dl, dt, dd, ul, li { 
margin : 0; 
padding : 0; 
list-style-type : none; 
} 
#menu { 
float:left; 
top : 230px; 
margin-left : 4px; 

margin-top : 20px; 
} 
dl#menu { 
width : 146px; 
margin-left : 4px; 
} 
dl#menu dt { 
cursor : pointer; 
margin : 2px 0; 
height : 40px; 
line-height : 40px; 
text-align : left; 
text-indent : 5px; 
font-weight : bold; 
border : 1px solid gray; 
background-image : url(images/barreGauche.gif); 
color : #ffffff; 
} 
dl#menu dd { 
border : 1px solid gray; 
} 
dl#menu li { 
text-align : left; 
text-indent :5px; 
margin-left : 0; 
background-image : url(images/barreGaucheClair.gif);
height : 40px; 
line-height : 40px;  /*center le texte verticalement*/
 
} 
dl#menu li a, dl#menu dt a { 
color : #ffffff; 
text-decoration : none; 
display : block; 
border : 0 none; 
height : 100%; 
} 
dl#menu li a:hover, dl#menu dt a:hover { 
background-color : #666666; 
color : #ffffff; 
}