#nav { width:756px; height:26px;  background:url('/img/nav.gif') top left no-repeat; }

/* Pour IE6 */
#nav table {border-collapse:collapse; text-align:left; }



#nav, #nav ul { width:756px; padding:0px; margin:0px; list-style:none; }

#nav ul { padding-bottom:5px; line-height:14px; }
#nav ul li ul { }
/* lien N1 */
#nav a {
	display:block; width:126px; font:12px verdana; color:#fff; text-decoration:none;  cursor:pointer; height:21px; padding:5px 0px 0px 0px; text-align:center;
}

/* lien N2, N3... */
#nav ul a {	
	display:block; width:190px !important /*Non-IE6*/; width:176px /*IE6*/; font:11px arial; color:#000; text-decoration:none; text-transform:none; cursor:pointer; height:14px; text-align:left; padding:0px;
}

#nav li { float:left; width:190px; }
#nav li ul { /* listes de deuxième niveau */
	z-index:2; position: absolute; width:190px; background:#f4c250;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#nav li ul ul { /* listes de troisième niveau et plus */ margin: -19px 0 0 190px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	/* listes imbriquées sous les items de listes survolés */
	z-index:2; left: auto;
}
/* les survols "images" : */
#nav ul li ul li a:hover { width:190px !important /*Non-IE6*/; width:176px /*IE6*/; }
#nav ul li a:hover { width:190px !important /*Non-IE6*/; width:176px /*IE6*/; color:#fff; background: url('/img/spacer.gif') repeat; }

#nav #pan1{ width:126px; }
#nav #pan2{ width:126px; }
#nav #pan3{	width:126px; }
#nav #pan4{	width:126px; }
#nav #pan5{ width:126px; }
#nav #pan6{ width:126px; }

#nav li a:link       { color:#fff; }
#nav li a:visited    { color:#fff; }
#nav li a:hover      { color:#000; }
#nav li a:active     { color:#fff; }

#nav li li a:link       { color:#000; }
#nav li li a:visited    { color:#000; }
#nav li li a:hover      { color:#fff; }
#nav li li a:active     { color:#000; }

#nav #pan1 ul { margin:0px !important /*Non-IE6*/; margin:7px 0px 0px -63px /*IE6*/; }
#nav #pan2 ul { margin:0px !important /*Non-IE6*/; margin:7px 0px 0px -63px /*IE6*/; }
#nav #pan3 ul { margin:0px !important /*Non-IE6*/; margin:7px 0px 0px -63px /*IE6*/; }
#nav #pan4 ul { margin:0px !important /*Non-IE6*/; margin:7px 0px 0px -63px /*IE6*/; }
#nav #pan5 ul { margin:0px !important /*Non-IE6*/; margin:7px 0px 0px -63px /*IE6*/; }
#nav #pan6 ul { margin:0px 0px 0px -64px !important /*Non-IE6*/; margin:7px 0px 0px -127px /*IE6*/; }

/* Pour IE6 */
#lia1:hover{background:url('/img/nav.gif') 0 -26px no-repeat;}
#lia2:hover{background:url('/img/nav.gif') -126px -26px no-repeat;}
#lia3:hover{background:url('/img/nav.gif') -252px -26px no-repeat;}
#lia4:hover{background:url('/img/nav.gif') -378px -26px no-repeat;}
#lia5:hover{background:url('/img/nav.gif') -504px -26px no-repeat;}
#lia6:hover{background:url('/img/nav.gif') -630px -26px no-repeat;}


#pan1:hover{background:url('/img/nav.gif') 0 -26px no-repeat;}
#pan2:hover{background:url('/img/nav.gif') -126px -26px no-repeat;}
#pan3:hover{background:url('/img/nav.gif') -252px -26px no-repeat;}
#pan4:hover{background:url('/img/nav.gif') -378px -26px no-repeat;}
#pan5:hover{background:url('/img/nav.gif') -504px -26px no-repeat;}
#pan6:hover{background:url('/img/nav.gif') -630px -26px no-repeat;}


.pan1b{background:url('/img/nav.gif') 0 -26px no-repeat;}
.pan2b{background:url('/img/nav.gif') -126px -26px no-repeat;}
.pan3b{background:url('/img/nav.gif') -252px -26px no-repeat;}
.pan4b{background:url('/img/nav.gif') -378px -26px no-repeat;}
.pan5b{background:url('/img/nav.gif') -504px -26px no-repeat;}
.pan6b{background:url('/img/nav.gif') -630px -26px no-repeat;}