/*****************************************************************************/
/***************************** SECTION DEMI  *********************************/
/*****************************************************************************/


/** Section-demi global **/
.et-db #page-container #et-boc .et-l .et_pb_row.section-demi {
  display: flex;
  align-items: center;
  z-index: 1;
}

/** Section-demi UP **/
.et-db #page-container #et-boc .et-l .et_pb_row.section-demi.up {
  align-items: flex-start;
}

/* col image */
.et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_column:has(.et_pb_image) {
  height: 100%;
  margin: 0;
  min-width: 47.25%;
}

.et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_text p {
  padding-bottom: 1rem;
  padding-top: 0.5rem;
}

.et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_column:has(.et_pb_button) .et_pb_text p:last-child,
.et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_column:has(.btn) .et_pb_text p:last-child {
  border-bottom: 1px solid #E4E8EC;
}

.et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_text.li p {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.7em;
  border-bottom: none;
}

.et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_column .et_pb_image {
  margin: 0;
  height: 100%;
  object-fit: cover;
}

.et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_image_wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}

.et-db #page-container #et-boc .et-l .et_pb_row.section-demi picture  {
  width: 100%;
}


.et-db #page-container #et-boc .et-l .et_pb_row.section-demi img {
  width: 100%;
  object-fit: cover;
  height: auto;
  max-width: 100%;
  /*
  border-radius: 15px;*/
}


/** big **/

.et-db #page-container #et-boc .et-l .et_pb_row.section-demi.big {
  align-items: stretch;
}

.et-db #page-container #et-boc .et-l .et_pb_row.section-demi.big .et_pb_column:has(.et_pb_image) {
  height: inherit;
}

.et-db #page-container #et-boc .et-l .et_pb_row.section-demi.big .et_pb_column .et_pb_image_wrap,
.et-db #page-container #et-boc .et-l .et_pb_row.section-demi.big img {
  height: 100%;
}

/** global responsive **/

@media(max-width: 1068px) {
  .et-db #page-container #et-boc .et-l .et_pb_section:has(.section-demi) {
    overflow: hidden;
  }
}

@media(max-width: 980px) {
  .et-db #page-container #et-boc .et-l .et_pb_row.section-demi {
    justify-content: center;
    align-items: center;
  }

  .et-db #page-container #et-boc .et-l .et_pb_row.section-demi:has(.et_pb_column:first-child .et_pb_text) {
    flex-direction: column-reverse;
  }

  .et-db #page-container #et-boc .et-l .et_pb_row.section-demi:has(.et_pb_column:last-child .et_pb_text) {
    flex-direction: column;
  }

  .et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_text {
    width: 100%;
    padding-left: 0;
  }
}

@media(max-width: 425px) {
  .et-db #page-container #et-boc .et-l .et_pb_row.section-demi {
    margin-top: 1rem !important;
    padding-bottom: 0rem;
  }
}


/******** Section-demi image droite ********/

/* col text */
.et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_column:first-child:has(.et_pb_text) {
  margin: 0 8% 0 0;
}


@media(max-width: 980px) {

  .et-db #page-container #et-boc .et-l .et_pb_row.section-demi:has(.et_pb_column:first-child .et_pb_text) .et_pb_column:has(.et_pb_image) {
    margin: 1rem 0 2rem 0;
  }

  .et-db #page-container #et-boc .et-l .et_pb_row.section-demi:has(.et_pb_column:last-child .et_pb_text) .et_pb_column:has(.et_pb_image) {
    margin: 1rem 0 2rem 0;
  }

  .et-db #page-container #et-boc .et-l .section-onglets .et_pb_row.section-demi:has(.et_pb_column:last-child .et_pb_text) .et_pb_column:has(.et_pb_image) {
    margin: 0rem 0 2rem 0;
    width: 100%;
  }

  .et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_column:last-child:has(.et_pb_text) {
    margin: 2rem 0;
  }

  .et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_column:first-child:has(.et_pb_text) {
    margin: 0;
  }
}


/****** Section-demi image gauche *******/

/* col text */
.et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_column:last-child:has(.et_pb_text) {
  margin: 0 0 0 8%;
}

