/* Section de base / Standard (type Texte et Image) */

.section-base {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-base .section-content {
  display: flex;
  column-gap: 100px;
}

.section-base .section-content.image-droite {
  flex-direction: row-reverse;
}

.section-base .section-content.image-gauche {
  flex-direction: row;
}

.section-base .textes h2 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-base .textes h2,
.section-base .textes h3,
.section-base .textes h4,
.section-base .textes h5,
.section-base .textes p {
  margin-bottom: 0px !important;
}

.section-base .section-contenus-fullwidth>*:last-child,
.section-base .section-contenu-image>*:last-child {
  margin-bottom: 0px !important;
}

.section-base .section-image {
  flex: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.section-base .section-contenu-image {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  justify-content: center;
}

.section-base .section-contenus-fullwidth {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-base .textes {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-base .textes .section-contenus {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-base .section-contenus img {
  border-radius: 10px;
}

/* Options de largeurs */
.section-base .section-content.pleine-largeur {
  column-gap: 0px;
}

.section-base .section-content.pleine-largeur .section-image,
.section-base .section-content.pleine-largeur .section-contenu-image {
  padding: 100px;
}

.section-base .largeur-standard .section-image-standard {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Alignements des textes */
.section-base .section-contenu-image:has(.texte-centre) {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section-base .section-contenus-fullwidth:has(.texte-centre) {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section-base .section-contenu-image:has(.texte-droite) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.section-base .section-contenus-fullwidth:has(.texte-droite) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* --------------- RESPONSIVE --------------- */

@media screen and (max-width: 1270px) {

  .section-base .section-content.pleine-largeur .section-image,
  .section-base .section-content.pleine-largeur .section-contenu-image {
    padding: 100px 40px;
  }
}

@media screen and (max-width: 1024px) {
  .section-base .section-content {
    row-gap: 20px;
  }

  .section-base .section-content.image-gauche {
    flex-direction: column-reverse;
  }

  .section-base .section-content.image-droite {
    flex-direction: column-reverse;
  }

  .section-base .section-image {
    aspect-ratio: 2/1;
    padding: 0px;
  }

  .section-base .section-content.pleine-largeur .section-image,
  .section-base .section-content.pleine-largeur .section-contenu-image {
    padding: 100px 40px 0px 40px;
  }
}

@media screen and (max-width: 960px) {}

@media screen and (max-width: 820px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 600px) {
  .section-base .section-image {
    aspect-ratio: 1/1;
  }

  .section-base .section-content.pleine-largeur .section-image,
  .section-base .section-content.pleine-largeur .section-contenu-image {
    padding: 60px 20px 0px 20px;
  }
}

@media screen and (max-width: 450px) {}