@media (max-width: 1024px) {

    /* bouton pour ouvrir la fenetre de menu principal */
    #mobile-menu-open-btn {
        order:3;
        margin: 0;
        padding: 0 10px;
    }

    .burger-menu{
        cursor: pointer;
    }
    .burger-menu svg {
        display: block;
        width: 24px;
        height: 24px;
        fill: currentColor;
        pointer-events: none;
    }
    /*  fenetres de menus */
    .mobile-div-menu {
        background-color: var(--contrast);
        height: 100vh !important;
        z-index: 999;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        padding: 40px 30px;
        font-weight: 700;

    }
    /*  fenetre de menu principal- langue */
    #mobile-menu .polylang_langswitcher {
        margin-bottom: 18px !important;
    }

    /* bouton pour fermer la fenetre de menu */
    .mobile-menu-close-btn{
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        display: block;
        margin: 0 0 18px auto;
        z-index: 2;
        background: var(--contrast) !important;
        border: none;
        cursor: pointer;
        padding: 0;
        text-transform: inherit;
    }

    .mobile-menu-close-btn svg {
        fill: var(--accent) !important;
    }

    /*  fenetres de menus - liste des élements du menu */
    .mobile-nav-menu ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        margin: 0 !important;
        max-width: 1450px;
    }

    .mobile-nav-menu ul li {
        list-style: none;
        align-items: center;
        background-color: inherit;
        display: flex;
        position: relative;
        font-size: 16px;
        border-top: 1px solid var(--contrast-2);
    }

    .mobile-nav-menu ul li a {
        color: var(--base-3) !important;
        font-size: 16px !important;
        font-weight: bold !important;
        margin: 18px 0 !important;
        text-decoration: none !important;
    }

    .mobile-nav-menu ul li a:hover, .mobile-nav-menu ul li a:focus, .mobile-nav-menu ul li a:active {
        color: var(--accent) !important;
    }
}
@media (min-width: 1024px) {
    /* cacher le bouton pour ouvrir la fenetre de menu principal et la fenetres de menu principal */
    #mobile-menu-open-btn, #mobile-menu  {
        display: none !important;
    }
}

.none {
    display: none;
}