main {
    padding-top: var(--small-main-top);
}



/* CORPS DE LA LISTE DARTICLES */
.bespoke-archive-list {
    margin: 0 auto;
    /* width: calc(var(--colonne) * 10); */
    min-width: var(--txt-bloc-min-width);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--big-space) 0px;


}

.bespoke-archive-list article {
    display: flex;
    flex-direction: column;

    height: 100%;
    /* align-content: center; */
    /* margin-bottom: var(--big-space); */

    /* image avec ratio: */
    /* height: 91dvh; */

    /* image sans ratio: */
    max-height: 91vh;
    max-height: 91dvh;
    width: 100%;
}

.bespoke-archive-list article a {
    width: fit-content;
    display: contents;
}

/* .bespoke-archive-list article:last-child {
    margin-bottom: 0;
} */

.image-wrapper {
    width: auto;
    overflow: unset;
    height: calc(91vh - 1.5em);
    height: calc(91dvh - 1.5em);
    margin: 0 auto;
}

/* .bespoke-archive-list .image-wrapper img { */
/* pour image avec ratio, qui occupe toute la zone dispo */
/* width: calc(var(--colonne) * 10);
    object-fit: cover;
    height: calc(91dvh - 1.5em); */
/* pas recommandé */

/* pour image complète, qui n'occupe pas toute la zone dispo */
/* max-width: calc(var(--colonne) * 10);
    object-fit: contain;
    max-height: calc(91dvh - 1.5em);
    width: 100%;
    height: 100%;

    min-width: var(--txt-bloc-min-width); */
/* } */

.bespoke-title {
    margin-top: 0.25em;
}



@media (max-width: 650px) {

    main {
        width: var(--mobile-width);
        min-width: var(--mobile-width);
        min-height: var(--min-height-mobile);
        overflow-x: hidden;
        margin: 0 var(--small-margin);
    }

    .mobile-page-titles {
        z-index: 1;
    }


    /* NAV RELATIVE (recommandé) */
    /* #sur-mesure-nav {
        position: relative;
        margin: var(--small-margin) 0 3em 0;
        top: 0;
    } */

    /* nav fixe : */
    #sur-mesure-nav {
        /* position: fixed; */

        top: var(--small-main-top);
        margin: 0;
        /* padding: var(--small-margin) 0 3em 0; */
    }

    #sur-mesure-nav>ul {
        padding: var(--small-margin) 0 3em 0;
        max-width: calc(100vw - calc(var(--small-margin) * 2));
    }

    .bespoke-archive-list {
        position: relative;
        width: 100%;
        min-width: 100%;
        max-width: 100%;

        gap: 60px 0px;
    }

    .bespoke-archive-list article {
        height: auto;
        max-height: none;
        display: block;
        margin-bottom: 0;
        width: calc(var(--colonne-mobile) * 8);
    }

    .bespoke-archive-list article:last-child {
        margin-bottom: var(--big-space-mobile);
    }

    .image-wrapper {
        height: auto;
    }

    /* .bespoke-archive-list .image-wrapper img {
        max-width: 100%;
        max-height: none;
        width: 100%;
        height: auto;
        min-width: 100%;
    } */

}