main {
    padding-top: 1em;

    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 0.5em;
    box-sizing: border-box;
    scroll-snap-type: y mandatory;


}

section.nav {
    text-indent: 1em;
    display: grid;
    /* gap: 3em; */
    grid-template-columns: repeat(10, 1fr);
}

section.file {
    grid-column: span 3;
}

section.nav>a {
    grid-column: 3/6;
}

section.nav>a.active {
    opacity: .3;
}

body {
    overflow: hidden;
    /* Empêche le défilement vertical natif */
}

.caption {
    text-align: center;
}

section.images {
    display: inline;
    height: 90vh;
    overflow-y: hidden;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    align-items: center;
    /* scroll-snap-type: x mandatory; */

}


.swiper {
    margin: calc(var(--margin-body) * -1);
    width: 100vw;
    height: 100vh;

}

.swiper-wrapper {
    align-items: center;
}

.swiper-slide {
    width: 30vw;
    height: auto;
}

@media only screen and (min-width: 561px) and (max-width: 1199px) {
    .swiper {
        box-sizing: border-box;
        padding: var(--margin-body);


    }
}

@media only screen and (max-width: 460px) {


    .swiper {
        box-sizing: border-box;
        padding: var(--margin-body);


    }

    section.nav {
        grid-template-columns: repeat(5, 1fr);
        gap: .5em;
    }

    section.nav>a {
        grid-column: 2 / 4 !important;
    }
}