.acf-innerblocks-container:has(> .colonne) {
    display: flex;
    align-items: center;
    justify-content: center;
}


.vert-crete,
.blanc-crete,
.vert-clair-crete,
.vert,
.transparent,
.vert-clair
{
    display: block;
	width: 100%;
    position: relative;
    height: auto;
}

.vert h2,
.vert-crete h2,
.rouge h2 {
    color: var(--white);
}

.blanc-crete h2,
.vert-clair-crete h2 {
    color: var(--primary-500);
}

.vert-crete::before,
.blanc-crete::before,
.vert-clair-crete::before
{
    position: absolute;
    top:-120px;
    height: 120px;
    width: 100%;
    content: '';
	display: block;
    
}

.vert-crete a {
    color: var(--white);
}

.vert {
     background-color: var(--primary-500);
     color:var(--white)
}
.vert .last-posts_post a {
    color:var(--secondary-500)
}

.vert a.btn, .vert .contenu_post a.contenu_btn {
    background-color: var(--white);
    color: var(--secondary-500);
}

.vert a.btn:hover, .vert .contenu_post a.contenu_btn:hover {
    color: var(--white-);
    background-color: var(--secondary-300);
}


.transparent a.btn, 
.transparent .contenu_post a.contenu_btn,
.blanc-crete .contenu_post a.contenu_btn {
    background-color: var(--primary-500);
    color: var(--white);
}

.transparent a.btn:hover, 
.transparent .contenu_post a.contenu_btn:hover,
.blanc-crete .contenu_post a.contenu_btn:hover {
    background-color: var(--secondary-300);
    color: var(--white-);
}


.transparent a {
     color:var(--secondary-300)
}



.vert-crete { 
    background-color: var(--primary-500);
   
}

.vert-crete::before { 
    background: url(../../css/img/crete-verte.svg) top no-repeat;
    background-size: cover;
}

.vert-clair-crete {
     background-color: var(--primary-050);
}

.vert-clair-crete h2 {
     margin-top: .5rem;
}

.vert-clair-crete::before {
    background: url(../../css/img/crete-claire.svg) top center no-repeat;
    background-size: cover;
   
}


.blanc-crete {
     background-color: var(--white);
}

.blanc-crete h2 {
     margin-top: .5rem;
}

.blanc-crete::before {
    background: url(../../css/img/crete-blanc.svg) top center no-repeat;
    background-size: cover;
   
}

.transparent {
    background-color: var(--white);
}

/* PADDING */

.nopadding {
    padding: 0;
}

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

.padding-m {
    padding: 5rem 0;
}

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

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

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

.wp-block-theme-bloc-thematique section {
    margin: 0 auto;
    max-width: 100%;
}

section {
    position: relative;
}



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



.has-bg {
  position: relative;
  overflow: hidden;
}

.has-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 24, 55, 0.87);
  z-index: 1;
}

.has-bg > * {
  position: relative;
  z-index: 2; /* pour que le contenu reste au-dessus */
}

@media (max-width:768px) {

section > div {
    padding: .5rem;
}
.vert-crete::before,
.blanc-crete::before,
.vert-clair-crete::before {
	top:-70px;
    height: 70px;
}

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

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

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

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

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