/* Element qui apparait ecran moins de 775px */
.logo-lien-responsive {
    display: none;
}

/******************* Ecran plus de 1920px *******************/
@media screen and (min-width: 2000px){

    .carte-aside {
        margin-left: clamp(0px, 8vw, 100px) ;
    }
}

/******************* Ecran moins de 1200px *******************/
@media screen and (max-width: 1200px){

    body>nav {
        min-height: 80px;
    }

    body>nav img {
        display: none;
    }
}

/******************* Ecran moins de 775px *******************/

@media screen and (max-width: 775px){
    
    .conteneur_flex {
        flex-direction: column;
    }

    .conteneur_responsive {
        display: flex;
        
        align-items: center;
        justify-content: space-around;

        background-color: var(--couleur-blanc);
    }

    .logo-lien-responsive {
        display: block;
    }

    /* Menu-principal */

    .menu-deroulant-contenu {  
        flex-grow: 1;
    }

    .bouton-deroulant:hover {
        background-color: var(--couleur-vert);
    }

    .atterrissage_conteneur__image {
        margin-top: -80px;
    }
    
    .atterrissage>.bouton {
        align-self: center;
    }

/* J'ai pas trouvé une autre solution pour que ce soit pris en compte */
    .carte-aside {
        position: relative !important;
        top: 0 !important; 
        left: 0 !important;
        width: 100% !important;
    }

    .carte-aside__texte {
        max-width: max-content !important;
    }

    .carte {
        justify-self: center;
    }

    .footer-contenu{
        text-align: center;
    }

}