/**
 * @file
 * Section styles
 */

.section {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
div[class*="section--color-"] .layout .layout__region{
  padding: 1.5rem;
}
div[class*="section--color-"] .layout .layout__region .container {
  padding: 0;
}
@media all and (min-width: 1300px){
  div[class*="section--color-"] .layout .layout__region{
    padding: 2rem;
  }
}
div[class*="section--color-"] .layout .layout__region:has(.push-image) {
  padding: 0;
  height: 100%;
}
html:not([data-once="me-msg-listener me-builder-events"]) .layout .layout__region:has(.push-image) {
  overflow: hidden;
}



.section-background--color-white,
.section--color-white .layout .layout__region{
  background-color: var(--color-white);
}
.section-background--color-primary--1,
.section--color-primary--1 .layout .layout__region {
  background-color: var(--color-primary);
}
.section-background--color-primary--2,
.section--color-primary--2 .layout  .layout__region {
  background-color: var(--color-primary--2);
}
.section-background--color-primary--3,
.section--color-primary--3 .layout  .layout__region {
  background-color: var(--color-primary--3);
}

.section-background--color-secondary--1,
.section--color-secondary--1 .layout  .layout__region {
  background-color: var(--color-secondary);
}
.section-background--color-secondary--2,
.section--color-secondary--2 .layout  .layout__region {
  background-color: var(--color-secondary--2);
}
.section-background--color-secondary--3,
.section--color-secondary--3 .layout  .layout__region {
  background-color: var(--color-secondary--3);
}
.section-background--color-secondary--4,
.section--color-secondary--4 .layout  .layout__region {
  background-color: var(--color-secondary--4);
}
.section-background--color-tertiary--1,
.section--color-tertiary--1 .layout  .layout__region {
  background-color: var(--color-tertiary);
}

.section-background--color-quaternary--1,
.section--color-quaternary--1 .layout  .layout__region {
  background-color: var(--color-quaternary);
  padding: 2rem;
}

.section--radius-15 .layout  .layout__region {
  border-radius: var(--radius-m);
}
.section--radius-40 .layout  .layout__region {
  border-radius: var(--radius-l);
}
.section--radius-80 .layout  .layout__region {
  border-radius: var(--radius-xl);
}
.section--radius-160 .layout  .layout__region {
  border-radius: var(--radius-xxl);
}

.section--vertical-center .layout  .layout__region {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
}

.section--vertical-bottom .layout  .layout__region {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-self: stretch;
}


.section--shadow .layout  .layout__region {
  padding : 46px 32px 16px 32px;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.06);
}

.section-radius {
  min-height: 261px;
}

.section-radius::after {
  display: block;
  content: '';
  width: 195px;
  height: 150px;
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-size: cover;
}

.section-radius--color-primary--1::after {
  background-image: url(../../images/section/bottom-left-radius-primary--1.svg);
}
.section-radius--color-primary--2::after {
  background-image: url(../../images/section/bottom-left-radius-primary--2.svg);
}
.section-radius--color-primary--3::after {
  background-image: url(../../images/section/bottom-left-radius-primary--3.svg);
}

.section-decoration--actu {
  position: relative;
}

.section-decoration--actu::after {
  display: block;
  content: '';
  width: 100%;
  height: 460px;
  background-image: url(../../images/shape/background-actu.svg);
  background-position: center;
  background-repeat: no-repeat;

  position: absolute;
  bottom: 0px;
}


@media all and (min-width:1000px) {
  .section-decoration--actu::after {
    height: 800px;
    background-size: contain;
  }


  .section-radius::after {
    width: 100%;
    height: 100%;
    background-size: contain;

  }
}

.section #block-views-block-materiaux-block-1::before,
.section #block-views-block-materiaux-block-1::after {
  display: none;
}

.section #block-views-block-materiaux-block-1 {
  background-color: unset;
}

.section #block-views-block-materiaux-block-1 .content-row {
  border-radius: var(--radius-m);
  padding: 4px 16px;
}

/* Couleur */
/* .section-radius {
  position: relative;
  overflow: hidden;
}

.section-radius::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 200px;
  z-index: -1;
}

.section-radius.section-radius--color-white::after {
  background-color: var(--color-white);
}
.section-radius.section-radius--color-primary--1::after {
  background-color: var(--color-primary);
}
.section-radius.section-radius--color-primary--2::after {
  background-color: var(--color-primary--2);
}
.section-radius.section-radius--color-primary--3::after {
  background-color: var(--color-primary--3);
}
.section-radius.section-radius--color-secondary--1::after {
  background-color: var(--color-secondary);
}
.section-radius.section-radius--color-secondary--2::after {
  background-color: var(--color-secondary--2);
}
.section-radius.section-radius--color-secondary--3::after {
  background-color: var(--color-secondary--3);
}
.section-radius.section-radius--color-secondary--4::after {
  background-color: var(--color-secondary--4);
}
.section-radius.section-radius--color-tertiary--1::after {
  background-color: var(--color-tertiary);
}
.section-radius.section-radius--color-quaternary--1::after {
  background-color: var(--color-quaternary);
} */