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



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

#navigationNiveau1{
	position:absolute;
	z-index: 100;
	top:100px;
	width:730px;
	background:#999;
	margin-left:220px;
	
}

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

/* MENU DEROULANT : niveau 1  -----------------------------------------------------------------------------------------------*/
#navigationNiveau1  a{ width:146px;}

#navigationNiveau1 .element9 a{display:none;}
#navigationNiveau1 .element10 a{background-image:url(../img/nav/01.gif);}
#navigationNiveau1 .element7 a{background-image:url(../img/nav/02.gif);}
#navigationNiveau1 .element11 a{background-image:url(../img/nav/03.gif);}
#navigationNiveau1 .element122 a{background-image:url(../img/nav/04.gif);}
#navigationNiveau1 .element12 a{background-image:url(../img/nav/05.gif);}



#navigationNiveau1 li a:hover,#navigationNiveau1 li:hover a,#navigationNiveau1 li.sfhover a{ background-position:-146px;}
#navigationNiveau1 li.on a{ background-position:-292px;}
#navigationNiveau1 li.on li a{color:#fff}


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

#navigationNiveau1Contenu a {text-decoration:none; color:#FFFFFF;}

#navigationNiveau1Contenu li ul {
	position : absolute;
	left: -999em;
	width:136px;
	margin:0;
	
	padding:5px;background:#333;
}

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


#navigationNiveau1Contenu li ul a{
	height:auto;
	display:block;
	padding:5px 10px; margin:0;
	width:auto!important;
	background:none!important;
	border-left:none;
}

#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*/
#navigationNiveau1 a{ color:#fff}
/*
#navigationNiveau1 .element10 a{ color:#339900}
#navigationNiveau1 .element7 a{ color:#fff}
#navigationNiveau1 .element11 a{ color:#339900}
#navigationNiveau1 .element122 a{ color:#fff}
#navigationNiveau1 .element12 a{ color:#fff}

/* couleur des contours*/
#navigationNiveau1Contenu li ul {background:#333;}

#navigationNiveau1 .element10 ul{ background:#7DB955}
#navigationNiveau1 .element7 ul{ background:#E2001A}
#navigationNiveau1 .element11 ul{ background:#4383BF}
#navigationNiveau1 .element122 ul{ background:#CA8D01}
#navigationNiveau1 .element12 ul{ background:#004419}


/* couleur des filet */
#navigationNiveau1  li ul li{border-color:#ccc;}
/*
#navigationNiveau1 .element10  ul li{border:#FFD633;}
#navigationNiveau1 .element7  ul li{border:#BB3395;}
#navigationNiveau1.element11  ul li{border:#C45F33;}
#navigationNiveau1 .element122  ul li{border:#4DA3B5;}
#navigationNiveau1 .element12  ul li{border:#B99D5A;}

/* couleur de fond*/
#navigationNiveau1  li ul li{background:#666;}

#navigationNiveau1 .element10   ul li{background:#7DB955;}
#navigationNiveau1 .element7   ul li{background:#E2001A;}
#navigationNiveau1 .element11   ul li{background:#4383BF;}
#navigationNiveau1 .element122   ul li{background:#CA8D01;}
#navigationNiveau1 .element12   ul li{background:#004419;}


/* couleur de fond hover*/
#navigationNiveau1 li ul li:hover {background:#000 ;}

#navigationNiveau1 .element10 ul li:hover {background:#BDDCAA;}
#navigationNiveau1 .element7 ul li:hover {background:#F07F8C;}
#navigationNiveau1 .element11 ul li:hover {background:#A1C1DF;}
#navigationNiveau1 .element122 ul li:hover {background:#E4C680;}
#navigationNiveau1 .element12 ul li:hover {background:#80A18C;}