/*** Css qui contient tous les menus du site ***/

#menuorange{
	list-style:none;
	margin:0; padding:0 0 1px 0;
	height:14px;
	background-color:#d48b0a;
}

#menuorange li{
	height:15px;
	float:right;
	font-size:0.9em;
	font-weight:bold; color:#FFF;
	border-left:1px solid #FFF;
	padding:0 11px 0 11px;
	line-height:15px;
}

#menuorange li a{
	font-weight:bold; color:#FFF;
	text-decoration:none;
	text-transform:uppercase
}

#menuorange li.done a{
	font-weight:bold; color:#FFF;
	text-decoration:underline;
	text-transform:uppercase
}

#menuorange li a:hover{text-decoration:underline;}


/* Menu gris du haut */
#menugris{
	list-style:none;
	margin:5px 0 0 0; padding:0;
	border:1px solid #FFF;
}

#menugris li{
	float:right;
	font-size:0.9em;
	color:#FFF;
	border-right:1px solid #d7d9d8;
	padding:0 10px 0 10px;
}

#menugris li a{
	font-weight:bold; color:#9ba09d;
	text-decoration:none;
	text-transform:uppercase;
}

#menugris li a:hover{text-decoration:none; color:#000;}

#menugris li.done a{
	font-weight:bold; color:#000;
	text-decoration:none;
	text-transform:uppercase;
}

/*** Menu principal ***/

#mainmenu{
	position:relative;
	list-style:none;
	margin:0; padding:0 0 0 18px;
	height:41px;
	background:url(../img/menu/bg.gif) repeat-x;
}

#mainmenu li{float:left; height:41px; width:140px;}
#mainmenu li a{width:100%; height:100%; display:block;}

#mainmenu li.separateur{width:1px; height:41px; background:url(../img/menu/separateur.gif) 0 0 no-repeat;}

#mainmenu li.solmax{background:url(../img/menu/solmax-texel.gif) 0 -81px no-repeat;}
#mainmenu li.solmax a{background:url(../img/menu/solmax-texel.gif) 0 0 no-repeat;}
#solmax.done{background:url(../img/menu/solmax-texel.gif) 0 -164px no-repeat;}

#mainmenu li.produits{background:url(../img/menu/produit-geo.gif) 0 -81px no-repeat;}
#mainmenu li.produits a{background:url(../img/menu/produit-geo.gif) 0 0 no-repeat;}
#produits.done{background:url(../img/menu/produit-geo.gif) 0 -164px no-repeat;}

#mainmenu li.fonctions{background:url(../img/menu/fonction-applications.gif) 0 -81px no-repeat;}
#mainmenu li.fonctions a{background:url(../img/menu/fonction-applications.gif) 0 0 no-repeat;}
#fonctions.done{background:url(../img/menu/fonction-applications.gif) 0 -164px no-repeat;}

#mainmenu li.services{background:url(../img/menu/services.gif) 0 -81px no-repeat;}
#mainmenu li.services a{background:url(../img/menu/services.gif) 0 0 no-repeat;}
#services.done{background:url(../img/menu/services.gif) 0 -164px no-repeat;}

#mainmenu li.fiches{background:url(../img/menu/fiches-techniques.gif) 0 -81px no-repeat;}
#mainmenu li.fiches a{background:url(../img/menu/fiches-techniques.gif) 0 0 no-repeat;}
#fiches.done{background:url(../img/menu/fiches-techniques.gif) 0 -164px no-repeat;}

#mainmenu li.solmax a:hover, #mainmenu li.produits a:hover, #mainmenu li.fonction a:hover,
#mainmenu li.services a:hover, #mainmenu li.fiches a:hover{background-image:none;}

/* ici ca permet de garder le menu en mode highlight*/
#mainmenu li.solmax2 a{background:url(../img/menu/solmax-texel.gif) 0 -81px no-repeat;}
#mainmenu li.produits2 a{background:url(../img/menu/produit-geo.gif) 0 -81px no-repeat;}
#mainmenu li.fonctions2 a{background:url(../img/menu/fonction-applications.gif) 0 -81px no-repeat;}
#mainmenu li.services2 a{background:url(../img/menu/services.gif) 0 -81px no-repeat;}
#mainmenu li.fiches2 a{background:url(../img/menu/fiches-techniques.gif) 0 -81px no-repeat;}

/*** Sous-menu ***/

#smenu_solmax{
	position:absolute;
	left:19px; top:141px;
	z-index:20; visibility:hidden;
	width:140px;
}

#smenu_fonctions{
	position:absolute;
	left:160px;top:141px;
	z-index:10;visibility:hidden;
	width:140px;
}

#smenu_produits{
	position:absolute;
	left:300px;top:141px;
	z-index:10;visibility:hidden;
	width:145px;
}

#smenu_services{
	position:absolute;
	left:442px;top:141px;
	z-index:10;visibility:hidden;
	width:150px;
}

#smenu_fiches{
	position:absolute;
	left:582px; top:141px;
	z-index:10;
	visibility:hidden;
	width:150px;
}

