
/*----------------------------------------------------------------------*/
/* debut - gestion du menu général */
/*----------------------------------------------------------------------*/
#menu{
	float:left;
	display:block;
	width:590px;
	height:52px;
	margin:0px;
	padding:0px;
	background: transparent url(/images/menu.jpg) top left no-repeat;
}
#menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#menu ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}
#menu ul li a{
	display: block;
	height:52px;
	margin: 0px;
	padding: 0px;
}
#menu ul li strong{
	display: none;
}
li#menu_01 a { width: 66px; }
li#menu_02 a { width: 76px; }
li#menu_03 a { width: 110px; }
li#menu_04 a { width: 117px; }
li#menu_05 a { width: 149px;  }
li#menu_06 a { width: 71px; }
li#menu_01 a:hover { background: transparent url(/images/menu-on.jpg) 0px no-repeat; }
li#menu_02 a:hover { background: transparent url(/images/menu-on.jpg) -66px no-repeat; }
li#menu_03 a:hover { background: transparent url(/images/menu-on.jpg) -142px no-repeat; }
li#menu_04 a:hover { background: transparent url(/images/menu-on.jpg) -252px no-repeat; }
li#menu_05 a:hover { background: transparent url(/images/menu-on.jpg) -369px no-repeat; }
li#menu_06 a:hover { background: transparent url(/images/menu-on.jpg) -518px no-repeat; }




/*----------------------------------------------------------------------*/
/* fin - gestion du menu général */
/*----------------------------------------------------------------------*/

#smenu1 {
	width:170px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:normal;
}

#smenu2 {
	width:160px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:normal;	
}
#smenu3 {
	width:160px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:normal;
}

#smenu4 {
	width:100px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:bold;
}

#smenu5 {
	width:100px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:bold;
}

#smenu6 {
	width:100px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:bold;
}

#smenu7 {
	width:100px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:bold;
}


#smenu ul {
	margin:0px;
	padding:0px;
}

#smenu li ul {
	/* listes du deuxième niveau */
	position: absolute;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	z-index: 99;
	font-weight:bold;
	margin:-4px 0 0 0 !important;
	margin:-2px 0 0 0;
	padding:0px;
	border:2px solid #EC8426;
}
#smenu li ul li {
	/*float:left;*/
	/* li du deuxième niveau */
	height: auto;/* 14px;*/
	width: 100%;/*110px;*/
	background: #FFF;
	margin:0px;
	padding:0px;
}
#smenu li ul li a { /* liens du deuxième niveau */
	/*float:left;*/
	height: auto;/* 14px;*/
	width: auto;/*110px;*/
	padding:2px 1px;
	margin:0px;
	text-decoration: none;
	color: #7F8284;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#smenu li ul li a:hover { /* liens survolés du deuxième niveau */
	color: #FFF;
	background: #EC8426;
}
#smenu li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}


