.adhesion,
.adFamille,
.adIndi,
.adAnnonce {
    display: flex;
    align-items: flex-end;
}

/* conteneur global */
.adhesion {
    padding: 20px;
    background: var(--couleur-primary);
    border: 9px var(--couleur-accent-deux) dotted;
    margin: 5% 0;
}

/* cartes */
.adFamille,
.adIndi,
.adAnnonce {
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    flex: 1;
}

.adAnnonce {
    flex: 0.5;
}

/* images */
.icone_adhesion {
    height: 60%;
}

/* texte */
.adhesion p {
    color: var(--couleur-fond);
    font-size: calc(1rem + 0.2vw);
    text-align: center;
}

/* boutons */
.btn-download {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap:10px;
    background: var(--couleur-accent-deux);
    color: var(--couleur-fond);
    min-height: 5vh;
    padding: 0 20px;
    border-radius: 26px;
    text-decoration: none;
    cursor: pointer;
    span{
        font-size: clamp(14px, 2vw, 16px);
        text-wrap: nowrap;
    }
}

/***************************************responsive**********************************/
@media screen and (max-width: 768px) {

    /* Je touche à la boite qui regroupe la partie adhesion */
    .adhesion {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
        row-gap: 8vh;
    }

    .adhesion p {
        width: 90%;
        font-size: calc(1rem + 0.5vw);
        text-align: center;
        color: var(--couleur-fond);
    }

    .icone_adhesion {
        width: 30%;
    }

    div.adAnnonce {
        row-gap: 4vh;
    }
}

@media (width <= 400px) {
    .adhesion{
        padding: 12px;
    }
}