.tiroir-tab {
    display: none;
}

@media screen and (max-width: 1050px) {
    svg {
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
        margin-left: -200%;
        z-index: 1;
    }

    main>menu {
        position: absolute;
        width: 10em;
        height: 10em;
    }

    main>menu>section {
        display: block;
        position: relative;
        width: 2em;
        height: 8em;
        margin: 0 0 -6em 0;
        z-index: 0;
    }

    button {
        max-width: 5em;
        font-size: 1em;
    }

    #reset {
        width: auto;
        height: 2em;
    }
}

@media screen and (max-width: 768px) {
    main>menu {
        display: none !important;
    }

    /* Légende, panneau de conseils et leurs onglets de tiroir sont retirés sur petit écran */
    .tiroir-tab,
    #legende-heatmap,
    #panneau-droit {
        display: none !important;
    }
}