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

/* ========================================
   PAGE D'ACCUEIL - HOMEPAGE
   ======================================== */
.hero-section.entete {
  z-index: 3;
}
.hero-content p {
  font-style: normal;
  font-weight: 300;
}
@media (max-width: 979px) {
  .hero-content p {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 980px) {
  .hero-wrapper {
    padding-top: var(--gap-l);
  }
  .hero-content p {
    font-size: 2.45rem;
    line-height: 2.75rem;
  }
}
.besoins-wrapper {
  /*display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;*/
  gap: var(--gap-s, 1.25rem);
  padding: var(--gap-s, 1.25rem);

  border-radius: var(--Corners-corner, 1.25rem);
  background: #b3b5e8;
}
#titre_besoins {
  font-size: var(--Size-font-fs-h4, 1.625rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Size-font-lh-h4, 1.5rem); /* 92.308% */
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--Gap-gap-xs, 0.625rem);
}
#titre_besoins svg {
  width: 2.8125rem;
}
.besoins_select {
  width: 100%;
}

#texte_action_besoins {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1rem;
  text-transform: uppercase;
  width: 100%;
  padding: var(--gap-s, 1.25rem);
  border-radius: var(--gap-xs, 0.625rem);
  border: 1px solid var(--Colors-blanc, #fff);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  color: var(--blanc);
  padding-right: 3em;
  background: url("../images/custom/select.svg") no-repeat right 10px center;
}
#texte_action_besoins option {
  width: 100%;
  background: var(--blanc);
  color: var(--primary);
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 0.5rem;
  line-height: 1.2;
}
.besoins-wrapper:not(.open) #go_besoins {
  display: none;
}
#go_besoins.anim {
  -webkit-animation: clignote 1.3s 4 alternate ease-in-out;
  animation: clignote 1.3s 4 alternate ease-in-out;
}
@-webkit-keyframes clignote {
  0% {
    background-color: var(--blanc);
  }
  50% {
    background-color: #b3b5e8;
  }
  100% {
    background-color: var(--blanc);
  }
}
@keyframes clignote {
  0% {
    background-color: var(--blanc);
  }
  50% {
    background-color: #b3b5e8;
  }
  100% {
    background-color: var(--blanc);
  }
}
#go_besoins.anim:hover {
  background: var(--primary);
  /*pause animation*/
  -webkit-animation: none;
  animation: none;
}
@media (max-width: 979px) {
  .groupe_content {
    gap: var(--gap-s);
    --space-h: var(--gap-s);
  }
}
@media (min-width: 980px) {
  .groupe-section {
    margin-bottom: var(--gap-m);
  }
  .groupe_content {
    gap: var(--gap-m);
    --space-h: var(--gap-m);
  }
}
@media (max-width: 979px) {
  .besoins-wrapper {
    width: 100%;
  }
  .gros_chiffre:first-child:after {
    content: "";
    display: block;
    width: 3.375rem;
    height: 1px;
    background-color: var(--blanc);
    margin: var(--gap-m) auto;
  }
  .gros_chiffre .chiffre-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gap-xs, 0.625rem);
  }
  .gros_chiffre .chiffre {
    font-size: var(--fs-h2, 5rem);

    font-weight: 700;
    line-height: var(--lh-h2, 5.125rem);
    text-transform: uppercase;
  }

  .gros_chiffre .chiffre_texte_1 {
    font-size: var(--fs-h4, 1.625rem);
    font-weight: 700;
    line-height: var(--Size-font-lh-h4, 1.5rem);
  }

  .gros_chiffre .chiffre_texte_2 {
    font-size: var(--fs-h4, 1.625rem);
    font-weight: 400;
    line-height: var(--Size-font-lh-h4, 1.5rem); /* 92.308% */
  }

  .gros_chiffre .point {
  }
  .gros_chiffre a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--Gap-gap-xs, 0.625rem);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.375rem; /* 122.222% */
  }

  .petit_chiffre span {
    display: block;
  }
  .petits_chiffres .petit_chiffre:not(:last-child):after {
    content: "";
    display: block;
    width: 3.375rem;
    height: 1px;
    background-color: var(--blanc);
    margin: var(--gap-s) auto;
  }
  .petit_chiffre .chiffre {
    text-align: center;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    text-transform: uppercase;
  }
  .petit_chiffre .chiffre_texte_1 {
    text-align: center;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 0.875rem; /* 100% */
  }
  .petit_chiffre .chiffre_texte_2 {
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.125rem; /* 128% */
  }
  .chiffre_en_avant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--Gap-gap-s, 1.25rem) var(--Gap-gap-xs, 0.625rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gap-xs, 0.625rem);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    border-radius: var(--Corners-corner, 1.25rem);
    border: 1px solid var(--Colors-bleu, #12074d);
    background: var(--Colors-bleu-clair, #b3b5e8);
  }
  .chiffre_avant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gap-xs, 0.625rem);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  .chiffre_avant .chiffre {
    color: var(--Colors-bleu, #12074d);
    text-align: center;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.875rem; /* 100% */
    text-transform: uppercase;
  }
  .chiffre_avant .chiffre_texte_1 {
    color: var(--Colors-bleu, #12074d);
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25rem; /* 125% */
  }
  .chiffre_avant .chiffre_texte_2 {
    color: var(--Colors-bleu, #12074d);
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 125% */
  }
  .chiffre_en_avant .texte {
    color: var(--Colors-bleu, #12074d);
    text-align: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 142.857% */
    margin: 0;
  }
}

@media (min-width: 980px) {
  .hero-content {
    width: calc(100% - 21rem);
  }
  .besoins-wrapper {
    width: 19.375rem;
    padding: var(--gap-m);
  }
  .besoins-wrapper.custom-select-growing-parent {
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
  }
  .besoins-wrapper.custom-select-growing-parent.open {
    width: 100%;
    padding: var(--gap-m);
    position: absolute;
    right: 0;
    /* height: calc(100% - var(--section-gap)); */
    height: auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid var(--primary);
  }
  .gros_chiffre:first-child:after {
    content: "";
    display: block;
    width: 3.375rem;
    height: 1px;
    background-color: var(--blanc);
    margin: var(--gap-m) auto;
  }
  .gros_chiffre .chiffre-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gap-xs, 0.625rem);
  }
  .gros_chiffre .chiffre {
    font-size: var(--fs-h2, 5rem);

    font-weight: 700;
    line-height: var(--lh-h2, 5.125rem);
    text-transform: uppercase;
  }

  .gros_chiffre .chiffre_texte_1 {
    font-size: var(--fs-h4, 1.625rem);
    font-weight: 700;
    line-height: var(--Size-font-lh-h4, 1.5rem);
  }

  .gros_chiffre .chiffre_texte_2 {
    font-size: var(--fs-h4, 1.625rem);
    font-weight: 400;
    line-height: var(--Size-font-lh-h4, 1.5rem); /* 92.308% */
  }

  .gros_chiffre .point {
  }
  .gros_chiffre a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--Gap-gap-xs, 0.625rem);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.375rem; /* 122.222% */
  }

  .petit_chiffre span {
    display: block;
  }
  .petits_chiffres .petit_chiffre:not(:last-child):after {
    content: "";
    display: block;
    width: 3.375rem;
    height: 1px;
    background-color: var(--blanc);
    margin: var(--gap-s) auto;
  }
  .petit_chiffre .chiffre {
    text-align: center;
    font-size: var(--Size-font-fs-h3);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Size-font-lh-h3); /* 105% */
    text-transform: uppercase;
  }
  .petit_chiffre .chiffre_texte_1 {
    color: var(--Colors-blanc, #fff);
    text-align: center;
    font-size: var(--Size-font-fs-paragraphe);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Size-font-lh-paragraphe); /* 140% */
  }
  .petit_chiffre .chiffre_texte_2 {
    color: var(--Colors-blanc, #fff);
    text-align: center;
    font-size: var(--Size-font-fs-paragraphe);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Size-font-lh-paragraphe); /* 140% */
  }
  .chiffre_en_avant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--gap-m);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gap-m);
    border-radius: var(--Corners-corner, 1.25rem);
    border: 1px solid var(--Colors-bleu, #12074d);
    background: var(--Colors-bleu-clair, #b3b5e8);
  }
  .chiffre_avant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gap-xs, 0.625rem);
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  .chiffre_avant .chiffre {
    color: var(--Colors-bleu, #12074d);
    text-align: center;
    font-size: var(--Size-font-fs-h2);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Size-font-lh-h2); /* 102.5% */
    text-transform: uppercase;
  }
  .chiffre_avant .chiffre_texte_1 {
    color: var(--Colors-bleu, #12074d);
    text-align: center;
    font-size: var(--Size-font-fs-h4);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Size-font-lh-h4); /* 92.308% */
  }
  .chiffre_avant .chiffre_texte_2 {
    color: var(--Colors-bleu, #12074d);
    text-align: center;
    font-size: var(--Size-font-fs-h4, 1.625rem);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Size-font-lh-h4, 1.5rem); /* 92.308% */
  }
  .chiffre_en_avant .texte {
    color: var(--Colors-bleu, #12074d);
    font-size: var(--Size-font-fs-paragraphe);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Size-font-lh-paragraphe); /* 140% */
  }
}
.societes-section {
  overflow: visible;
}
.societes-section .container,
.societes,
.societes .slick-list {
  overflow: visible;
}
.societes .slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: calc(0.05 * var(--container-width));
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.societe.slick-slide {
  width: calc(0.9 * var(--container-width)) !important;
}
@media (max-width: 479px) {
  .societe.slick-slide {
    width: 85vw !important;
  }
  .societes .slick-track {
    gap: 5vw !important;
  }
}

