@charset "utf-8";
/* CSS Document */

/* NIVEAU 01 */

#nav { margin:0px; padding:0px; list-style:none; height:38px; padding-bottom:5px; background-image: url(../imgs/navigation/menu-ombre.png); background-repeat: repeat-x; background-position: right bottom; position:absolute; z-index:100; }

* html #nav { background:none; background-color:#ff5917; padding-bottom:0; } /* HACK IE6 */
#nav ul { display:none; padding:0; margin:0; position:absolute; list-style:none; padding-bottom:30px; background-image: url(../imgs/navigation/niv02-back.png); background-repeat: no-repeat; background-position: right bottom; }
* html #nav ul { background:none; } /* HACK IE6 */
#nav li { float:left; } /*generique balise li*/
* html #nav li { border-bottom:1px solid #ca501d; } /* HACK IE6 */
#nav li a { color:#FFFFFF; display:block; text-align:center; height:30px; padding:4px 6px; text-decoration:none; font-size:11px; line-height:12px; background-image: url(../imgs/navigation/niv01-off.png); background-repeat: no-repeat; background-position: right bottom; }
* html #nav li a { background:none; } /* HACK IE6 */
#nav li a strong { display:block;  } /*pour le centrage vertical*/

#nav li a:hover, #nav li a.on { background-image: url(../imgs/navigation/niv01-on.png); } /*rollover nv1*/
* html #nav li a:hover, * html #nav li a.on { background-image:none; } /*rollover nv1*/

#nav li.on{ background-image: url(../imgs/navigation/li-on.png); background-repeat: no-repeat; background-position: center bottom; }

/* NIVEAU 02 */
#nav li ul li { float:none; height:auto; display:block; padding:0; margin:0; background:none; font-weight:normal; } /*generique balise li*/
#nav li ul li a { display:block; text-align:left; height:auto; width:auto; padding:6px 6px 6px 12px; text-decoration:none; background:none; background-image: url(../imgs/navigation/niv02-off.png); background-position: 0px center; }
* html #nav li ul li a { display:block; text-align:left; height:auto; width:auto; padding:6px 6px 6px 12px; text-decoration:none; background:none; background-color:#ff5917; } /* HACK IE6 */

#nav li ul li a:hover, #nav li ul li a.on{ background-image: url(../imgs/navigation/niv02-on.png); } /*rollover nv1*/
* html #nav li ul li a:hover, * html #nav li ul li a.on{ background:none; background-color:#ff7917; } /*rollover nv1*/

#nav li ul li.on{ background-image: url(../imgs/navigation/li-li-on.png); background-repeat: repeat-y; background-position: right top; }

/* NIVEAU 03 */
#nav ul ul { padding:0 0 30px 0; margin:0; position:absolute; display:block; list-style:none; }
#nav ul ul li { float:none; height:auto; display:block; padding:0; margin:0; } /*generique balise li*/
#nav ul ul li a { display:block; text-align:left; height:auto; width:auto; padding:6px 6px 6px 12px;  text-decoration:none; }


#nav span { display:block; width:60px; height:30px; position:relative; background-image: url(../imgs/navigation/fleche.png); background-repeat: no-repeat; background-position: center center; }
* html #nav span { display:block; width:60px; height:30px; position:relative; background-image: url(../imgs/navigation/fleche.gif); background-repeat: no-repeat; background-position: center center; }

.lumiere{ background-image: url(../imgs/navigation/blanc.png); background-repeat: repeat-x; background-position: 0px 0px; }