body {
    margin: calc(50px + 20px) 50px 30px;
    background-color: lavenderblush;
}

h1#titre {
    display: block;
    margin: 0 auto 30px;
    width: max-content;
    font-family: "Lucida Calligraphy", cursive;
    text-decoration: underline;
}

div.section {
    margin-bottom: 50px;
}

div.section#autres {
    margin-bottom: 0px;
}

h2.titre_section {
    display: block;
    margin-top: 0px;
    margin-bottom: 30px;
    width: max-content;
    text-decoration: underline;
}

div.liste_membres {
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
    column-gap: calc((100vw - 1320px) / 5);
    row-gap: 30px;
}

div.membre {
    width: min-content;
}

div.membre > img {
    display: block;
    width: 200px;
	height: 200px;
	object-fit: cover;
}

div.membre > div {
    margin-top: 10px;
    text-align: center;
}

/* - - - */

@media(max-width: 600px) {

    body {
        margin: calc(40px + 20px) 20px 20px;
    }

    h1#titre {
        margin-bottom: 20px;
    }

    div.section {
        margin-bottom: 30px;
    }

    h2.titre_section {
        margin-bottom: 20px;
    }

    div.liste_membres {
        margin-top: 20px;
        column-gap: 20px;
        row-gap: 20px;
    }

    div.membre > img {
        width: calc((100vw - 60px) / 2);
        height: calc((100vw - 60px) / 2);
    }

}

/* - - - */

/* body { border: 2px solid black; } */
/* h1#titre { border: 2px solid black; } */
/* div.section { border: 2px solid black; } */
/* h2.titre_section { border: 2px solid black; } */
/* div.liste_membres { border: 2px solid black; } */
/* div.membre { border: 2px solid black; } */
/* div.membre > div { border: 2px solid black; } */