/* 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: 70;
	top:100px;
	width:950px;
	border-top:2px solid #fff;
	background:#99CC33 url(../img/bg-menu-off.gif) repeat-x bottom;
	
}

#navigationNiveau1 ul{margin:0;padding:0;}
#navigationNiveau1 li{list-style-type:none;float:left;}
#navigationNiveau1 a{ display:block; height:26px;  background:url(../img/bg-menu-off.gif) repeat-x bottom; padding:7px 15px 3px;font-weight:bold;}
#navigationNiveau1 a span {}

/* MENU DEROULANT : niveau 1  -----------------------------------------------------------------------------------------------*/
#navigationNiveau1  a{ width:100px; border-left:1px solid #fff}

#navigationNiveau1 .element9 a{/*background-image:url(../img/nav/01.gif);*/width:5em;}
#navigationNiveau1 .element8 a{/*background-image:url(../img/nav/01.gif);*/width:6em;}
#navigationNiveau1 .element7 a{/*background-image:url(../img/nav/01.gif);*/width:2.5em}
#navigationNiveau1 .element6 a{/*background-image:url(../img/nav/01.gif);*/width:5em;}
#navigationNiveau1 .element5 a{/*background-image:url(../img/nav/01.gif);*/width:6.5em;}
#navigationNiveau1 .element4 a{/*background-image:url(../img/nav/01.gif);*/width:8em;}



#navigationNiveau1 li a:hover,#navigationNiveau1 li:hover a,#navigationNiveau1 li.sfhover a{background:#e51a88; color:#fff;}
#navigationNiveau1 li.on a{ background:#e51a88 url(../img/bg-menu.gif) repeat-x bottom; color:#fff;}
#navigationNiveau1 li.on li a{color:#fff}


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

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

#navigationNiveau1Contenu li ul {
 border-left:1px solid #fff;
	position : absolute;
	left: -999em;
	width:161px;
	margin:0;
	
	padding:5px;background:#e51a88;
}

#navigationNiveau1Contenu li ul li {
	width:161px;
	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;*/
}


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

/* couleur des liens*/
#navigationNiveau1Contenu a{ color:#fff}
/*
#navigationNiveau1Contenu .element01 a{ color:#fff}
#navigationNiveau1Contenu .element02 a{ color:#339900}
#navigationNiveau1Contenu .element03 a{ color:#fff}
#navigationNiveau1Contenu .element04 a{ color:#339900}
#navigationNiveau1Contenu .element05 a{ color:#fff}
#navigationNiveau1Contenu .element06 a{ color:#fff}

/* couleur des bordures */
#navigationNiveau1Contenu  li ul li{border-color:#ed5fac;}
/*
#navigationNiveau1Contenu .element01  ul li{border:#3372B5;}
#navigationNiveau1Contenu .element02  ul li{border:#FFD633;}
#navigationNiveau1Contenu .element03  ul li{border:#BB3395;}
#navigationNiveau1Contenu .element04  ul li{border:#C45F33;}
#navigationNiveau1Contenu .element05  ul li{border:#4DA3B5;}
#navigationNiveau1Contenu .element06  ul li{border:#B99D5A;}

/* couleur de fond*/
#navigationNiveau1Contenu  li ul li{background:#e51a88;}
/*
#navigationNiveau1Contenu .element01  ul li{background:#C4267A;}
#navigationNiveau1Contenu .element02  ul li{background:#A2CD49;}
#navigationNiveau1Contenu .element03  ul li{background:#C4267A;}
#navigationNiveau1Contenu .element04  ul li{background:#A2CD49;}
#navigationNiveau1Contenu .element05  ul li{background:#C4267A;}
#navigationNiveau1Contenu .element06  ul li{background:#A2CD49;}


/* couleur de fond hover*/
#navigationNiveau1Contenu li ul li:hover {background:#ea48a0!important;}
/*
#navigationNiveau1Contenu .element01 ul li:hover {background:#751d3b;}
#navigationNiveau1Contenu .element02 ul li:hover {background:#5d752a;}
#navigationNiveau1Contenu .element03 ul li:hover {background:#751d3b;}
#navigationNiveau1Contenu .element04 ul li:hover {background:#5d752a;}
#navigationNiveau1Contenu .element05 ul li:hover {background:#751d3b;}
#navigationNiveau1Contenu .element06 ul li:hover {background:#5d752a;}
*/