/* CSS Document */

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

#navigationNiveau1{
	position:absolute;
	top:77px;
	width:657px;
	height:48px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; font-weight:bold;
	margin-left:93px;
}

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

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

#navigationNiveau1 .element11 a{background-image:url(../img/nav/01.gif); width:66px;}
#navigationNiveau1 .element10 a{background-image:url(../img/nav/02.gif);width:73px;}
#navigationNiveau1 .element9 a{background-image:url(../img/nav/03.gif);width:90px;}
#navigationNiveau1 .element8 a{background-image:url(../img/nav/04.gif);width:89px;}
#navigationNiveau1 .element7 a{background-image:url(../img/nav/05.gif);width:74px;}

#navigationNiveau1 li a:hover{ background-position:-90px}
#navigationNiveau1 li.on a{ background-position:-180px}
#navigationNiveau1 li:hover a{ background-position:-90px}
#navigationNiveau1 li.sfhover a{ background-position:-90px}

/* 
====================================================================================
exception page2colonne
====================================================================================
*/
.page2colonnes #navigationNiveau1 .element11 a {background-position:-180px}


/* 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;}

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

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

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

#navigationNiveau1Contenu a{/*background:#CC0000;*/ background:#FFE380;}
#navigationNiveau1Contenu a:hover{/*color:#FFFFFF*/}
#navigationNiveau1Contenu ul li{background:#FFBD00;}
#navigationNiveau1Contenu ul li:hover {/*background:#CC0000;*/ background:#FFE380;}

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

/* couleur des liens
#navigationNiveau1Contenu .element01 a{ color:#99B9DA}
#navigationNiveau1Contenu .element02 a{ color:#FFEB99}
#navigationNiveau1Contenu .element03 a{ color:#DD99CA}
#navigationNiveau1Contenu .element04 a{ color:#E1AF99}
#navigationNiveau1Contenu .element05 a{ color:#A6D1DA}
#navigationNiveau1Contenu .element06 a{ color:#DCCEAD}
#navigationNiveau1Contenu .element07 a{ color:#D6EBAD}


/* 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;}
#navigationNiveau1Contenu .element07  ul li{border:#ADD65C;}

/* couleur de fond 
#navigationNiveau1Contenu .element01  ul li{background:#004FA3;}
#navigationNiveau1Contenu .element02  ul li{background:#FFCC00;}
#navigationNiveau1Contenu .element03  ul li{background:#AA007A;}
#navigationNiveau1Contenu .element04  ul li{background:#B53700;}
#navigationNiveau1Contenu .element05  ul li{background:#218CA3;}
#navigationNiveau1Contenu .element06  ul li{background:#A88531;}
#navigationNiveau1Contenu .element07  ul li{background:#99CC33;}

/* couleur de fond hover
#navigationNiveau1Contenu .element01 ul li:hover {background:#3372B5;}
#navigationNiveau1Contenu .element02 ul li:hover {background:#FFD633;}
#navigationNiveau1Contenu .element03 ul li:hover {background:#BB3395;}
#navigationNiveau1Contenu .element04 ul li:hover {background:#C45F33;}
#navigationNiveau1Contenu .element05 ul li:hover {background:#4DA3B5;}
#navigationNiveau1Contenu .element06 ul li:hover {background:#B99D5A;}
#navigationNiveau1Contenu .element07 ul li:hover {background:#ADD65C;}

*/