/* nouveau design pour le menu hor */
div#menuhorizontal {
    font-size: 13px;
    height: 45px;
    margin: 2px auto auto auto;
    padding: 0;
    width: 100%;
	background: url("./images/barre-menu-repos.png") repeat-x scroll 0 0 transparent;

}
#menuhorizontal ul {
    list-style-type: none;
    margin: 0; 
	padding: 0;
    position: relative;
}
div#menuhorizontal ul li {
    float: left;
    height: 37px;
    line-height: 37px;
/*    margin: 0;*/
	padding: 0 12px 0 12px;
	border-right: 3px solid #fff;
    position: relative; /*pour menu déroulant*/
}
div#menuhorizontal ul li.first {
margin-left:56px;
border-left: 3px solid #fff;
}
 /*pour ie7*/
div#menuhorizontal ul li.first {
*+ margin-left:0px;
}

div#menuhorizontal ul li a, .bouton_menu a {
/*background: url("./images/bouton-menu-repos.png") repeat-x scroll 0 0 transparent;*/
display:block;
color: #fff;
width:100%;
text-decoration: none;
font-size: 14px;
font-weight: bold;
text-align:center;
}
div#menuhorizontal ul li:hover {
background: url("./images/bouton-menu-repos-active.png") repeat-x scroll 0 0 transparent;
color:#333
}
div#menuhorizontal ul li a:hover {color:#655}
/*div#menuhorizontal ul li a.a_hover_normal:hover {
color: #286b9c;
background: url("./images/bouton-menu-repos-active.png") repeat-x scroll 0 0 transparent;
}*/

div#menuhorizontal ul li a.active, div#menuhorizontal ul li.active { color:#333; background: url("./images/bouton-menu-repos-active.png") repeat-x scroll 0 0 transparent; }
div#menuhorizontal ul li a.active:hover { }
#menuhorizontal ul.niveau2 {
	display: none; 			/*masque le sous menu*/
	position: absolute; 
	left: 0; 				/*pour IE7 et inf, sinon décalage de positionnement sur onglet de droite! */
	top: 36px; 			/*positionne sous menu sous texte du menu, = hauteur menu*/
	width:100%;				/*avec width ul:xx px et width ul.niveau2 li:x px ->sous menu en une colonne,*/ 
							/*sinon	etiré sur la largeur de ul en plusieurs colonnes*/
	margin:0; padding:0; text-indent:0;
}
#menuhorizontal ul.niveau2 li {
	border: 1px solid #B1D7EB;
		/*ajuste texte du sous menu*/
	display:block;
	width:100%;								/*LARGEUR du menu déroulant largeur mini régie dans min-width li 
											(17em en cas de texte long pour suivre taille texte très grande
											 dans Firefox)	   												*/
/*	border-right:none;				/*annulation de la separation des boutons du menu déclarée en li		*/
	margin-left:-1px;
}
#menuhorizontal ul.niveau2 li a {
	display:block;
	width:98.5%;								/*LARGEUR du menu déroulant largeur mini régie dans min-width li 
	color: #286b9c;							/*COULEUR de texte des boutons sous menu*/
	background-color: #EBF4F9;				/*COULEUR de fond des boutons sous menu*/
	padding:0 0 0 3px;						/*espace à gauche du texte*/
	font-weight:bold;
	font-size:96%;
}
#menuhorizontal ul.niveau2 li a:hover {
	background-color:#EBF4F9;				/*COULEUR de fond des boutons sous menu en survol*/
	color:#5A9B06;							/*COULEUR de texte des boutons sous menu en survol*/
}
#menuhorizontal li:hover ul.niveau2, .bouton_menu  {
		display: block; 				/*fait apparaitre le sous menu en survol souris*/
		margin-left:0;
}


.bouton_menu {
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0 0 0 4px;
	padding: 0;
	width: auto;
    z-index: 3;
	border: 1px solid #B1D7EB;
    background: url("./images/fond_bloc-c3.png") repeat-x scroll 0 0 transparent;
}