/*** MENU TOP (Accueil, nous joindre, plan du site, etc... ***/

#menutop{
	position:absolute;
	top:-17px;
	height:20px;
	padding-left:210px;
}

#menutop ul{list-style:none; height:20px; }
#menutop ul li{
	float:left;
	height:13px; width:85px;
	text-align:center;
	border-left:1px solid #CCC;
	line-height:13px;
	margin-top:2px;

}


#menutop ul li a{
	color:#777876;
	text-decoration:none;
	padding:0 4px 0 4px;
}

#menutop ul li.done{color:#FFF;}
#menutop ul li a:hover{color:#006599;}
#menutop ul li.done {background-color:#006599; color:#FFF;}
#menutop ul li.done a {color:#FFF;}
#menutop ul li.done a:hover {color:#FFF; background-color:#006599;}


/*** MENU PRINCIPAL (Le ctreq, produits, services, activites et publications ***/
#menu{
	background:	transparent url(../img/menu/back_menu.gif) no-repeat;
	padding-left:85px;
}

#menu ul{list-style:none;height:43px;}
#menu ul li{
	float:left;
	width:115px; height:43px;
	color:#FFF;
	line-height:38px;
	font-weight:bold;
	text-align:center;
	background:	transparent url(../img/menu/menu_deroulant/ligne_blanche.gif) left top no-repeat;
}

#menu ul li a{
	width:100%;height:100%;
	display:block;
	color:#b8d3de;
	text-decoration:none;
}

#menu ul li a:hover{
	color:#FFF;
	width:100%;height:100%;}

#menu ul li.ctreq2 a, #menu ul li.produits2 a, #menu ul li.services2 a, #menu ul li.activites2 a, #menu ul li.publications2 a{
	color:#FFF;
}
	
#menu ul li.ctreqdone, #menu ul li.produitsdone, #menu ul li.servicesdone,
#menu ul li.activitesdone, #menu ul li.publicationsdone{
	position:relative;
	background-color:#FFF;
	color:#de803a;
	height:43px;
}

#menu ul li.ctreqdone a, #menu ul li.produitsdone a, #menu ul li.servicesdone a,
#menu ul li.activitesdone a, #menu ul li.publicationsdone a{
	background:	#FFF url(../img/menu/back_menu_blanc.gif) 0 0 no-repeat;
	color:#de803a;
	height:43px;
}

#menu ul li.ctreqdone a:hover, #menu ul li.produitsdone a:hover, #menu ul li.servicesdone a:hover,
#menu ul li.activitesdone a:hover, #menu ul li.publicationsdone a:hover{
	color:#DE803A;
	height:43px;
}



/*** MENU GAUCHE ***/
#menugauche{
	position:absolute;
	width:164px;
	margin-left:10px;
	
}

/*premier niveau*/
#menugauche ul{
	list-style:none;
	width:164px;
	background:#FFF url(../img/contenu/degrade_cote.gif) 159px 0 repeat-y;
	margin-right:5px;
}

#menugauche ul li{
	padding:5px 0 5px 0;
	margin-right:5px;
	background:#FFF url(../img/contenu/menu/filet_gris.gif) 0 0 no-repeat;
}

#menugauche ul li a{
	color:#5D5D5D;
	padding-left:15px;
	padding-right:10px;
	text-decoration:none;
	background: url(../img/contenu/menu/fleche_grise.gif) 5px 2px no-repeat;
	font-weight:bold;
	display:block;
}
#menugauche ul li a:hover{
	color:#DF8039;
	background: url(../img/contenu/menu/fleche_orange.gif) 5px 2px no-repeat;
}

#menugauche ul li.vide{
	background:#FFF url(../img/contenu/menu/filet_gris.gif) 0 0 no-repeat;
	border:0; height:10px;
}

/*premier niveau du menu version DONE*/

#menugauche ul li.done{
	margin:0;
	padding:5px 0 5px 0;
	background:transparent url(../img/menu/menu_gauche_top.gif) left top no-repeat;
}

#menugauche ul li.done a{color:#DE803A;}
#menugauche ul li.done a:hover{color:#DE803A;}

#menugauche ul li ul{
margin:0; padding:0;
	background-image:none;
	list-style:none;
	width:149px;
	display:none;
	margin-left:10px;
	margin-top:5px;
	border-top:1px solid #CCC;
}

#menugauche ul li ul li.lien{
position:relative;
	margin:0;
	padding:5px 0 5px 0;
	padding-right:10px;
	border:none;
	background-image:none;
	border-bottom:1px solid #CCC;
	display:block;
}

#menugauche ul li ul li.lien a{
	padding-left:20px;
	border:none;
	background:transparent url(../img/contenu/menu/bullet_gris.gif) 5px 4px no-repeat;
	font-weight:normal;
	color:#5D5D5D;
	display:block;
}

#menugauche ul li ul li.lien a:hover{
	position:relative;
	color:#DF8039;
	background: url(../img/contenu/menu/bullet_orange.gif) 5px 4px no-repeat;
}


#menugauche ul li ul li.done{	
	padding-left:5px;
	border:none;
	color:#DF8039;
	background:transparent url(../img/contenu/menu/bullet_orange.gif) 5px 9px no-repeat;
	border-bottom:1px solid #CCC;
	display:block;margin:0;
}

#menugauche ul li ul li.done a{
	border:none;
	color:#DF8039;
	background-image:none;
	display:block;
}

#menugauche ul li ul li.done a:hover{
	background:transparent url(../img/contenu/menu/bullet_orange.gif) 0 4px no-repeat;
}

/*** MENUS DEROULANTS ***/

.sousmenu{width:171px;position:absolute;z-index:10;}

.sousmenu ul{
	list-style:none;
	padding-top:5px;
	background: #006599 url(../img/menu/menu_deroulant/degrade_menu.gif) left top no-repeat;
	border-bottom:3px solid #004568
}

.sousmenu ul li{
	background:url(../img/menu/menu_deroulant/filet.gif) center bottom no-repeat;
	height:20px;
	line-height:20px;
}

.sousmenu ul li a{
	display:block;
	color:#FFF;
	background:url(../img/menu/menu_deroulant/fleche_blanche.gif) 10px 6px no-repeat;
	text-decoration:none;
	padding-left:20px;
	font-weight:bold; height:100%;
}

.sousmenu ul li a:hover{
	color:#e7d28f;
	background:url(../img/menu/menu_deroulant/fleche_beige.gif) 10px 6px no-repeat;
}

.sousmenu ul li.basmenu{
	height:3px;
	margin:0; padding:0;
	background:url(../img/menu/menu_deroulant/bas_menu.gif) no-repeat;
}

#smenu_ctreq{
	left:86px;top:148px;
	visibility:hidden;
}

#smenu_produits{
	left:201px;top:148px;
	visibility:hidden;
}
#smenu_services{
	left:316px;top:148px;
	visibility:hidden;
}
#smenu_activites{
	left:431px;top:148px;
	visibility:hidden;
}
#smenu_publications{
	left:546px;top:148px;
	visibility:hidden;
}
