/* Basic code - don't modify */
 
 #menu { display: block; margin: 0; padding: 0; position: relative; }
  #menu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #menu a { display: block; }
  #menu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #menu ul { line-height: 0; } /* IE6 "fix" */
  	#menu ul a { zoom: 1; } /* IE6/7 fix */
    #menu ul li { float: none; }
    #menu ul ul { top: 0; }
    
/* Essentials - configure this */
/*#menu ul { 
	width: 130px; 
}
#menu ul ul { 
	left: 200px; 
}*/

/* Everything else is theming */
 
 /*conteneur*/
#menu { 
	list-style-type:none;
	height:42px;
	width:962px;
	background:url('../img/bg_menu.png') bottom left repeat-x transparent;	
	margin-left:3px;
	font-size:14px;
	letter-spacing:1px;
	text-align:center;
/*	background-color: #FFA800; 
	height: 24px; */
}

#menu *:hover { 
	background-color: none; 
}

/*1er niveau*/
#menu li a { 
	display:block;
	padding-left:20px;
	padding-right:20px;
	height:29px;/**/
	float:left;
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
	#menu li a:hover { 
		background:url('../img/menu-selected.png') bottom center no-repeat transparent;	
		color:#000;
	}
	
/*2e niveau*/	
#menu ul{
	background-color:#F1F1F2;
	border:1px solid #999;
}
#menu ul a { 
	
}
#menu li ul { 
	text-align:left;
	top: 28px; 
	left:30px;

	width:200px;
}
#menu li ul li a { 
	display:block;
	height:auto;
	padding-top:8px;
	padding-bottom:8px;
	
	width:168px;
	background:url('../img/arrow7.png') center left no-repeat transparent;	
	padding-left:12px;
	border-bottom:1px solid #ccc;
}
#menu li ul li a.hover { 
	background:url('../img/bg_menu-niveau2.png') top left repeat-x #3F4E86;	
	color:#fff;
}

/*3e niveau*/
#menu li ul li ul{ 
	left:200px;
	top:0px;
	text-align:left;
	font-weight:normal;
}
#menu li ul li ul li{ 
	
}
#menu li ul li ul li a{ 
	font-weight:normal;
	background:url('../img/arrow6.png') center left no-repeat transparent;	
	padding-left:12px;
	display:block;
	width:168px;
	border-bottom:1px solid #ccc;
	color:#666;
}
#menu li ul li ul li a.hover { 
	background:url('../img/bg_menu-niveau3hover.png') top left repeat-x #333;	
	color:#fff;
}

/* #menu ul a { border-bottom: none; } - I also needed this for IE6/7 */


.plus{/*class sur li du 1er niveau pour indiquer présence sous menu*/
	background:url('../img/plus.png') bottom center no-repeat;	
}

.selected{
	background:url('../img/menu-selected.png') bottom center no-repeat transparent;	
	color:#000;
}