/* CSS Document */

/* PLACEMENT ET INITIALISATION GÉNÉRALE
-----------------------------------------------------------------------------------------------*/
#navigationNiveau1 {position:absolute; z-index: 100; top:80px; width:950px; height:31px; margin-left:0; font-weight:bold; font-size:120%;}
#navigationNiveau1 ul{margin:0;padding:0;}
#navigationNiveau1 li{list-style-type:none;float:left;}
#navigationNiveau1 a{height:31px; background-position:0 0; width:100px; display:block; margin-right:1px;}
#navigationNiveau1 a span { display:none}


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

#navigationNiveau1 .element57 a{background-image:url(../img/nav/01.gif); width:70px;}
#navigationNiveau1 .element28 a{background-image:url(../img/nav/02.gif); width:80px;}
#navigationNiveau1 .element29 a{background-image:url(../img/nav/03.gif); width:132px;}
#navigationNiveau1 .element30 a{background-image:url(../img/nav/04.gif); width:110px;}
#navigationNiveau1 .element31 a{background-image:url(../img/nav/05.gif); width:70px;}
#navigationNiveau1 .element32 a{background-image:url(../img/nav/06.gif); width:125px;}
#navigationNiveau1 .element35 a{background-image:url(../img/nav/07.gif); width:100px;}
#navigationNiveau1 .element34 a{background-image:url(../img/nav/08.gif); width:110px;}
#navigationNiveau1 .element33 a{background-image:url(../img/nav/09.gif); width:105px;}

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


/* 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:#fff;}
#navigationNiveau1Contenu li ul {position:absolute; left:-999em; width:161px; margin:0; padding:0; background-color:#214c60;}
#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:#4d7080;}


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