#block-mainmenu2-menu {
    display: block;
}

/* Menu niveau 1 - blanc ET bold (tous) */
.gva_menu > li > a,
.gva_menu > li > span {
    color: #fff !important;
    font-weight: 900 !important;
}

/* Sous-menus en gris */
.gva_menu li .sub-menu span,
.gva_menu li .sub-menu a {
    color: #788592 !important;
    padding-left: 0px !important;
}

/* Loupe en blanc */
.icon .fas.fa-search,
.icon .fa-search {
    color: #fff !important;
}

/* ============================================================
   DESKTOP SEULEMENT (>= 992px)
   ============================================================ */
@media (min-width: 992px) {

    /* Centrer les deux menus */
    ul.gva_menu_main,
    #block-mainmenu2 ul.gva_menu {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100%;
    }

    /* Aligner verticalement les li */
    #block-mainmenu2 ul.gva_menu > li {
        display: flex !important;
        align-items: center !important;
        align-self: stretch !important;
    }

    /* Padding sur les span du menu non-connecté (identique aux <a>) */
    #block-mainmenu2 ul.gva_menu > li > span {
        display: flex !important;
        align-items: center !important;
        font-family: "gilmer" !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        padding: 22px 20px !important;
        color: #fff !important;
        cursor: default;
        height: 100% !important;
    }

    #block-mainmenu2 ul.gva_menu > li > a {
        display: flex !important;
        align-items: center !important;
        font-family: "gilmer" !important;
        height: 100% !important;
    }

    /* Chevrons menu non-connecté sur les <span> */
    #block-mainmenu2 ul.gva_menu > li.menu-item--expanded > span::after {
        display: inline !important;
        content: " \f078" !important;
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        font-size: 10px !important;
        color: #fff !important;
        margin-left: 4px !important;
    }

    /* Chevrons menu non-connecté sur les <a> */
    #block-mainmenu2 ul.gva_menu > li.menu-item--expanded > a::after {
        display: inline !important;
        content: " \f078" !important;
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900 !important;
        font-size: 10px !important;
        color: #fff !important;
        margin-left: 4px !important;
    }
}

/* ============================================================
   MOBILE SEULEMENT (< 992px)
   ============================================================ */
@media (max-width: 991px) {

    ul.gva_menu_main,
    #block-mainmenu2 ul.gva_menu {
        display: block !important;
        width: 100% !important;
    }

    #block-mainmenu2 {
        display: block !important;
        width: 100% !important;
    }

    .gva_menu > li > a,
    .gva_menu > li > span,
    #block-mainmenu2 ul.gva_menu > li > a {
        color: #333 !important;
        padding: 10px 15px !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    #block-mainmenu2 .menu-item--expanded a::after,
    #block-mainmenu2 .menu-item--expanded span::after {
        display: none !important;
        content: none !important;
    }
}

/* ============================================================
   GLOBAL
   ============================================================ */
form .form-item label {
    text-transform: none !important;
}

.present_user {
    background-color: #ff000073 !important;
    padding: 5px !important;
    color: #000 !important;
}

.custom-button a img {
    display: block;
    width: 100%;
    height: auto;
}

.custom-button a {
    display: inline-block;
}

.custom-button a:hover img {
    content: url('/sites/default/files/Image-pages/bandeau-certificat-club-over.jpg');
}

footer,
.site-footer,
#footer {
    background-color: #109352 !important;
    height: 140px;
}