main>* {
    margin: 0
}

.column-left>div {
    padding-left: var(--spacing-xl)
}

@media screen and (min-width: 1200px) {

.column-right>div {
    padding-right: var(--spacing-xl)
}
}

.flex-grid {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl)
}

@media screen and (max-width:1199px) {
    .charte-container {
        margin-top: 150px
    }

    .column-element.histoire {
        padding-right: var(--spacing-xl)
    }
}

@media screen and (min-width:1200px) {
    .flex-grid {
        flex-direction: row
    }

    .charte-container {
        background-color: var(--vert)
    }
}

.charte {
    border-radius: var(--border-radius, -21.8rem) 0 0 0
}

.n-margin-bulle {
    margin-top: calc(-1 * var(--spacing-3xl))
}

.histoire .button {
    align-self: flex-end
}

.charte-title {
    text-align: center;
    padding-top: var(--spacing-sm, 1rem);
    padding-bottom: var(--spacing-2xs, .6rem);
    font-family: SofiaSans-Bold;
    line-height: 1;
    letter-spacing: -.01em;
    font-size: calc(0.9 * var(--font-size-info, 1.3rem));
    color: var(--vert, #0b522d)
}

.charte h3 {
    color: var(--violet, #65336a)
}

.charte p {
    color: var(--noir)
}

/* MAJ 16/02/2026 */
@media screen and (max-width: 1199px) {
    .charte-container {
        /* Demande Mobile A propos (<1200px): "plus d'espace entre la bulle 'Devenez bénévole' et la charte" */
        margin-top: 190px !important;
    }

    .bulle-soutien {
        /* Demande Mobile A propos (<1200px): "avant et après la bulle Soutenez-nous" */
        margin-top: var(--spacing-xl, 2rem);
        margin-bottom: var(--spacing-2xl, 2.4rem);
    }

    .lafrat-svg {
        /* Demande Mobile A propos (<1200px): "lafratsvg : Max width : 350px" */
        width: 100%;
        max-width: 350px;
    }
}