@media screen and (max-width: 1200px) {
    #filtre-invit.reset{
        width: 114px;
    }
}

@media screen and (max-width: 1180px) {
    #logo-amnesty {
        display: none;
    }
    
    #header-separator{
        margin: 0 3px 0 1px;
    }

    #map-controller-wrapper{
        gap: 6px;
    }
}

@media screen and (max-width: 1040px) {
    #block-filtres-mobile{
        display: block;
    }

    #bloc-control{
        display: none;
    }

    #filtres-mobile{
        font-family: "Amnesty Trade Gothic Bold";
        font-size: 13px;
    }

    .filtres-mobile-title{
        text-transform: uppercase;
        font-size: 15px;
        position: relative;
        display: inline-block;
    }

    .filtres-mobile-title:after{
        content: '';
        background: var(--jaune-90, rgba(255, 255, 0, 0.90));
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 7px;
        z-index: -1;
    }

    .filtres-mobile-subtitle{
        font-size: 15px;
        margin-top: 6px;
        border-bottom: 1px solid var(--noir-40, #B3B2B2);
        padding-bottom: 2px;
    }

    #filtres-mobile .filtre-Droits,  #filtres-mobile .filtre-Repression{
        position: relative;
        visibility: visible;
        padding: 0px;
        width: 100%;
        box-shadow: none;
        margin-top: 10px;
        gap: 0px;
        margin-bottom: 10px;
        margin-top: 6px;
    }

    #footer{
        display: block;
        height: auto;
    }

    #footer #map-controller-wrapper{
        display: flex;
        position: absolute;
        right: 20px;
        top: 20px;
        width: 120px;
    }

    #footer #about-button{
        display:block;
        height: 75px;
        padding: 20px;
        border-bottom: 1px solid var(--noir-40, #B3B2B2);
    }

    

    #about-button #about-text, #about-button #MAJ-text, #about-button #about-separator{
        display: inline-block;
        vertical-align: middle;
    }

    #about-button #about-separator{
        margin: 0 4px;
    }

    #footer #bloc-credits{
        display: block;
        width: 100%;
    }

    #bloc-credits #credit{
        padding: 0px 20px;
        justify-content: center;
        align-items: center;
    }

    #infos-cadre{
        top: 140px;
        bottom: 140px;
    }

    #map-legend{
        bottom: 140px;
    }
}

@media screen and (max-width: 767px) {
    #top{
        left: 5px;
        right: 5px;
    }

    #cta-petition{
        margin-left: 0px;
    }

    #header{
        border-radius: 0px 0px 8px 8px;
    }


    #map-legend{
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        bottom: 140px;
    }

    #infos-cadre{
        max-width: 450px;
    }

    #footer #about-button{
        padding: 16px;
    }

    #footer #about-button #about-text, #footer #about-button #MAJ-text{
        display: block;
    }

    #footer #about-button #MAJ-text{
        margin-top: 6px;
    }

    #about-button #about-separator{
        display: none;
    }
}

@media screen and (max-width: 490px) {
    .cta-petition-label-2{
        display: none;
    }

    #cta-petition #plume{
        margin-left: 0px;
    }

    #infos-cadre{
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        width: 95%;
        top: 16px;
        bottom: 16px;
    }

    #popup-aPropos{
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        width: 95%;
        top: 16px;
        bottom: 16px;
    }

    #aPropos-head-inner{
        padding-right: 40px;
    }
}

@media screen and (max-width: 440px) {
    #filtres-mobile{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
    }

    .filtre-deroulant.filtre-pays{
        width: 52px;
    }

    .filtre-deroulant.filtre-pays.active{
        width: 100%;
        z-index: 1000;
    }

    #bloc-search.active{
        width: 100%;
    }
    
    #bloc-search.active .filtre-deroulant.filtre-pays .dropdown-trigger span{
        display: inline-block;
        margin-left: 24px;
    }

    #bloc-search.active .filtre-deroulant.filtre-pays #filtre-pays-loupe{
        left: 0px;
        transform: translate(0, -50%);
    }

    .filtre-deroulant.filtre-pays:after{
        display: none;
    }

    .filtre-deroulant.filtre-pays #filtre-pays-loupe{
        display: block;
    }

    .filtre-deroulant.filtre-pays .dropdown-trigger span{
        display: none;
    }
}