/* BLOCS */
.section-blocs {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-blocs .section-content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-blocs .section-content h2 {
  margin-bottom: 0px;
}

.section-blocs .section-content .section-contenus {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-blocs .section-content .section-contenus h2, 
.section-blocs .section-content .section-contenus h3,
.section-blocs .section-content .section-contenus h4,
.section-blocs .section-content .section-contenus h5,
.section-blocs .section-content .section-contenus p {
  margin-bottom: 0px;
}

.section-blocs .blocs {
  flex-direction: column;
  row-gap: 20px;
  display: flex;
}

.section-blocs .bloc {
  min-height: 250px;
}

.section-blocs .bloc .section-avec-texte {
  flex-direction: column;
  display: flex;
  justify-content: center;
  row-gap: 20px;
}

.section-blocs .bloc .section-avec-texte *:last-child {
  margin-bottom: 0px;
}

.section-blocs .bloc .bloc-icone {
  font-size: 30px;
}

.section-blocs .bloc .bloc-titre {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  align-items: center;
}

/* Boutons */
.bloc-boutons a {
  margin: 10px 0;
}

/* Options de largeurs */
.bloc-moitie,
.bloc-tier,
.bloc-pleine-largeur {
  flex-direction: row;
  display: flex;
}

.bloc-moitie,
.bloc-tier {
  border-radius: 20px;
}

.bloc-moitie:nth-child(even),
.bloc-tier:nth-child(even) {
  flex-direction: row-reverse;
}

.bloc-moitie:nth-child(even) .section-avec-image,
.bloc-tier:nth-child(even) .section-avec-image {
  border-radius: 20px 0 0 20px;
}

.bloc-moitie:nth-child(odd) .section-avec-image,
.bloc-tier:nth-child(odd) .section-avec-image {
  border-radius: 0 20px 20px 0;
}

.bloc-moitie .section-avec-texte,
.bloc-moitie .section-avec-image {
  flex: 1;
  padding: 50px;
}

.bloc-moitie .section-avec-image,
.bloc-tier .section-avec-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bloc-tier .section-avec-texte {
  flex: 2;
  padding: 50px;
}

.bloc-tier .section-avec-image {
  flex: 1;
  padding: 50px;
}

/* --------------- RESPONSIVE --------------- */

@media screen and (max-width: 1270px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 960px) {

  .bloc-moitie .section-avec-texte,
  .bloc-moitie .section-avec-image {
    padding: 20px;
  }

  .bloc-tier .section-avec-texte,
  .bloc-tier .section-avec-image {
    padding: 20px;
  }
}

@media screen and (max-width: 820px) {}

@media screen and (max-width: 768px) {

  .bloc-moitie,
  .bloc-tier,
  .bloc-pleine-largeur {
    flex-direction: column-reverse !important;
  }

  .bloc-moitie .section-avec-image,
  .bloc-tier .section-avec-image {
    padding: 0px;
    aspect-ratio: 1.5/1;
    border-radius: 20px 20px 0 0 !important;
  }

  .section-blocs .bloc .bloc-titre {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
}
}

@media screen and (max-width: 600px) {}

@media screen and (max-width: 450px) {}