/* Basic code - don't modify */
 
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
/** html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; }/*  IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
    
    
/* Essentials - configure this */
#nav ul { width: 180px; }
#nav ul ul { left: 181px; }




/* Everything else is theming */
#nav {
       height: 28px;
       width:auto;
       right:0;
       bottom:76px;
       /*float:right;*/
}

#barre_nav{
    width:100px;
    background:#7FB219;
    position:relative;
    right:0;
    height:8px;
    bottom:76px;
}

#nav *:hover { background-color: none; }
#nav a {
    color: white;
    font-size: 12px;
    padding: 6px;
    text-decoration:none;
}
#nav a:hover{
    font-weight:normal;
}

#nav a.mainlevel_topmenu:hover, #nav a.mainlevel_topmenu_hover, #nav a.mainlevel_topmenu_hover:visited{
    font-weight:bold;
}

#nav li.top_level{
    background:url(../images/onglets_li.png) no-repeat left top;
    height:28px;
    padding-left:3px;
}

#nav li a.mainlevel_topmenu, #nav li a.mainlevel_topmenu_hover{
    background:url(../images/onglets_a.png) no-repeat right top;
    padding:8px 12px 5px 9px;
    font-weight:bold;
    font-size:12px;
    /*height:28px;*/
}


#nav li a.mainlevel_topmenu:hover{
    color:#fff;
}


#nav li li a{color:white;}

/*#nav ul li.hover a { background-color: #5E5A5A; }*/

#nav ul { top: 36px; }
/*#nav ul li a { background-color: #5E5A5A; }*/
#nav ul a.hover { background-color: #30A8C3; }
#nav ul a { border-bottom: none; border-right: none; opacity: 0.80; filter: alpha(opacity=80); }
#nav ul a:hover { border-bottom: none; border-right: none; opacity: 0.95; filter: alpha(opacity=95); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */



/* Gestion des couleurs */
#nav li.blue_hover{
    background-image:url(../images/onglets_li_blue.png);
}
#nav li.red_hover{
    background-image:url(../images/onglets_li_red.png);
}
#nav li.green_hover{
    background-image:url(../images/onglets_li_green.png);
}


#nav li.blue a.mainlevel_topmenu {
    color:#009EE0;
}
#nav li.green a.mainlevel_topmenu {
    color:#7FB219;
}
#nav li.red a.mainlevel_topmenu {
    color:#B90303;
}


#nav li.blue a.mainlevel_topmenu:hover,
#nav li.blue a.mainlevel_topmenu_hover, #nav li.blue_hover a.mainlevel_topmenu_hover,
#nav li.blue_hover a.mainlevel_topmenu {
    background-image:url(../images/onglets_a_blue.png);
    color:#fff;
}
#nav li.green a.mainlevel_topmenu:hover,
#nav li.green a.mainlevel_topmenu_hover, #nav li.green_hover a.mainlevel_topmenu_hover,
#nav li.green_hover a.mainlevel_topmenu{
    background-image:url(../images/onglets_a_green.png);
    color:#fff;
}
#nav li.red a.mainlevel_topmenu:hover ,
#nav li.red a.mainlevel_topmenu_hover, #nav li.red_hover a.mainlevel_topmenu_hover,
#nav li.red_hover a.mainlevel_topmenu {
    background-image:url(../images/onglets_a_red.png);
    color:#fff;
}

#nav li.blue ul li.hover a, #nav li.blue ul li a
#nav li.blue_hover ul li.hover a, #nav li.blue_hover ul li a,
#barre_nav.blue{
    background-color: #009EE0;
}
#nav li.green ul li.hover a, #nav li.green ul li a,
#nav li.green_hover ul li.hover a, #nav li.green_hover ul li a,
#barre_nav.green  {
    background-color: #7FB219;
}
#nav li.red ul li.hover a , #nav li.red ul li a,
#nav li.red_hover ul li.hover a , #nav li.red_hover ul li a,
#barre_nav.red {
    background-color: #B90303;
}

/* Fin de la gesiton des couleurs */