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

#menu{
	float:left;
	display:block;
	width:778px; /* 990 */
	height:35px;
	margin:0px;
	padding:0 0 0 212px;
	background: transparent url(../images/menu.jpg) no-repeat; 
}
#menu ul{
	list-style-type: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	border: none;
	filter: Alpha(opacity=90);
	-moz-opacity : 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}
#menu ul li{
	list-style-type: none;
	list-style-image:none;
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
	filter: Alpha(opacity=90);
	-moz-opacity : 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}
#menu ul li a{
	display: block;
	height:35px;
	margin: 0px;
	padding: 0px;
}
#menu ul li strong{
	display: none;
}

li#menu_01 a { width: 60px; }
li#menu_02 a { width: 192px; }
li#menu_03 a { width: 112px; }
li#menu_04 a { width: 76px; }
li#menu_05 a { width: 201px; }
li#menu_06 a { width: 118px; }
li#menu_01 a:hover { background: transparent url(../images/menu-on.jpg) -212px no-repeat; }
li#menu_02 a:hover { background: transparent url(../images/menu-on.jpg) -272px no-repeat; }
li#menu_03 a:hover { background: transparent url(../images/menu-on.jpg) -464px no-repeat; }
li#menu_04 a:hover { background: transparent url(../images/menu-on.jpg) -576px no-repeat; }
li#menu_05 a:hover { background: transparent url(../images/menu-on.jpg) -652px no-repeat; }
li#menu_06 a:hover { background: transparent url(../images/menu-on.jpg) -852px 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:170px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:normal;
	background:#FFFFFF;
}

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

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

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

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

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


#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;
	font-size:11px;
	margin:-7px 0 0 0;
	padding:2px 0 2px 0;
	border:1px solid #0058A7;

}
#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:1px 1px 1px 5px;
	margin:0px 0 1px 5px;
	text-decoration: none;
	text-indent:8px;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:transparent url(/images/flecheMenu.gif) top left no-repeat;
}


#smenu li ul li a:hover { /* liens survolés du deuxième niveau */
	color: #0058A8;
	font-weight:bold;
	background: #F5F5F5; /* F5F5F5 */
	background:transparent url(/images/flecheMenuOn.gif) top left no-repeat;
}
#smenu li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}