/* COLONNES */
.section-colonnes {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-colonnes .section-content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.section-colonnes .section-content h2 {
  margin-bottom: 0px;
}

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

.section-colonnes .section-content .section-contenus h2, 
.section-colonnes .section-content .section-contenus h3,
.section-colonnes .section-content .section-contenus h4,
.section-colonnes .section-content .section-contenus h5,
.section-colonnes .section-content .section-contenus p {
  margin-bottom: 0px;
}

.section-colonnes .colonnes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 2%;
  row-gap: 30px;
}

.section-colonnes .colonne {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
}

.section-colonnes .colonne .colonne-contenus {
  padding: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.section-colonnes .colonne .colonne-titre {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.section-colonnes .colonne .colonne-titre h3 {
  margin-bottom: 0px;
}

.section-colonnes .colonne .colonne-icone i {
  font-size: 30px;
}

.section-colonnes .colonne .colonne-texte :last-child {
  margin-bottom: 0px;
}

.section-colonnes .image-colonne {
  border-radius: 20px 20px 0 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 1.5/1;
}

.section-colonnes .texte-colonne {
  padding: 40px;
  flex: 1;
}

.section-colonnes .colonnes .section-boutons {
  margin-bottom: 0px;
  padding: 0px 30px 30px 30px;
}

.section-colonnes .colonnes .section-boutons a {
  text-transform: uppercase;
}

/* Options de colonnes */
.section-colonnes .colonne-100 {
  flex: 0 0 100%;
}

.section-colonnes .colonne-33 {
  flex: 0 0 32%;
}

.section-colonnes .colonne-50 {
  flex: 0 0 48.5%;
}

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

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

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

  .section-colonnes .colonne-33 {
    flex: 0 0 49%;
  }

  .section-colonnes .colonne-50 {
    flex: 0 0 49%;
  }
}

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

  /* Sections */
  .section-colonnes .colonne .colonne-contenus {
    padding: 20px;
  }
}

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

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

  .section-colonnes .colonne-33 {
    flex: 0 0 100%;
  }

  .section-colonnes .colonne-50 {
    flex: 0 0 100%;
  }

}

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

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