/* menu */
#menu_zone {
 background: #fff;
 /*width: 770px;*/
 width: 770px;
 height: 14px;
 border-bottom: 2px solid #608088;
 line-height:1.1;
	z-index: 20;
	
}

#menu {
	line-height:1.1;
	z-index: 20;
	
}

#menu li { /* tous les items de liste */
	border: 0px solid #EFEFEE;/* encadre niv 0 */
	float: right;
	padding: 0 4px 0 6px;
	/*z-index: 20;*/

}

#menu li a {
	color: #61828B;
	display: block;
	padding: 0 4px 0 4px;
	z-index: 20;
	border: 1px solid #fff ;
	border-right-color: #EFEFEE;
	border-left-color: #EFEFEE;
	border-top-color: #fff;
	border-bottom-color: #fff;	
}

a.menux {
	color: #2890A8;
	display: block;
	padding: 0 4px 0 4px;
	z-index: 20;
	border: 1px solid #fff ;
	border-right-color: #81DAF8;
	border-left-color: #81DAF8;
	border-top-color: #fff;
	border-bottom-color: #fff;
	background: #F4FAFB;	
}

a.menux:hover {
	color: #2890A8;
	background: #F8F8F8;
	text-decoration: none;
	border-right-color: #A0CDD0;
	border-left-color: #A0CDD0;
}

#menu li a:hover {
	color: #2890A8;
	background: #F8F8F8;
	text-decoration: none;
	border-right-color: #A0CDD0;
	border-left-color: #A0CDD0;
}



#menu ul li a.actif {
 color: #fff;
}



#menu li ul li {
	border: 0px;	
	padding: 0;
	float: left;
	
}



#menu li ul { /* listes de deuxième niveau */
	border: 1px solid #2890A8;
	
	padding:2px 2px 2px 2px;
	position: absolute;
	background: #fff;
	width:11em;
	margin-left: 0px;
	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: 20;

}

#menu li ul li a {
	/* width: 10em;*/
	padding: 0;
	color: #61828B;
	display: block;
	text-decoration: none;
	border: 0px solid #fff ;
	padding: 0 2px 0 12px;
	width: 10em;		
}


#menu li ul li a:hover {
	color: #2890A8;
	text-decoration: none;
 	background: url(../images/droite_vert.gif) no-repeat left;
/*	background: #fff;*/
width: 10em;
}




#menu li ul ul { /* listes de troisième niveau et plus */
	margin: -1.5em 0 0 10em;
	width: 11em;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
	z-index: 20;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
	z-index: 20;
}


/*menu2 */


#menu2 {
 background: #C8D840;
 color: #fff;
 width: 1000px;
 height: 26px;

}

#menu2 img {
 position:absolute;
 margin: 4px 0px 0px 44px;
}

#menu2 ul { 
	padding-top: 6px;
	margin-left: 154px;
	
}

#menu2 li { /* tous les items de liste */
	border: 0px solid #EFEFEE;	/* encadre niv 0 */
	float: left;
	padding: 0px 4px 0 6px;
	display: block;

}

#menu2 li a {
	color: #385858;
	display: block;
	padding: 0 4px 0 4px;
	text-decoration: none;
	border: 1px solid #fff ;
	border-right-color: #fff;
	border-left-color: #fff;
	border-top-color: #C8D840;
	border-bottom-color: #C8D840;	

}

#menu2 li a:hover {
	color: #fff;
	text-decoration: none;
}

#menu2 ul li a.actif {
 color: #fff;
}



#menu2 li ul { /* listes de deuxième niveau */
	border: 1px solid #C8D840;
	position: absolute;
	padding:2px 2px 2px 2px;
	background: #fff;
	margin-left: 0px;
	width: 11em;
	 z-index: 22;
	left: -999em; /* on met left plutôt que display pour cacher lesmenu2s parce que display: none n'est pas lu par les lecteurs d'écran */
}

#menu2 li ul li {
	border: 0;
	padding: 0;
}



#menu2 li ul li a {
	padding: 0;
	color: #385858;
	display: block;
	padding: 0 2px 0 12px;
	text-decoration: none;
	border: 0px solid #fff ;
	width: 10em;
}

#menu2 li  ul li a:hover {
	color: #2890A8;
	text-decoration: none;
	background: url(../images/droite_vert.gif) no-repeat left;
	width: 10em;
}

#menu2 li ul ul { /* listes de troisième niveau et plus */
	margin: -1em 0 0 10em;
	width: 11em;
}

#menu2 li:hover ul ul, #menu2 li:hover ul ul ul, #menu2 li.sfhover ul ul, #menu2 li.sfhover ul ul ul {
	left: -999em;
}

#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul, #menu2 li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}