
/*----------------------------------------------------------------------*/
/* debut - gestion du menu général */
/*----------------------------------------------------------------------*/
#menu{
    float:left;
	width:974px;
	height:19px;
	margin:-9px 0px 0px 1px !important;
	margin:-9px 0px 0px 1px;
	padding:0px;
	background:#fff url(/images/menu-bleu.jpg) no-repeat;
}

#menu ul{
	float:left;
	display:block;
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
	border:none;
}

#menu ul li{
	float:left;
	display:block;
	list-style-image:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
	border:none;
}

#menu ul li a{
	display:block;
	list-style-type:none;
	list-style-image:none;
	height:19px;
	margin:0px;
	padding:0px;
}

#menu ul li strong{
	display:none;
}

li#menu_01 { width:78px; }
li#menu_02 { width:106px; }
li#menu_03 { width:63px; }
li#menu_04 { width:109px; }
li#menu_05 { width:195px; }
li#menu_06 { width:91px; }
li#menu_07 { width:202px; }
li#menu_08 { width:128px;}
li#menu_01 :hover { background:transparent url(/images/menu-on-bleu.jpg) -0px 0px no-repeat; }
li#menu_02 :hover { background:transparent url(/images/menu-on-bleu.jpg) -78px 0px no-repeat; }
li#menu_03 :hover { background:transparent url(/images/menu-on-bleu.jpg) -184px 0px no-repeat; }
li#menu_04 :hover { background:transparent url(/images/menu-on-bleu.jpg) -247px 0px no-repeat; }
li#menu_05 :hover { background:transparent url(/images/menu-on-bleu.jpg) -356px 0px no-repeat; }
li#menu_06 :hover { background:transparent url(/images/menu-on-bleu.jpg) -551px 0px no-repeat; }
li#menu_07 :hover { background:transparent url(/images/menu-on-bleu.jpg) -753px 0px no-repeat; }
li#menu_08 :hover { background:transparent url(/images/menu-on-bleu.jpg) -844px 0px no-repeat; }

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


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

#smenu1 {
	width:200px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
}

#smenu2 {
	width:200px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
}

#smenu3 {
	width:200px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
}

#smenu4 {
	width:200px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
}

#smenu5 {
	width:200px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
}

#smenu6 {
	width:200px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
}

#smenu7 {
	width:180px;
	text-indent:3px;
	text-align:left;
	margin:0px;
	padding:0px;
}

#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:normal;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px;
	border:1px solid #96acc5;

}
#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;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	text-indent:8px;
	color:#6280a2;
	font-weight:normal;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}


#smenu li ul li a:hover { /* liens survolés du deuxième niveau */
	height:auto;/* 14px;*/
	width:auto;/*110px;*/
	color:#ffffff;
	font-weight:normal;
	background:#96acc5;
}
#smenu li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left:auto;
}