@media(max-width: 980px) {

  .et-db #page-container #et-boc .et-l .et_pb_row.section-demi .et_pb_column:last-child:has(.et_pb_text) {
    margin: 0 auto;
  }

  .et-db #page-container #et-boc .et-l .section-onglets .et_pb_row.section-demi .et_pb_column:last-child:has(.et_pb_text){
    width: 100%;
  }
}


/*****************************************************************************/
/******************************* Section demi SEO ****************************/
/*****************************************************************************/

/* Section avec fond jaune */

.section-demi-seo {
  overflow: visible;
  min-height: 450px;
  height: 100%;
  display: flex;
}

/* Container pour aligner les colonnes au centre et définir la largeur max */
.section-demi-seo .et_pb_row {
  display: flex;
}

/* Colonne de base */
.section-demi-seo .et_pb_row .et_pb_column {
  position: relative;
  flex: 1;
  padding: 0;
}

.section-demi-seo .et_pb_row .et_pb_column:has(.et_pb_image) .et_pb_image,
.section-demi-seo .et_pb_row .et_pb_column:has(.et_pb_image) .et_pb_image_wrap {
  height: 100%;
  width: 100%;
}

.section-demi-seo .et_pb_row .et_pb_column:has(.et_pb_image) picture {
  display: flex;
  justify-content: center;
  height: calc(100% + 125px);
  width: 100%;
  position: absolute;
}

.section-demi-seo .et_pb_row .et_pb_column:has(.et_pb_image) img {
  width: auto;
  height: 100%;
  display: block;
}

.section-demi-seo .et_pb_row .et_pb_column:has(.et_pb_image) picture::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40%; /* hauteur du fondu, à ajuster */
  background: linear-gradient(to bottom, rgba(22,22,22,0) 0%, rgba(22,22,22,1) 100%);
  /* Adaptez les couleurs du dégradé selon votre design, ici on passe de transparent à blanc */
  pointer-events: none; /* Permet de cliquer sur l'image si besoin */
}

@media(max-width: 980px) {
  .section-demi-seo .et_pb_row .et_pb_column:has(.et_pb_image) .et_pb_image,
  .section-demi-seo .et_pb_row .et_pb_column:has(.et_pb_image) .et_pb_image_wrap {
    display: none;
  }
}

/*****************************************************************************/
/************************* Section Chiffres **********************************/
/*****************************************************************************/

.et_pb_row.section-demi.chiffre-cle .et_pb_image_wrap::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  height: 65%;
  background-color: #fcc400;
  mix-blend-mode: multiply;
  transform: translate(-50%, -50%);
  content: " ";
  /*border-radius: 15px;*/
}


.et_pb_row.section-demi.chiffre-cle .dica_divi_carousel {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  height: 65%;
  transform: translate(-50%, -50%);
}

.et_pb_row.section-demi.chiffre-cle .dica_divi_carousel .et_pb_module_inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.et_pb_row.section-demi.chiffre-cle .dica_divi_carousel .swiper-wrapper {
  gap: 0;
}

/* contenu */
.et_pb_row.section-demi.chiffre-cle .dica_divi_carousel .dica_divi_carouselitem .dica-item-content {
  align-items: center;
}

.et_pb_row.section-demi.chiffre-cle .dica_divi_carousel .dica_divi_carouselitem .dica-item-content .item-title,
.et_pb_row.section-demi.chiffre-cle .dica_divi_carousel .dica_divi_carouselitem .dica-item-content .item-subtitle {
  color: #FFF !important;
  padding: 0 !important;
  margin: 0 !important;
}

.et_pb_row.section-demi.chiffre-cle .dica_divi_carousel .dica_divi_carouselitem .dica-item-content .item-title {
  font-size: 5rem !important;
  font-weight: 800 !important;
}

.et_pb_row.section-demi.chiffre-cle .dica_divi_carousel .dica_divi_carouselitem .dica-item-content .item-subtitle {
  font-size: 3rem !important;
  font-weight: 600 !important;
}

/* pagination */

.et_pb_row.section-demi.chiffre-cle .dica_divi_carousel .dica-container .swiper-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 20px;
  flex-wrap: wrap;
  align-items: flex-end;
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
}

.et_pb_row.section-demi.chiffre-cle .dica_divi_carousel .dica-container .swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 5px;
  background-color: unset !important;
  border: solid 2px #FFF;
}

.et_pb_row.section-demi.chiffre-cle .dica_divi_carousel .dica-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff !important;
  border: none;
}