#menu{
	float:left;
	display:block;
	width:640px;
	height:26px;
	margin:0px;
	padding:0px;
}

/*----------------------------------------------------------------------*/
/* debut - gestion du menu 1 */
/*----------------------------------------------------------------------*/
#menupage1{
	float:left;
	display:block;
	width:640px;
	height:26px;
	margin:0px;
	padding:0px;
	background: transparent url(../images/menu1.jpg) no-repeat top left;
}
#menupage1 ul{
	list-style-type: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage1 ul li{
	list-style-type: none;
	list-style-image:none;
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage1 ul li a{
	display: block;
	height:26px;
	margin: 0px;
	padding: 0px;
}

#menupage1 ul li strong{
	display: none;
}


li#menupage1_01 a { width: 215px; }
li#menupage1_02 a { width: 215px; }
li#menupage1_01 a:hover { background: transparent url(../images/menupage1.jpg) 0px no-repeat; }
li#menupage1_02 a:hover { background: transparent url(../images/menupage1.jpg) -215px no-repeat; }



/*----------------------------------------------------------------------*/
/* debut - gestion du menu 2 */
/*----------------------------------------------------------------------*/

#menupage2{
	float:left;
	display:block;
	width:640px;
	height:26px;
	margin:0px;
	padding:0px;
	background: transparent url(../images/menupage2.jpg) no-repeat top left;
}
#menupage2 ul{
	list-style-type: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage2 ul li{
	list-style-type: none;
	list-style-image:none;
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage2 ul li a{
	display: block;
	height:26px;
	margin: 0px;
	padding: 0px;
}

#menupage2 ul li strong{
	display: none;
}


li#menupage2_01 a { width: 300px; }
li#menupage2_02 a { width: 90px; }
li#menupage2_01 a:hover { background: transparent url(../images/menupage2-on.jpg) 0px no-repeat; }
li#menupage2_02 a:hover { background: transparent url(../images/menupage2-on.jpg) -300px no-repeat; }

/*----------------------------------------------------------------------*/
/* debut - gestion du menu 3 */
/*----------------------------------------------------------------------*/


#menupage3{
	float:left;
	display:block;
	width:640px;
	height:26px;
	margin:0px;
	padding:0px;
	background: transparent url(../images/menupage3.jpg) no-repeat top left;
}
#menupage3 ul{
	list-style-type: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage3 ul li{
	list-style-type: none;
	list-style-image:none;
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage3 ul li a{
	display: block;
	height:26px;
	margin: 0px;
	padding: 0px;
}

#menupage3 ul li strong{
	display: none;
}


li#menupage3_01 a { width: 215px; }
li#menupage3_02 a { width: 215px; }
li#menupage3_01 a:hover { background: transparent url(../images/menupage3-on.jpg) 0px no-repeat; }
li#menupage3_02 a:hover { background: transparent url(../images/menupage3-on.jpg) -215px no-repeat; }

/*----------------------------------------------------------------------*/
/* debut - gestion du menu 3 */
/*----------------------------------------------------------------------*/


#menupage4{
	float:left;
	display:block;
	width:640px;
	height:26px;
	margin:0px;
	padding:0px;
	background: transparent url(../images/menupage4.jpg) no-repeat top left;
}
#menupage4 ul{
	list-style-type: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage4 ul li{
	list-style-type: none;
	list-style-image:none;
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage4 ul li a{
	display: block;
	height:26px;
	margin: 0px;
	padding: 0px;
}

#menupage4 ul li strong{
	display: none;
}


li#menupage4_01 a { width: 215px; }
li#menupage4_02 a { width: 300px; }
li#menupage4_01 a:hover { background: transparent url(../images/menupage4-on.jpg) 0px no-repeat; }
li#menupage4_02 a:hover { background: transparent url(../images/menupage4-on.jpg) -215px no-repeat; }


/*----------------------------------------------------------------------*/
/* debut - gestion du menu 5 */
/*----------------------------------------------------------------------*/
#menupage5{
	float:left;
	display:block;
	width:640px;
	height:26px;
	margin:0px;
	padding:0px;
	background: transparent url(../images/menupage5.jpg) no-repeat top left;
}
#menupage5 ul{
	list-style-type: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage5 ul li{
	list-style-type: none;
	list-style-image:none;
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage5 ul li a{
	display: block;
	height:26px;
	margin: 0px;
	padding: 0px;
}

#menupage5 ul li strong{
	display: none;
}


li#menupage5_01 a { width: 215px; }
li#menupage5_02 a { width: 215px; }
li#menupage5_01 a:hover { background: transparent url(../images/menupage5-on.jpg) 0px no-repeat; }
li#menupage5_02 a:hover { background: transparent url(../images/menupage5-on.jpg) -215px no-repeat; }




#menupage6{
	float:left;
	display:block;
	width:640px;
	height:26px;
	margin:0px;
	padding:0px;
	background: transparent url(../images/menupage6.jpg) no-repeat top left;
}
#menupage6 ul{
	list-style-type: none;
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage6 ul li{
	list-style-type: none;
	list-style-image:none;
	float: left;
	margin: 0px;
	padding: 0px;
	border: none;
}

#menupage6 ul li a{
	display: block;
	height:26px;
	margin: 0px;
	padding: 0px;
}

#menupage6 ul li strong{
	display: none;
}


li#menupage6_01 a { width: 200px;}
li#menupage6_02 a { width: 150px;}
li#menupage6_01 a:hover { background: transparent url(../images/menupage6-on.jpg) 0px no-repeat; }
li#menupage6_02 a:hover { background: transparent url(../images/menupage6-on.jpg) -200px 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;
}