:root {
    --primary-500: #285E7C;
}


.bleu {
    background-color: var(--primary-500);
    color: #FFF;
}

.bleu h2 {
    color: #FFF;
}

.transparent {
    color:#000;
}



/* PADDING */

.nopadding {
    padding: 0;
}

.padding-xs {
    padding: 1rem 0;
}

.padding-m {
    padding: 2rem 1rem;
}

.padding-l {
    padding: 7rem 0;
}

.padding-xl {
    padding: 8rem 0;
}

.padding-xxl {
    padding: 9rem 0;
}

/* Assurez-vous que les styles s'appliquent aussi dans l'éditeur */
.wp-block-theme-bloc-thematique section {
    margin: 0 auto;
    max-width: 100%;
}

section.encadre .acf-innerblocks-container {
        max-width: 75rem;
        margin: auto;
        overflow: hidden;
        position: relative
}

section {
    padding: 1rem;
}


@media (max-width:768px) {


.bleu {
    padding: 1rem;
}

.padding-xs {
    padding: 1rem;
}

.padding-m {
    padding: 2rem 1rem;
}

.padding-l {
    padding: 3.5rem 1rem;
}

.padding-xl {
    padding: 4rem 1rem;
}

.padding-xxl {
    padding: 4.5rem 1rem;
}
}