
#mid-nav-container a, {color:#fff;text-decoration:none;background:inherit;}
#mid-nav-container a:visited {color:##663300;text-decoration:none;background:inherit;}
/* hack Chrome / Safari pour résoudre le pb du background noir (hérité de webkit ?)  sur les visited niveau 2 du menu, */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mid-nav-container a:visited {background:#FFF;}
}
/* fin du hack */
#mid-nav-container a:hover {color:#663300;text-decoration:none;background:inherit;}



ul {margin:0px;padding:0px;}
li {list-style:none;}


/*Middle Drop-Down Navigation*/

#mid-nav-container {font-family: "Courier New", Courier, monospace; padding-top:4px ; margin: auto 0 0;font-size:11pt;/*text-transform:uppercase;*/clear:both;width:770px;/*border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;*/height:33px; word-spacing: -1px; letter-spacing:-0.8px}

/* Targeting both first and second level menus */
#mid-nav li {float:left;position:relative;list-style:none; margin-right:8px}
#mid-nav li a {border:none;color: #FF9900;display:block;margin:0;padding:8px 8px;}
#mid-nav li a:hover {background:#CCC;text-decoration:none;color:#663300;}
.join-nw{background:url(../images/home/fond-networld-menu.png) no-repeat top center; width:214px; height:40px; margin-top:-4px}
.join-nw:hover{background:none; /*color: #000, ne fonctionne pas car géré par script jquery*/}
.aaa{color:#FFF; padding:10px 0 0 15px; background-color:none}

/* Targeting the first level menu */
#mid-nav { display:block;padding:1px 0 2px 0;z-index:100;position:absolute;margin:0; width:780px; *width:820px }
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mid-nav {width:820px;}
}
/* fin du hack */
#mid-nav > li > a {}
#mid-nav > li > a:hover {-moz-border-radius:3px 3px 0px 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;color:#666633;background:inherit;}

/* Targeting the second level menu */
#mid-nav li ul { background:#fff;color:#666633;display:none;margin:0;width: 220px;position:absolute;padding:4px;margin:0;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;-moz-border-radius-topright: 3px;border-top-right-radius: 3px;border-top-right-radius: 3px;   }
#mid-nav li ul li { width:100%;font-size:9pt;letter-spacing:0.3px}
#mid-nav li ul li a { background:#fff;border:none;line-height:30px;margin:0;padding:0 0 0 5px;color:#666633; }
#mid-nav li ul li a:hover { background: #F0F0F0;color:#666633; }
/*.strong-archive a {font-weight:600;}*/

/* A class of current will be added via jQuery */
#mid-nav li.current > a { background:#fff;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;color:#66633; }

/* CSS fallback */
#mid-nav li:hover > ul.child { display:block; }

/* Largeurs particulières pour les ul de niveau 2 */
#mid-nav li ul#menu-networld{ width:125px; }
#mid-nav li ul#menu-presta{ width:175px; }
#mid-nav li ul#menu-5plus{ width:140px; }
#mid-nav li ul#menu-expertise{ }
#mid-nav li div.join-nw{ padding-left:10px; *padding-left:2px; }
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mid-nav li div.join-nw{ padding-left:0px;}
}
/* fin du hack */
#mid-nav li div.join-nw a{ color:#FFF; padding:13px 0 0 7px; background:none; }