/* CSS Document */

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

#navigationNiveau1{
	position:absolute;
	z-index: 100;
	top:0;
	width:788px;
	height:29px;
	margin-left:163px;
}

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

/* MENU DEROULANT : niveau 1  -----------------------------------------------------------------------------------------------*/
#navigationNiveau1Contenu .element01 a{background-image:url(../img/nav/01.gif);width:161px;}
#navigationNiveau1Contenu .element02 a{background-image:url(../img/nav/02.gif);width:73px;}
#navigationNiveau1Contenu .element03 a{background-image:url(../img/nav/03.gif);width:126px;}
#navigationNiveau1Contenu .element04 a{background-image:url(../img/nav/04.gif);width:126px;}
#navigationNiveau1Contenu .element05 a{background-image:url(../img/nav/05.gif);width:146px;}
#navigationNiveau1Contenu .element06 a{background-image:url(../img/nav/06.gif);width:156px;}


#navigationNiveau1Contenu li a:hover,#navigationNiveau1 li.on a{ background-position:0}
#navigationNiveau1Contenu li:hover a,#navigationNiveau1 li.sfhover a{background-position:0}

/* 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:161px;
	margin:0;
	padding:0;
}

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

#navigationNiveau1Contenu .element10 ul {margin:0 0 0 -69px;}

#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 .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 .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 .element01  ul li{background:#1391ce;}
#navigationNiveau1Contenu .element02  ul li{background:#fdff00;}
#navigationNiveau1Contenu .element03  ul li{background:#63c32d;}
#navigationNiveau1Contenu .element04  ul li{background:#abe72d;}
#navigationNiveau1Contenu .element05  ul li{background:#e7ab2a;}
#navigationNiveau1Contenu .element06  ul li{background:#e0651c;}


/* couleur de fond hover*/

#navigationNiveau1Contenu .element01 ul li:hover {background:#0f74a5;}
#navigationNiveau1Contenu .element02 ul li:hover {background:#ffff99;}
#navigationNiveau1Contenu .element03 ul li:hover {background:#4f9c24;}
#navigationNiveau1Contenu .element04 ul li:hover {background:#bcec57;}
#navigationNiveau1Contenu .element05 ul li:hover {background:#b98922;}
#navigationNiveau1Contenu .element06 ul li:hover {background:#b35116;}