.sousmenu ul{
	list-style:none;
	padding:0;
	margin:0;
}

.sousmenu ul li{
	background:#dd9c03 url(../img/menu/ombrage-smenu.gif) left bottom repeat-x;
	color:#FFF;
	line-height:1.4em;
	position:relative;
	padding:4px 0 7px 0;
	width:100%;
}

.sousmenu ul li a{
	color:#f2dcb6;
	padding:0 0 0 10px;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	/*width:100%;*/
	height:100%;
	display:block;
}

.sousmenu ul li.done a{
	color:#FFF;
	padding:0 0 0 10px;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	width:100%; height:100%; display:block;
}

.sousmenu ul li a:hover{color:#FFF;}

.sousmenu ul li.vide{
	position:relative;
	height:10px;
	padding:0;
}

/*** Menu de gauche des pages interieurs ***/

/*<!-- NOTE: Étand donné que lorsque la class done est appliqué au premier niveau, les autres suivrent automatiquement avec
la meme class. Ce qui explique le pourquoi il y a beaucoup de declinaison avec le .done afin de supprime l'affectation de la class donne par
le javascript au niveau superieur -->*/

/*** Premier niveau ***/

#menugauche ul{
	list-style:none;
	margin:10px 0 20px 0; padding:0;
}

#menugauche ul li{
	background:url(../img/menu-gauche/ombre.gif) right bottom no-repeat;
	color:#FFF;
	font-size:1.2em;
	margin:0 0 0 0; padding:6px 0 10px 19px;
}

#menugauche ul li a{
	display: block;
	color:#FFF;	
	padding:0 0 0 10px;
	background:url(../img/menu-gauche/fleche-blanche.gif) 0 2px no-repeat;
	text-decoration:none;
}

#menugauche ul li a:hover{
	color:#3d702e;	
	padding:0 0 0 10px;
	background:url(../img/menu-gauche/fleche-verte.gif) 0 2px no-repeat;
	text-decoration:none;
}

#menugauche ul li.done a{
	color:#3d702e;	
	padding:0 0 0 10px;
	background:url(../img/menu-gauche/fleche-verte.gif) 0 2px no-repeat;
	text-decoration:none;
	font-weight:bold;
}

/*** Sous-menu de gauche  ***/

#menugauche ul li ul{margin:5px 0 0 15px; padding:0 0 0 0; border-top:1px solid #acd786; display:none;}

#menugauche ul li ul li{
	 font-size:0.9em;
	 background-image:none;
	 border-bottom:1px solid #acd786;
	 margin:0; padding:3px 0 3px 0;
}

#menugauche ul li ul li a{
	 font-weight:bold;
	 background-image:none;
	 margin:0; padding:0;
	 color:#FFF;
}

#menugauche ul li ul li a:hover{
	 background-image:none;
	 margin:0; padding:0;
}

#menugauche ul li.done ul li{
	background-image:none;
}

#menugauche ul li.done ul li a{
	 font-weight:bold;
	 background-image:none;
	 margin:0; padding:0;
	 color:#FFF;
}

#menugauche ul li.done ul li a:hover{
	 font-weight:bold;
	 background-image:none;
	 margin:0; padding:0;
	 color:#3d702e;
}

#menugauche ul li.done ul li.done a{
	 font-weight:bold;
	 background-image:none;
	 margin:0; padding:0;
	 color:#3d702e;
}


/*** Sous-sous menu de la gauche TROISIEME niveau ***/

#menugauche ul li ul li ul{margin:4px 0 0 0; padding:3px 0 0 15px; border:none; border-top:1px solid #acd786; position:relative;}

#menugauche ul li ul li ul li{border:none; color:#FFF;}

#menugauche ul li.done ul li.done ul li a{color:#FFF;}

#menugauche ul li.done ul li.done ul li a:hover{color:#3d702e;}

#menugauche ul li.done ul li.done ul li.done a{color:#3d702e;}



/*** Menu de droite que l'on retrouve dans certaines sections ***/

#menudroite{
	float:right;
	width:140px;
	padding:0 18px 0 20px;
	position:relative;
}

#menudroite ul{
	list-style:none; margin:0; padding:0;width:140px;
}

#menudroite ul li{
	color:#3f3f3f;	 font-size:1.1em;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	padding:6px 0 6px 8px;
}

#menudroite ul li a{
	color:#3f3f3f; text-decoration:none;
}
#menudroite ul li a:hover{
	text-decoration:underline;
}

#menudroite ul li.done{
	color:#3f3f3f;	 font-size:1.1em;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	padding:6px 0 6px 8px;
		background-color:#3f3f3f; color:#FFF;
}

#menudroite ul li.done a{
	color:#3f3f3f; text-decoration:none;
	background-color:#3f3f3f; color:#FFF;
}

#menudroite ul li.orange{
	background:url(../img/menu/bg.gif) repeat-x;
	height:26px; color:#FFF;
	line-height:2.2em; padding-left:8px;
	padding:0 0 0 8px;
	border-bottom:none;
}