/* CSS Document */
/*******************************************************************************************************
cette feuille de style :
	MET en forme Le menu déroulant principal
/********************************************************************************************************/


/* Placement et initialisation générale  -----------------------------------------------------------------------------------------------*/

#navigationNiveau1{
	z-index: 100;
	margin:68px 0 20px 0;
	width:150px;
	float:left;
}

#navigationNiveau1 ul{margin:0;padding:0;}
#navigationNiveau1 li{position:relative;float:left;list-style-type:none;}
#navigationNiveau1 a{
	display:block;
	background-position:0;
	margin:0px;
	padding:2px 5px 2px 5px;/**/
	font-weight:bold;
}
#navigationNiveau1 a span {display:none;}

/* MENU DEROULANT : niveau 1  -----------------------------------------------------------------------------------------------*/
#navigationNiveau1  a{width:140px;height:20px;}
#navigationNiveau1 .element9 a{background-image:url(../img/nav/9.gif);}
#navigationNiveau1 .element7 a{background-image:url(../img/nav/7.gif);}
#navigationNiveau1 .element6 a{background-image:url(../img/nav/6.gif);}
#navigationNiveau1 .element5 a{background-image:url(../img/nav/5.gif);}
#navigationNiveau1 .element35 a{background-image:url(../img/nav/35.gif);}
#navigationNiveau1 .element34 a{background-image:url(../img/nav/34.gif);}
#navigationNiveau1 .element33 a{background-image:url(../img/nav/33.gif);}
#navigationNiveau1 .element58 a{background-image:url(../img/nav/58.gif);}
#navigationNiveau1 .element57 a{background-image:url(../img/nav/57.gif);}
#navigationNiveau1 .element105 a{background-image:url(../img/nav/105.jpg);height:38px;}
#navigationNiveau1 .element112 a{background-image:url(../img/nav/112.jpg);height:38px;}
#navigationNiveau1 .element109 a{background-image:url(../img/nav/109.jpg);height:38px;}
#navigationNiveau1 .element125 a{background-image:url(../img/nav/125.jpg);height:38px;}

#navigationNiveau1 li a:hover,#navigationNiveau1 li:hover a,#navigationNiveau1 li.sfhover a,#navigationNiveau1 li.on a{ background-position:-150px;}

#navigationNiveau1 .element105 a:hover,#navigationNiveau1 .element105:hover a,#navigationNiveau1 .element105.sfhover a,#navigationNiveau1 .element105.on a, #navigationNiveau1 .element112 a:hover,#navigationNiveau1 .element112:hover a,#navigationNiveau1 .element112.sfhover a,#navigationNiveau1 .element112.on a, #navigationNiveau1 .element109 a:hover,#navigationNiveau1 .element109:hover a,#navigationNiveau1 .element109.sfhover a,#navigationNiveau1 .element109.on a, #navigationNiveau1 .element125 a:hover,#navigationNiveau1 .element125:hover a,#navigationNiveau1 .element125.sfhover a,#navigationNiveau1 .element125.on a {background-position:0px;}

/* MENU DEROULANT : code principale -----------------------------------------------------------------------------------------------*/

#navigationNiveau1Contenu a {text-decoration:none; }

#navigationNiveau1Contenu li ul {
	position : absolute;
	left: -999em;
	width:150px;
	margin:0 0 0 145px;
	margin-top: -25px;
	padding:5px;
}

#navigationNiveau1Contenu li ul li {
	width:150px;
	border-bottom:1px solid #fff;
}


#navigationNiveau1Contenu li ul a{
	height:auto;
	display:block;
	padding:2px 10px;
	font-size:80%;
	width:auto!important;
	background:none!important;
}

#navigationNiveau1Contenu li:hover ul ul, #navigationNiveau1Contenu li.sfhover ul ul{
left: -999em;
}
#navigationNiveau1Contenu li:hover ul, #navigationNiveau1Contenu li li:hover ul, #navigationNiveau1Contenu li.sfhover ul, #navigationNiveau1Contenu li li.sfhover ul{ 
left: auto;
}
#navigationNiveau1Contenu li li a:hover, #navigationNiveau1Contenu li:hover li a{
background:none!important;
}
#navigationNiveau1Contenu li li:hover {
background-color:#fff;
}

/* DECLINAISON COULEUR -----------------------------------------------------------------------------------------------*/

/* couleur des liens*/
#navigationNiveau1Contenu a{color:#FFFFFF;}

/* couleur des bordures 
#navigationNiveau1Contenu  li ul li{border-color:#333;}*/

/* couleur de fond*/
/*#navigationNiveau1Contenu  li ul li{background:#990000;}*/
#navigationNiveau1 .element9 li{background-color:#3366CC;}
#navigationNiveau1 .element7 li{background-color:#6699CC;}
#navigationNiveau1 .element6 li{background-color:#009900;}
#navigationNiveau1 .element5 li{background-color:#FF9900;}
#navigationNiveau1 .element35 li{background-color:#99CC33;}
#navigationNiveau1 .element34 li{background-color:#FF3300;}
#navigationNiveau1 .element33 li{background-color:#CC0066;}
#navigationNiveau1 .element58 li{background-color:#CC33CC;}
#navigationNiveau1 .element57 li{background-color:#9900CC;}


/* couleur de fond hover*/
#navigationNiveau1Contenu li ul li:hover {color:#FFFFFF;}
#navigationNiveau1 .element9 li:hover{background-color:#99B2E5;}
#navigationNiveau1 .element7 li:hover{background-color:#B2CCE5;}
#navigationNiveau1 .element6 li:hover{background-color:#7FCC7F;}
#navigationNiveau1 .element5 li:hover{background-color:#FFCC7F;}
#navigationNiveau1 .element35 li:hover{background-color:#CCE599;}
#navigationNiveau1 .element34 li:hover{background-color:#FF997F;}
#navigationNiveau1 .element33 li:hover{background-color:#E57FB2;}
#navigationNiveau1 .element58 li:hover{background-color:#E599E5;}
#navigationNiveau1 .element57 li:hover{background-color:#CC7FE5;}