/* 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:90px;
	width:700px;
	margin-left:256px;
	font-size:11px;
}


#navigationNiveau1 ul{margin:0;padding:0;}
#navigationNiveau1 li{list-style-type:none;float:left;margin: 0 10px 0 0; font-weight:bold}
#navigationNiveau1 a{ display:block; height:18px; background-position:0 0; padding:2px 10px 0; text-decoration:none; color:#FFFFFF; width:70px; text-align:center}
#navigationNiveau1 a span {}

/* MENU DEROULANT : niveau 1  -----------------------------------------------------------------------------------------------*/

#navigationNiveau1 .element8 a{width:110px;}
#navigationNiveau1 .element9 a{width:150px;}



#navigationNiveau1 li a:hover,#navigationNiveau1 li:hover a,#navigationNiveau1 li.sfhover a{ background:#993300}
#navigationNiveau1 li.on a{ background:#993300}



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


#navigationNiveau1Contenu li ul {
	position : absolute;
	left: -999em;
	width:160px;
	margin:0;
}

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


#navigationNiveau1Contenu li ul a{
	height:auto;
	display:block;
	padding:5px 5px;
	width:auto!important;
	background:none!important; 
	border:0;
}
#navigationNiveau1Contenu  li.on ul a{height:auto;}

#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:#ccc;
}

/* DECLINAISON COULEUR -----------------------------------------------------------------------------------------------
#navigationNiveau1Contenu .element30 {background:#4d90cd;}
#navigationNiveau1Contenu .element11 {background:#f9a03b;}
#navigationNiveau1Contenu .element6  {background:#f80046;}
#navigationNiveau1Contenu .element7 {background:#7ccf29;}
#navigationNiveau1Contenu .element5  {background:#ff0099;}
#navigationNiveau1Contenu .element35  {background:#3398ff;}
#navigationNiveau1Contenu .element34  {background:#993366;}
#navigationNiveau1Contenu .element116  {background:#e3b500;}

/* 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:#fff;}
/*
#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:#4d90cd;}

#navigationNiveau1Contenu .element30 ul li{background:#4d90cd;}
#navigationNiveau1Contenu .element11 ul li{background:#f9a03b;}
#navigationNiveau1Contenu .element6 ul li{background:#f80046;}
#navigationNiveau1Contenu .element7 ul li{background:#7ccf29;}
#navigationNiveau1Contenu .element5 ul li{background:#ff0099;}
#navigationNiveau1Contenu .element35 ul li{background:#3398ff;}
#navigationNiveau1Contenu .element34 ul li{background:#993366;}
#navigationNiveau1Contenu .element116 ul li{background:#e3b500;}

/* couleur de fond hover
#navigationNiveau1Contenu li ul li:hover {background:#cc0000 ;}
#navigationNiveau1 .element30 ul li:hover{background-color:#82b1dc;}
#navigationNiveau1 .element11 ul li:hover{background-color:#fbbc75;}
#navigationNiveau1 .element6 ul li:hover{background-color:#ff4c7f;}
#navigationNiveau1 .element7 ul li:hover{background-color:#a3dd69;}
#navigationNiveau1 .element5 ul li:hover{background-color:#ff4cb6;}
#navigationNiveau1 .element35 ul li:hover{background-color:#70b7ff;}
#navigationNiveau1 .element34 ul li:hover{background-color:#b77094;}
#navigationNiveau1 .element116 ul li:hover{background-color:#ebcb4c;}