/*
* 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(--tertiary, #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(--blanc);
  border-color: var(--blanc);
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/base/bouton_blanc.svg");
}
#home_qui_implantation a.bouton:hover {
  background-color: var(--tertiary);
}
#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-XXS, 10px) var(--Spaces-XS, 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;
}

/* ========================================
   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;
  color: var(--blanc);
  border: 1px solid var(--Colors-color-3, #009cb4);
  background: var(--Colors-color-primary, #20286d);
  border: 1px solid var(--Colors-color-3, #ff5e00);
}
#bloc_valeur a.bouton {
  color: var(--blanc);
  background-image: url("../images/base/bouton_blanc.svg");
}

#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 {
  background-image: url("../images/base/bouton_tertiary.svg");
}
#bloc_engagement .bouton:hover {
  color: var(--blanc);
  background-image: url("../images/base/bouton_blanc.svg");
}

.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 {
  color: var(--tertiary);
}

.chiffre_container .content_chiffe {
  color: var(--tertiary);
}

/* ========================================
   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% */
  }
}
#home_expertises .partie_avec_slider .partie_droite > h3 {
  padding-right: 60px;
}
#home_expertises .partie_avec_slider .partie_droite {
  position: relative;
}
.partie_avec_slider .partie_droite .arrows_placeholder {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 1;
  margin-top: 0;
  column-gap: var(--gap-s);
  margin-top: var(--gap-s);
}
.home_reals_slider {
  position: relative;
}
.home_reals_slider .slick-track {
  align-items: stretch;
}
.partie_avec_slider .slick-prev,
.partie_avec_slider .slick-next {
  position: relative;
  width: 34px;
  height: 32px;
  transform: unset;
  border: none;
}
.partie_avec_slider .slick-prev:before,
.partie_avec_slider .slick-next:before {
  content: "";
  font-size: 0;
}
.partie_avec_slider .slick-prev {
  background: url("../images/base/prev.svg") no-repeat center center / contain;
}
.partie_avec_slider .slick-next {
  background: url("../images/base/next.svg") no-repeat center center / contain;
}
.realisation_teaser {
  display: flex !important;
}
.realisation_teaser > * {
  margin: 0;
}
@media (max-width: 979px) {
  .realisation_teaser {
    width: 270px;
    padding-right: 10px;
  }
  .partie_avec_slider .partie_droite {
    width: 100vw;
    padding-left: 10px;
  }
}
@media (min-width: 980px) {
}
@media (min-width: 980px) and (max-width: 1439px) {
}
@media (min-width: 980px) {
  .partie_avec_slider .partie_droite .arrows_placeholder {
    right: unset;
    left: calc(0.66 * var(--container-width));
    transform: translateX(-100%);
  }
  #home_expertises .partie_avec_slider {
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: calc(var(--container-width) / 2 * -1);
    justify-content: flex-start;
  }
  #home_expertises .partie_avec_slider .partie_gauche {
    width: calc(var(--container-width) * 0.33);
  }
  .realisation_teaser {
    width: 320px;
    padding-right: 20px;
  }
}

#home_groupe .fond_primary {
  background: #21201e;
}
#home_groupe .fond_primary a.bouton {
  color: var(--blanc);
  background-color: #21201e;
  background-image: url("../images/base/bouton_blanc.svg");
}

@media (hover: hover) {
  #home_groupe .fond_primary .bouton:hover {
    color: #21201e;
    background-color: var(--blanc);
    background-image: url("../images/base/bouton_noir.svg");
  }
}