/* CSS Document */

.navigation {
	margin: 0;
	padding: 0px;
	list-style: none;
	/*background: #000;   */
	color: #fff;
	width: 140px;
	font-family: "Arial, Helvetica", sans-serif;
	font-size: 11px;
	text-align: center;
	height: 20px;
 }    
.navigation a, .navigation span {       
display: block;       
padding: 5px 0;       
color: #000;  
font-size: 11px;     
text-decoration: none;  
height: 20px; 
list-style: none;    
background: #AACEDE url(/images/menu-fond.gif) left bottom no-repeat;    
 }    
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {       
background-image: url(/images/menu-deroule.gif);       
}    
.navigation .open a, .navigation .open span {       
background-image: url(/images/menu-enroule.gif); 
padding: 5px 0;
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 12px; 
font-style: italic; 
font-weight: bold; 
color: #6996BA; 
list-style: none;     
}    
.navigation a:hover, .navigation a:focus, .navigation a:active {       
text-decoration: underline;       
}  
   
.navigation .subMenu {
	font-size: 10px;
	/*background: #ccc url(subMenu.png) 0 0 repeat-x;    */         
margin: 0;
padding: 0;
border-bottom: 1px solid #666;
text-align: left;
}    
.navigation ul.subMenu a {       
background: none;       
padding: 2px 20px;
font-family: "Arial, Helvetica", sans-serif;
font-size: 11px;
font-style:normal ;
font-weight: normal;
color:#000; 
      
}
<!--[if lte IE 6]>
	<style type="text/css">
		li {
			height: 1px;
			}
	</style>
	<![endif]-->