.votre-societe {
  color: var(--secondary);
  border: 1px solid var(--secondary);
}
.societes + .votre-societe {
  margin-top: var(--gap-s);
}
.societe h3 {
  margin: 0;
  color: var(--Colors-noir, #16161b);
  font-weight: 700;
}
.votre-societe h3 {
  color: var(--secondary);
}
.content_societe p {
  margin: 0;
}

@media (max-width: 1279px) {
  .societe h3 {
    font-size: var(--Size-font-mobile-fs-h3-mobile, 20px);
    line-height: var(--Size-font-mobile-lh-h3-mobile, 24px); /* 120% */
  }
}
.societe a {
  font-weight: bold;
}

@media (max-width: 1279px) {
  .societes {
    gap: var(--gap-xs);
  }
  .societe {
    padding: var(--gap-s);
    gap: var(--gap-s);
  }
  .societe .societe-logo {
    height: 3.125rem;
    width: auto;
  }
  .image_societe {
    height: 50px;
  }
  .section_expertises .container,
  .section_expertises .container .solutions_content,
  .section_expertises .container .expertises_images {
    gap: var(--gap-s);
    --space-h: var(--gap-s);
  }
}
@media (min-width: 1280px) {
  .societes {
    gap: var(--gap-s);
  }
  .societe {
    padding: var(--gap-m);
    gap: var(--gap-m);
  }
  .image_societe {
    height: 116px;
  }
  .section_expertises .container,
  .section_expertises .container .solutions_content,
  .section_expertises .container .expertises_images {
    gap: var(--gap-m);
    --space-h: var(--gap-m);
  }
}

.service-une-card {
  padding: var(--gap-m);
  border-radius: var(--border-radius);
  background: var(--blanc);
  color: var(--secondary);
}
.service-image {
  display: block;
  width: 100%;
  border-radius: var(--border-radius);
}
.service-une-titre {
  color: var(--Colors-orange, #fe9318);
  font-family: var(--Fonts-font-paragraphe, "Space Grotesk");
  font-size: var(--Size-font-fs-h3, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Size-font-lh-h3, 42px);
}
.service-une-sous-titre {
  color: var(--Colors-orange, #fe9318);
  font-family: var(--Fonts-title, "Space Grotesk");
  font-size: var(--Size-font-fs-h4, 26px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Size-font-lh-h4, 24px); /* 92.308% */
}
.stats-chiffre {
  color: var(--Colors-orange, #fe9318);
  text-align: center;
  font-family: var(--Fonts-title, "Space Grotesk");
  font-size: var(--Size-font-fs-h2, 80px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Size-font-lh-h2, 82px);
  text-transform: uppercase;
}
.stats-line1 {
  color: var(--Colors-orange, #fe9318);
  text-align: center;
  font-family: var(--Fonts-title, "Space Grotesk");
  font-size: var(--Size-font-fs-h4, 26px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Size-font-lh-h4, 24px);
}
.stats-line2 {
  color: var(--Colors-orange, #fe9318);
  text-align: center;
  font-family: var(--Fonts-font-paragraphe, "Space Grotesk");
  font-size: var(--Size-font-fs-h4, 26px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Size-font-lh-h4, 24px);
}

.bloc-integrer-groupe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--Gap-gap-m, 40px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  border-radius: var(--Gap-gap-s, 20px);
  border: 1px solid var(--Colors-orange, #fe9318);
  color: var(--secondary);
}
.bloc-integrer-groupe a:not(.bouton):only-child {
  font-weight: 700;
}

.bloc-services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--Gap-gap-m, 40px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: var(--Gap-gap-m, 40px);
  border-radius: var(--Gap-gap-s, 20px);
  border: 1px solid var(--Colors-bleu, #12074d);
  background: var(--Colors-orange-clair, #fbdba0);
  color: var(--primary);
}
.bloc-services-titre {
  font-size: var(--Size-font-fs-h3, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Size-font-lh-h3, 42px);
  margin: 0;
}
.bloc-services-sous-titre {
  margin: 0;
}
.bloc-services-texte {
  margin: 0;
}
.service-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: var(--Gap-gap-s, 20px);
  color: var(--Colors-bleu, #12074d);
  font-family: var(--Fonts-title, "Space Grotesk");
  font-size: var(--Size-font-fs-h4, 26px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Size-font-lh-h4, 24px);
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding: var(--gap-s) 0;
  border-top: 1px solid;
}
.service-link:last-child {
  border-bottom: 0;
}
@media (max-width: 979px) {
  .service-une-card,
  .bloc-integrer-groupe,
  .bloc-services {
    padding: var(--gap-s);
  }
}
@media (max-width: 639px) {
  .service-une,
  .bloc-services {
    width: 100%;
  }
  .services_wrapper {
    gap: var(--gap-m);
  }
  .bloc-integrer-groupe.desktop {
    display: none;
  }
}

@media (min-width: 640px) {
  .services_wrapper {
    gap: 0;
  }
  .service-une {
    width: calc(686 / 1240 * 100%);
  }
  .bloc-services {
    width: calc(504 / 1240 * 100%);
  }
  .bloc-integrer-groupe.mobile {
    display: none;
  }
}

.actualites-section {
  background: var(--blanc);
  color: var(--primary);
}
.actualites-main-title {
  margin: 0;
  color: var(--Colors-bleu, #12074d);
  font-family: var(--Fonts-title, "Space Grotesk");
  font-size: var(--Size-font-fs-h3, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Size-font-lh-h3, 42px); /* 105% */
}
@media (max-width: 639px) {
  .actualites-section {
    padding-top: var(--gap-m);
    padding-bottom: var(--gap-m);
  }
  .actualites-main-title {
    width: 100%;
  }
  .actualite-image {
    width: 100%;
  }
}
@media (min-width: 640px) and (max-width: 1279px) {
  .actualites-section {
    padding-top: var(--gap-l);
    padding-bottom: var(--gap-l);
  }
  .actualites-main-title {
    width: 109px;
  }
  .actualite-image {
    width: 200px;
  }
}
@media (min-width: 1280px) {
  .actualites-section {
    padding-top: var(--gap-l);
    padding-bottom: var(--gap-l);
  }
  .actualites-main-title {
    width: 129px;
  }
  .actualite-image {
    width: 305px;
  }
}
.actualite-texte {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.actualite-card h3 {
  color: var(--Colors-bleu, #12074d);
  font-family: var(--Fonts-title, "Space Grotesk");
  font-size: var(--Size-font-fs-h4, 26px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--Size-font-lh-h4, 24px);
  margin: 0;
}

.actu-img {
  aspect-ratio: 1;
  border-radius: var(--border-radius);
  display: block;
  width: 100%;
}
.actualites-section:last-child {
  margin-bottom: 0;
}
