@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1050px) {
    .div-inner {width: 90%; margin: 0 5%;}
    #liste-affiches {gap: 60px;}
    .affiche-element {width: calc((100% / 3) - ((60px * 2) / 3)); text-align: center;}
}

@media all and (max-width: 800px) {
    .affiche-element {width: calc(50% - 30px); text-align: center;}
}

@media all and (max-width: 700px) {
    header .div-inner {align-items: flex-start; flex-direction: column;}
    #header-logo img {width: 100%; height: auto;}
    #header-titre {margin-left: 0; margin-top: 30px;}
    #section-corps {padding: 30px 0 80px 0;}
}

@media all and (max-width: 500px) {
    #liste-affiches {gap: 40px;}
    .affiche-element-image {aspect-ratio: auto;}
    .affiche-element {width: 100%; text-align: center;}
}