/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* ========================================
   HOMEPAGE STRUCTURE
   ======================================== */

/* Page principale */
.home_page {
}
.home_page img {
  border: none;
}
/* ========================================
   SECTION ENTÊTE HOMEPAGE
   ======================================== */

#home_entete {
  padding-top: var(--header-height);
  z-index: 2;
  margin-bottom: 0;
}

#home_entete .container {
}

#home_entete h1 {
}

#home_entete h1 .fat_h1 {
  color: transparent;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--Colors-color-primary, #21201e);
  paint-order: stroke fill;
  font-family: var(--Font-type-font-primary, Anton);
  font-size: var(--fs-xxl);
  font-style: normal;
  font-weight: 400;
  line-height: 106.667%;
  letter-spacing: var(--Global-layout-interlettrage, 1px);
  text-transform: uppercase;
}

#home_entete h1 .color {
  color: var(--tertiary);
}

#image_entete_homepage {
}

#image_entete_homepage img {
  aspect-ratio: 1340 / 540;
  object-fit: cover;
}

/* ========================================
   SECTION QUI / IMPLANTATION
   ======================================== */
#home_qui_implantation:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  background: linear-gradient(
    270deg,
    var(--Colors-color-primary, #21201e) 0%,
    var(--Colors-Noir, #000) 100%
  );
  z-index: 0;
}
@media (max-width: 1399px) {
  #home_qui_implantation:before {
    height: calc(350 / 1340 * var(--container-width));
  }
}
@media (min-width: 1400px) {
  #home_qui_implantation:before {
    height: 480px;
  }
}

#home_qui_implantation {
  z-index: 1;
  display: flex;
  padding: var(--Spaces-XL, 100px) var(--Global-layout-Global-margin, 20px);
  flex-direction: column;
  align-items: center;
  gap: var(--Spaces-XL, 100px);
  align-self: stretch;
  background: linear-gradient(
    270deg,
    var(--Colors-color-primary, #21201e) 0%,
    var(--Colors-Noir, #000) 100%
  );
}
@media (min-width: 1400px) {
  #home_qui_implantation {
    padding: var(--Global-layout-Global-margin, 50px);
  }
}
#home_qui_implantation h2 {
  color: var(--tertiary);
}
#home_qui_implantation a.bouton {
  color: var(--tertiary);
  border-color: var(--tertiary);
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/base/bouton_tertiary.svg");
}
#home_qui_implantation .container {
  gap: 10px;
}

#home_qui_implantation .surtitre {
}

#home_qui_implantation .partie_texte {
}

#home_qui_implantation img {
}

/* ========================================
   SECTION EXPERTISES
   ======================================== */

#home_expertises {
}

#home_expertises .mot_cle {
  margin-bottom: var(--gap-l);
}

#home_expertises .surtitre {
  color: var(--tertiary);
}

#home_expertises .partie_texte h2 {
  padding-bottom: 0.5em;
}

#home_expertises img {
}

.activites {
  width: 100%;
  border-top: 1px solid;
}

.activite {
  position: relative;
  padding: var(--Spaces-XS, 10px) var(--Spaces-S, 40px);
  border-bottom: 1px solid var(--primary);
  text-decoration: none;
  color: inherit;
  display: block;
  width: 100%;
  height: 100%;
  /* background: url("../images/base/next.svg") no-repeat right 1em center / 22px */
    auto;
  color: var(--Colors-color-primary, #21201e);
  font-family: var(--Font-type-font-secondary, Poppins);
  font-size: var(--Font-Size-fs-puces, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Font-Line-height-lh-p, 20px); /* 142.857% */
}
.activite:hover {
  color: var(--tertiary);
}

.activite:after {
  content: "";
  position: absolute;
  top: 50%;
  right: var(--Spaces-S, 40px);
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
  background: var(--primary, #21201e);
  mask: url("../images/base/next.svg") no-repeat center / contain;
  -webkit-mask: url("../images/base/next.svg") no-repeat center / contain;
}
.activite:hover:after {
  background: var(--tertiary);
}

/* ========================================
   SECTION ENGAGEMENTS
   ======================================== */

#home_engagements {
}

#home_engagements .mot_cle {
  margin-top: var(--gap-l);
  margin-bottom: var(--gap-l);
}

#bloc_image {
}

#bloc_image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#bloc_valeur {
  display: flex;
  padding: var(--Spaces-L, 50px) var(--Spaces-S, 20px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spaces-M, 30px);
  align-self: stretch;
  border: 1px solid var(--Colors-color-3, #ff5e00);
}

#bloc_valeur .surtitre {
  color: var(--tertiary);
  margin: 0;
}

#bloc_valeur .partie_texte h2 {
  padding-bottom: 0.5em;
}/*
#bloc_valeur .partie_texte ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  display: flex;
  gap: var(--gap-s);
}*/
#bloc_valeur .bouton {
}

#bloc_engagement {
  display: flex;
  padding: var(--Spaces-L, 50px) var(--Spaces-S, 20px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spaces-M, 30px);
  align-self: stretch;
  border: 1px solid var(--Colors-color-secondary, #38d178);
}

#bloc_engagement .surtitre {
  color: var(--secondary);
  margin: 0;
}

#bloc_engagement .partie_texte {
}

#bloc_engagement .bouton {
}

.chiffre_engagement {
  color: var(--Colors-color-secondary, #38d178);
  font-family: var(--Font-type-font-primary, Anton);
  font-size: var(--Font-Size-fs-h2, 25px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Font-Line-height-lh-h2, 26px); /* 104% */
  letter-spacing: var(--Global-layout-interlettrage, 1px);
}

.titre_chiffre_engagement {
  color: var(--Colors-color-primary, #21201e);
  font-family: var(--Font-type-font-primary, Anton);
  font-size: var(--Font-Size-fs-h4, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Font-Line-height-lh-h4, 16px); /* 133.333% */
  letter-spacing: var(--Global-layout-interlettrage, 1px);
}

/* ========================================
   SECTION CHIFFRES CLÉS
   ======================================== */

#home_chiffres {
}

.chiffres_container {
}

.chiffre_container {
}

.chiffre_container .chiffre {
}

.chiffre_container .content_chiffe {
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */
@media (min-width: 640px) {
  .qui_imp_img {
    justify-content: flex-end;
  }
  .qui_imp_img + .w-40 {
    max-width: 434px;
  }
}
@media (min-width: 980px) {
  #home_entete {
    padding-bottom: var(--gap-l);
  }
  #home_entete h1 {
    padding-top: var(--gap-l);
  }
  #home_qui_implantation {
    padding: var(--Global-layout-Global-margin, 50px);
    gap: 60px;
  }
  #home_expertises .mot_cle.contour,
  #home_engagements .mot_cle.contour {
    -webkit-text-stroke: 1px var(--tertiary);
    text-stroke: 1px var(--tertiary);
  }
  #bloc_valeur,
  #bloc_engagement {
    padding: var(--Spaces-S, 40px);
    gap: var(--gap-m, 30px);
  }
  #bloc_valeur .partie_texte h2 {
    padding-bottom: 0;
  }
}
@media (min-width: 1400px) {
  #home_entete h1 {
    font-size: var(--Font-Size-fs-h1, 60px);
    line-height: var(--Font-Line-height-lh-h1, 70px); /* 116.667% */
  }
  #home_entete h1 span.fat_h1 {
    font-size: 150px;
    line-height: 160px; /* 106.667% */
  }
}