/* Footer CSS */
footer .menus{
    gap:2rem;
}
footer .menus ul{
    margin:0 0 1rem 0;
    padding:0;
    list-style: none;
}
footer .menus ul li{
    text-align: left;
    font-weight: bold;
}
footer .menus ul li a{
    color: var(--blanc);
    display:inline-block;
    padding: 0.5rem 0;
    pointer-events: none
}
footer .menus ul ul.sub-menu li{
    font-weight: normal;
    font-size:0.85rem;
}
footer .menus ul ul.sub-menu li a{
    color: var(--grisclair);
    pointer-events: auto;
}
footer .menus ul li a:hover{
    color: var(--gold) !important;
}
footer .annexes ul li{
    font-weight: normal;
    font-size: 0.85rem;
}
footer .bottom a{
    color: var(--blanc)
}
footer .bottom a:hover{
    color: var(--gold)
}
.navmobile{
    position: fixed;
    left:0; top:0;
    width:100%; height: 100%;
    background-color: var(--grisfonce);
    color: var(--blanc);
    overflow: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index : 997;
    transform: translateX(-100%);
    transition: all 0.5s ease-out
}
.navmobile.opened{
    transform: translateX(0);
}
.navmobile .inner{
    padding:180px 10% 2rem 10%;
    width: calc(100% - 20%);
}
.navmobile ul{
    margin:0.5rem 0; padding:0;
    list-style: none;
}
.navmobile ul li{
    text-align: left;
    text-transform: uppercase;
}
.navmobile ul li a{
    display: block;
    padding:0.75rem 0;
    color: var(--blanc);
}
.navmobile ul ul.sub-menu{
    display: none
}
.navmobile ul ul.sub-menu li{
    text-transform: none;
    font-size:0.9em;
}

.menu-annexes-container ul{
    display: flex;
    justify-content: center;
    gap:0 0.5rem;
    list-style: none;
    margin:0; padding:0;
}
.menu-annexes-container ul li{
    font-size:0.8rem;
}

.search-mobile .search-form{
    flex-direction: column;
    align-items: stretch;
    gap:0.5rem 0;
    width:100%
}
.search-mobile .search-form input{
    width:100%
}

@media screen and (min-width: 1680px){
    footer .menus{
        gap:3rem;
    }
}