/**********************************************
Règles d'affichage des menus du site.
***********************************************/
.menu, .menu ul { /* reset */
    list-style: none;
    list-style-image: none;
    margin: 0;
}

.menu a, .menu a:hover { /* reset */
    text-decoration: none;
}

/* DEBUT -------------------------------------------------
Menu entête
conteneur du menu : #entete
--------------------------------------------------------*/
    #entete .menu {
        width: 980px;
        height: 25px;
        margin: 0 auto;
        background: #0062ac url(../images/menu.png) no-repeat 0 0;
    }
    
    #entete .menu li {
        float: left;
        height: 25px;
    }
    
    #entete .menu li a {
        color: #fff;
        font-size: 1.167em;
        display: block;
        padding: 3px 25px;
        height: 19px;
        background: transparent url(../images/separ_menu.png) no-repeat right 0;
    }
    
    #entete .menu li a:hover,
    #entete .menu li:hover a,
    #entete .menu li.itemactif a { /* menu actifs et survol niveau 1 */
        background: #b0c903 url(../images/menu_hover.png) no-repeat right 0;
    }
    
    #entete .menu #accueil {
        width: 100px;
    }
    
    #entete .menu #accueil a:hover,
    #entete .menu #accueil.itemactif a {
        background: #b1c903 url(../images/accueil_hover.png) no-repeat 0 0;
    }
    
    #entete .menu li:hover ul {
	    visibility: visible;
	}
    /* DEBUT -----------
    Sous-menu niveau 1
    --------------------*/
        #entete .menu li ul {
            position: absolute;
            visibility: hidden;
            background-color: #ebf0b2;
            padding: 0 0 7px 0;
            margin: 0;
            border-radius: 0 0 5px 5px;
            -moz-border-radius: 0 0 5px 5px;
            -webkit-border-bottom-left-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
        }
        
        #entete .menu li ul li {
            float: none;
            border-bottom: 1px solid #fff;
            height: auto;
        }
        
        #entete .menu li ul li a,
        #entete .menu li:hover ul li a {
            font-size: 1em;
            font-weight: bold;
            color: #000;
            background: none;
            padding: 6px 25px 0 25px;
            height: 19px;
        }
        
        #entete .menu li ul li a:hover,
        #entete .menu li ul li:hover a,
        #entete .menu li ul li.itemactif a { /* menu actifs et survol niveau 1 */
            background-color: #b1c903;
            background-image: none;
            color: #fff;
        }
        
        #entete .menu li ul li:hover ul {
	    }
    /* FIN -----------
    Sous-menu niveau 1
    --------------------*/
	    /* DEBUT -----------
	    Sous-menu niveau 2
	    --------------------*/
	        #entete .menu li ul li ul {
	            position: relative;
	            padding: 0;
	            margin: 0;
	            border-radius: 0;
	            -moz-border-radius: 0;
	            -webkit-border-bottom-left-radius: 0;
	            -webkit-border-bottom-right-radius: 0;
	        }
	        
	        #entete .menu li ul li ul li {
	           border: none;
	           height: 20px;
	        }
	        
	        #entete .menu li ul li ul li a,
	        #entete .menu li ul li:hover ul li a,
	        #entete .menu li ul li.itemactif ul li a {
	           padding: 3px 25px 0 40px !important;
               height: 17px;
	           font-weight: normal !important;
	           color: #000;
               background-color: #ebf0b2;
	        }
	        
	        #entete .menu li ul li ul li a:hover,
	        #entete .menu li ul li.itemactif ul li a:hover,
	        #entete .menu li ul li ul li.itemactif a { /* menu actifs et survol niveau 1 */
	           color: #000;
	           background-color: #d0de6a;
	        }
	    /* FIN -----------
	    Sous-menu niveau 2
	    --------------------*/
/* FIN -------------------------------------------------
Menu entête
--------------------------------------------------------*/

/* DEBUT -------------------------------------------------
Menu Pied de page
conteneur du menu : #footer
--------------------------------------------------------*/
    #footer .menu {
        text-align: center;
        font-size: .917em;
        color: #626262;
        font-weight: bold;
    }
    
    #footer .menu li {
        display: inline;
    }
    
    #footer .menu li a {
        color: #626262;
        text-decoration: underline;
        margin: 0 5px;
    }
    
    #footer .menu li a:hover,
    #footer .menu li a.itemactif {/* menu actifs et survol */
        text-decoration: none;
    }
/* FIN -------------------------------------------------
Menu Pied de page
--------------------------------------------------------*/