.div-img-headband {
    background-image: url(../img/headband.webp);
    width:100%;
    background-size: 100%;
    background-repeat: no-repeat;
    aspect-ratio: var(--headband-largeur) / var(--headband-hauteur);
}

.div-img-header-container {
    max-width: var(--max-width);
}
.div-img-header {
    background-image: url(../img/header.webp);
    width:100%;
    background-size: 100%;
    background-repeat: no-repeat;
    aspect-ratio: var(--header-largeur) / var(--header-hauteur);
    margin-left:auto;
    margin-right:auto;
}

.div-img-footer {
    background-image: url(../img/footer.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    aspect-ratio: var(--footer-largeur) / var(--footer-hauteur);
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* aligne le contenu en bas */
}





@media (max-width: 576px) {

    .div-img-header {
        background-image: url(../img/header_m.webp);
        aspect-ratio: var(--header-m-largeur) / var(--header-m-hauteur);
    }
    .div-img-headband {
        background-image: url(../img/headband_m.webp);
        aspect-ratio: var(--headband-m-largeur) / var(--headband-m-hauteur);
    }
    .div-img-footer {
        background-image: url(../img/footer_m.webp);
        aspect-ratio: var(--footer-m-largeur) / var(--footer-m-hauteur);
    }

    
}