/* Begin CSS Popout Menu */


#menuh-container {
clear : both;
position : relative;
margin-top : 10px;
}
#menuh {
float : left;
width : 100%;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
margin : 0;
border-bottom : 0 solid #520934;
color : #333;
background : #a4a4a0;
}
#menuh a {
display : block;
height : 16px;
text-align : left;
border : 0 solid #eee;
white-space : nowrap;
margin : 0;
padding : 0.3em 0.2em 0.3em 0.4em;
}
#menuh a, #menuh a:visited {
color : #000;
background : #a4a4a0;
text-decoration : none;
}
#menuh a:hover {
color : #fff;
background-color : #6e6a5a;
}
#menuh a.top_parent, #menuh a.top_parent:hover {
text-transform : uppercase;
background-image : url(img/navdown_white.gif);
background-position : right center;
background-repeat : no-repeat;
}
#menuh a.parent, #menuh a.parent:hover {
background-image : url(img/nav_white.gif);
background-position : right center;
background-repeat : no-repeat;
}
    /* Endroit où on recommence à partir de #menuh ul */
    #menuh ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
        width: 120px; /* Légèrement élargi pour éviter que le texte déborde */
    }

    #menuh li {
        position: relative;
    }

    /* Style des sous-menus cachés par défaut */
    #menuh ul ul {
        position: absolute;
        z-index: 500;
        top: 100%; /* Aligne le sous-menu directement sous le li parent */
        left: 0;
        display: none;
        padding: 0;
        margin: 0;
        width: 180px; /* Largeur de la boîte déroulante */
        box-shadow: 0px 4px 8px rgba(0,0,0,0.2); /* Petit effet d'ombre moderne */
    }

        /* Style des liens à l'intérieur du sous-menu */
        #menuh ul ul li a {
            text-transform: none;
            font-weight: normal;
            background: #e1e1de;
            color: #000;
            border-bottom: 1px solid #ccc;
        }

            #menuh ul ul li a:hover {
                background-color: #6e6a5a;
                color: #fff;
            }

div#menuh li:hover {
    cursor: pointer;
    z-index: 100;
}

    /* ACTION CRUCIALE : Affiche le sous-menu uniquement quand on survole le LI parent */
    div#menuh li:hover > ul {
        display: block;
    }

/* End CSS Popout Menu */