/* CSS Document */

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

#navigationNiveau1{
	position:absolute;
	top:80px;
	width:750px;
	height:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold;
}

#navigationNiveau1 ul{margin:0;padding:0;}
#navigationNiveau1 li{list-style-type:none;float:left;}
#navigationNiveau1 a{ display:block;height:23px;margin-right:1px;}
#navigationNiveau1 a span { display:none;}

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

#navigationNiveau1 .element2 a{background-image:url(../../img/nav/01.gif);width:65px; }
#navigationNiveau1 .element3 a{background-image:url(../../img/nav/02.gif);width:93px;}
#navigationNiveau1 .element4 a{background-image:url(../../img/nav/03.gif);width:120px;}
#navigationNiveau1 .element5 a{background-image:url(../../img/nav/05.gif);width:98px;}
#navigationNiveau1 .element6 a{background-image:url(../../img/nav/04.gif);width:136px;}
#navigationNiveau1 .element7 a{background-image:url(../../img/nav/06.gif);width:67px;}
#navigationNiveau1 .element96 a{background-image:url(../../img/nav/07.gif);width:165px;margin-right:0}

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

/* MENU DEROULANT : code principale -----------------------------------------------------------------------------------------------*/
/* n'utilise pas la technique du display:block / display:none mais une autre pour que ça marche avec IE*/
/* mais celle d'un déplacement : left: -999em;*/

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

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

#navigationNiveau1Contenu li ul li {
	width:165px;
	border-bottom:1px solid #333;
}

#navigationNiveau1Contenu li ul a{
	height:auto;
	display:block;
	padding:5px 10px;
	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 .element2 a{ color:#99B9DA}
#navigationNiveau1Contenu .element3 a{ color:#fff}
#navigationNiveau1Contenu .element4 a{ color:#DD99CA}
#navigationNiveau1Contenu .element5 a{ color:#A6D1DA}
#navigationNiveau1Contenu .element6 a{ color:#E1AF99}
#navigationNiveau1Contenu .element7 a{ color:#DCCEAD}
#navigationNiveau1Contenu .element96 a{ color:#D6EBAD}

/* couleur des bordures*/
#navigationNiveau1Contenu .element2  ul li{border:#3372B5;}
#navigationNiveau1Contenu .element3  ul li{border:#FFD633;}
#navigationNiveau1Contenu .element4  ul li{border:#BB3395;}
#navigationNiveau1Contenu .element5  ul li{border:#4DA3B5;}
#navigationNiveau1Contenu .element6  ul li{border:#C45F33;}
#navigationNiveau1Contenu .element7  ul li{border:#B99D5A;}
#navigationNiveau1Contenu .element96  ul li{border:#ADD65C;}

/* couleur de fond */
#navigationNiveau1Contenu .element2  ul li{background:#004FA3;}
#navigationNiveau1Contenu .element3  ul li{background:#FFCC00;}
#navigationNiveau1Contenu .element4  ul li{background:#AA007A;}
#navigationNiveau1Contenu .element5  ul li{background:#218CA3;}
#navigationNiveau1Contenu .element6  ul li{background:#B53700;}
#navigationNiveau1Contenu .element7  ul li{background:#A88531;}
#navigationNiveau1Contenu .element96  ul li{background:#99CC33;}

/* couleur de fond hover*/
#navigationNiveau1Contenu .element2 ul li:hover {background:#3372B5;}
#navigationNiveau1Contenu .element3 ul li:hover {background:#FFD633;}
#navigationNiveau1Contenu .element4 ul li:hover {background:#BB3395;}
#navigationNiveau1Contenu .element5 ul li:hover {background:#4DA3B5;}
#navigationNiveau1Contenu .element6 ul li:hover {background:#C45F33;}
#navigationNiveau1Contenu .element7 ul li:hover {background:#B99D5A;}
#navigationNiveau1Contenu .element96 ul li:hover {background:#ADD65C;}