/* navigation */
#nav {
    position:           absolute;
    z-index:            1000;
    top:                68px;
    left:               145px;
    width:              775px;
    background-image:   url(/image/fd_nav.png);
    background-repeat:  no-repeat;
    background-position:center;
}
#nav>li {
    float:              left;
    width:              86px;
    padding-top:        9px;
    font-size:          .8em;
}
#nav>li.hover:hover,
#nav>li.active {
    background-image:   url(/image/trait_horz.png);
    background-repeat:  repeat-x;
    background-position:top;
}
#nav>li>a {
    display:            block;
    height:             32px;
    text-align:         center;
    color:              #FFF;
    text-transform:     uppercase;
    font-weight:        bold;
}
#nav>li>a:hover {
    text-decoration:    none;
}
#nav>li.hover:hover>a,
#nav>li.active>a {
    color:              #FF0000;
}

/* sous-navigation (menu "déroulant") */
#nav li.hover ul.snav {
    display:            none;
    font-size:          1.1em;
}
#nav li.hover:hover ul.snav {
    display:            block;
    position:           absolute;
    top:                100%;
    width:              150px;
    background-color:   #373737;
}
#nav li.hover:hover ul#snav_8 {
    right:              0;
}
#nav li.hover:hover ul.snav li {
    float:              left;
    width:              100%;
}
#nav li.hover:hover ul.snav li a {
    display:            block;
    color:              #FFF;
    padding:            2px 5px;
}
#nav li.hover ul.snav li a:hover {
    color:              #FF0000;
    text-decoration:    none;
}

/* sous-navigation interne */
#nav_aside {
    position:           absolute;
    top:                120%;
    left:               0;
    width:              140px;
    padding-right:      5px;
}
#nav_aside li {
    background-image:   url(/image/fd_snav.png);
    background-repeat:  no-repeat;
    background-position:left top;
    padding-left:       5px;
    margin-bottom:      10px;
}
#nav_aside li:hover,
#nav_aside li.active {
    background-image:   url(/image/fd_snav_on.png);
}
#nav_aside li a {
    color:              white;
    font-size:          .85em;
    font-weight:        bold;
}
#nav_aside li a:hover,
#nav_aside li.active a {
    color:              red;
    text-decoration:    none;
}
/* fin navigation */