/** module polices*/
html {
  font-size: var(--font-size-html);
  scroll-behavior: smooth;
}
body {
  overflow-x: clip;
  overflow-y: auto;
  -webkit-transition: var(--transition-all);
  -o-transition: var(--transition-all);
  transition: var(--transition-all);
  position: relative;
  font-size: 1rem;
  font-family: var(--font-family);
  font-optical-sizing: auto;
  background: var(--bodybackground);
  color: var(--bodycolor);
  font-weight: 400;
  width: 100%;
}
a {
  color: var(--linkcolor);
}
#page {
  overflow-x: clip;
}
main {
  padding-bottom: 0;
  min-height: calc(100vh - 100px);
}
article {
  position: relative;
  z-index: 1;
}
.overflow-clip {
  overflow: clip !important;
}
section {
  position: relative;
  z-index: 1;
  margin: 0;
}
article section {
  margin-bottom: var(--section-gap);
}
.ancre {
  display: block;
  height: 0;
  visibility: hidden;
}
.container {
  width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1440px) {
  .container {
    width: 1440px;
    padding-left: var(--gap-l);
    padding-right: var(--gap-l);
  }
}
.scrolled .entete {
  padding-top: calc(var(--scrolled-header-height) + 50px);
}
.entete {
  position: relative;
  z-index: 1;
  padding-top: calc(var(--header-height) + var(--gap-m));
}
.breadcrumb {
  position: relative;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  cursor: pointer;
}
.partie_texte {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--texte-gap);
}
.partie_texte a {
  text-decoration: underline;
}
.partie_texte.gap-s {
  gap: var(--gap-s);
}
.partie_texte > * {
  margin: 0;
}
.partie_texte > h2 + h3,
.partie_texte > h2 + .h3,
.partie_texte > .h2 + h3,
.partie_texte > .h2 + .h3 {
  margin-top: calc(var(--texte-gap) * -0.75);
}
.partie_texte ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(0.25 * var(--texte-gap));
  padding-left: 0;
  list-style-position: inside;
}
.partie_texte li {
  font-size: var(--fs-base);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: -0.05625rem;
}

/*.partie_texte > *,*/
.partie_texte h2,
.partie_texte h3,
.partie_texte h4,
.partie_texte p,
.partie_texte ul,
.partie_texte ol,
.partie_texte li,
.partie_texte blockquote {
  width: 100%;
  margin: 0;
}
@media (max-width: 979px) {
  .partie_image + .partie_texte:not(.mt-0) {
    margin-top: var(--texte-gap);
  }

  .partie_texte > *:only-child {
    margin-bottom: var(--texte-gap);
  }

  .partie_image + .partie_texte > *:only-child {
    margin-top: var(--texte-gap);
  }
}
p,
main ul,
main ol {
  font-size: var(--fs-base);
}
main li {
  margin: 0;
}
p,
main .partie_texte ul li {
  font-family: var(--Fonts-font-paragraphe, "DM Sans");
  font-size: var(--fs-fs-paragraphe, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--fs-lh-paragraphe, 20px); /* 125% */
}
h1,
.h1 {
  text-align: center;
  font-family: "Big Shoulders";
  font-size: var(--fs-fs-h1);
  font-style: normal;
  font-weight: 900;
  line-height: var(--fs-lh-h1); /* 91.667% */
  text-transform: uppercase;
}
h2,
.h2 {
  font-family: var(--Fonts-title, "Big Shoulders");
  font-size: var(--fs-fs-h2);
  font-style: normal;
  font-weight: 900;
  line-height: var(--fs-lh-h2); /* 102.5% */
  text-transform: uppercase;
}
h3,
.h3 {
  font-family: var(--Fonts-title, "Big Shoulders");
  font-size: var(--fs-fs-h3);
  font-style: normal;
  font-weight: 700;
  line-height: var(--fs-lh-h3);
  text-transform: uppercase;
}
h4,
h5,
h6 {
  font-family: var(--Fonts-font-paragraphe, "DM Sans");
  font-size: var(--fs-fs-h4);
  font-style: normal;
  font-weight: 400;
  line-height: var(--fs-lh-h4); /* 106.667% */
  text-transform: uppercase;
}
span.bouton,
a.bouton {
  font-family: "Big Shoulders";
  font-style: normal;
  font-weight: 700;

  text-transform: uppercase;
  text-decoration: none;
}
@media (max-width: 979px) {
  span.bouton,
  a.bouton {
    font-size: 16px;
  }
}
@media (min-width: 980px) {
  span.bouton,
  a.bouton {
    font-size: 24px;
    line-height: 22px;
  }
}

/* fond */
.fond_primary {
  background: var(--primary);
  color: var(--blanc);
}
.fond_orange {
  background: var(--orange);
  color: var(--blanc);
}
.fond_secondary {
  color: var(--gris);
  background: var(--secondary);
}
.fond_gris {
  background: var(--gris-1);
  color: var(--blanc);
}
.fond_gris h2,
.fond_gris .h2 {
  color: var(--COLORS-orange, #e9644d);
}

/*Couleurs*/
.gris {
  color: var(--COLORS-gris, #19191e);
}
.txt_primary {
  color: var(--primary);
}
.txt_secondary {
  color: var(--secondary);
}
.txt_primary_light {
  color: var(--primary-light);
}
.txt_secondary_light {
  color: var(--secondary-light);
}
.couleur {
  color: var(--primary);
}
.surligne {
  background: var(--bleu);
  color: var(--blanc);
}
.secondary_color {
  color: var(--secondary);
}
.tertiary {
  color: var(--tertiary);
}
.color-4 {
  color: var(--color-4);
}
.color-5 {
  color: var(--color-5);
}

span.span_fond_color {
  background: var(--secondary);
  color: var(--blanc);
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius);
}

/*Fonds*/

/*Navigation*/
.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding-bottom: 50px;
  gap: var(--gap-s);
}
.nav-links span,
.nav-links a {
  display: flex;
  align-items: center;
}
.nav-links a,
span.bouton,
a.bouton {
  padding: var(--gap-xs, 0.625rem) var(--gap-s, 1.25rem);
  border-radius: 0.3125rem;
  background: var(--bleu);
  transition: var(--ease);
  color: var(--blanc);
  border: 2px solid;
}
span.bouton,
a.bouton {
  display: inline-block;
}

a.bouton.bouton_bleu_gris {
  background: #eaecf4;
  color: var(--bleu);
}

@media (hover: hover) {
  a.bouton:hover,
  .nav-links a:hover {
    background-color: var(--blanc);
    color: var(--bleu);
  }
  a.bouton.bouton_bleu_gris:hover {
    background: var(--bleu);
    color: var(--blanc);
  }
}

/*
p a.bouton, p + a.bouton{
    margin-top:1em;
}*/
main ul,
main ol {
  padding-left: 0;
  /*! list-style-type: none; */
  padding-left: 1em;
}

main .partie_texte ul {
  list-style-type: disc;
}

main .partie_texte > *:first-child {
  margin-top: 0;
}

main .partie_texte ul {
  margin-left: 0.8em;
}

main .partie_texte ul li {
  position: relative;
}

main .partie_texte ol li {
  counter-increment: muffins;
  list-style-type: none;
  padding-left: 30px;
  margin-top: 1.5em;
  position: relative;
}

main .partie_texte ol li:before {
  content: "0" counter(muffins) ". ";
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1;
  height: 16px;
  width: 28px;
  font-size: 1em;
  font-family: var(--font-family);
  font-weight: var(--bold);
}

main .partie_texte ol li:nth-child(n + 10):before {
  content: counter(muffins) ". ";
}

main .partie_texte ol {
  list-style: none;
  counter-reset: muffins;
}

ul.tags {
  display: flex !important;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  text-align: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

ul.tags li {
  margin: 0;
  padding: 0.5rem 0.9375rem;
  background: var(--primary);
  color: var(--blanc);
  border-radius: 3.125rem;
  display: inline-flex;
  width: unset;
}

ul.tags li:not(.no_diese):before {
  content: "#";
}

blockquote {
  margin: 0;
}

h2 a,
h3 a {
  text-decoration: none;
}

#main .partie_texte a:not(.bouton) {
  text-decoration: underline;
}

#main .partie_texte a:not(.bouton):hover {
  color: var(--secondary);
}

@media (min-width: 768px) {
  .droite {
    flex-direction: row-reverse;
  }

  .gauche .partie_image .item {
    align-items: flex-end;
  }

  .droite .partie_image .item {
    align-items: flex-start;
  }
}
.section_title {
  margin: 0;
}
.section_title + div:not(.mt-0) {
  margin-top: var(--gap-m);
}

.partie_texte + div:not(.mt-0) {
  margin-top: var(--gap-m);
}

/*ENTETE*/
.image_entete img {
}

#breadcrumbs {
  color: var(--Colors-gris, #16161b);
  font-family: var(--Fonts-font-paragraphe, "DM Sans");
  font-size: var(--fs-fs-paragraphe, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--fs-lh-paragraphe, 20px);
}

#breadcrumbs a:hover {
  color: var(--Colors-bleu, #1d1cfe);
}

@media (max-width: var(--m-max)) {
  .breadcrumb {
    display: none;
  }
}
/*Edito*/
body:not(.home) h1,
body:not(.home) h2,
body:not(.home) .h2 {
  color: var(--bleu);
}
/*Texte simple et texte et image*/

@media (max-width: 979px) {
  .image_et_texte .container {
    padding-top: var(--gap-s);
    padding-bottom: var(--gap-s);
  }
}
@media (min-width: 980px) and (max-width: 1439px) {
  .image_et_texte .container {
    padding: var(--gap-m);
  }
}
@media (min-width: 1440px) {
  .image_et_texte .container {
    width: 1440px;
    padding: var(--gap-m) var(--gap-l);
  }
}
@media (max-width: 639px) {
  .image_et_texte .container {
    width: 100%;
    padding-left: calc(10 / 320 * 100%);
    padding-right: calc(10 / 320 * 100%);
  }
}
@media (min-width: 640px) and (max-width: 979px) {
  .image_et_texte .container .bloc-texte-image-inte {
    width: 620px;
    margin: 0 auto;
    max-width: calc(100% - 2 * var(--gap-m));
  }
}
/* changer x vers primary etc ? */

@media (min-width: 1200px) {
  .texte_simple .container.centre {
    width: calc(840px + 2 * var(--gap-l));
  }
}

/* section texte et image */
section.image_et_texte.fond_simple .rounded {
  border-radius: 15px;
  border: 4px solid var(--primary);
}

section.image_et_texte.fond_simple.rouge .rounded {
  border: 4px solid var(--rouge);
}

.bloc-texte-image-inte {
  position: relative;
  z-index: 1;
}
/*Homepage*/

/* Header Section */
.home section {
  margin: 0;
  position: relative;
  overflow: visible;
  background-attachment: fixed;
}
.home section > .container {
  padding: 0;
}
.home section:not(#entete_home) {
  position: relative;
  transform: translateY(20px);
  margin-top: -20px;
}
.home section#titles_intro {
  transform: translateY(0px);
}

#entete_home {
  background: var(--noir);
  border-radius: 0rem 0rem var(--Corners-corner, 1.25rem)
    var(--Corners-corner, 1.25rem);
  z-index: 7;
}

#titles_intro {
  background: var(--bleu);
  border-radius: 0rem 0rem var(--gap-s, 1.25rem) var(--gap-s, 1.25rem);
  z-index: 6;
}
#qui-sommes-nous {
  background: var(--blanc);
  border-radius: 0rem 0rem var(--gap-s, 1.25rem) var(--gap-s, 1.25rem);
  overflow: hidden;
  z-index: 5;
}
#chiffres-cles {
  background: var(--noir);
  z-index: 4;
  border-radius: 0rem 0rem var(--Corners-corner, 1.25rem)
    var(--Corners-corner, 1.25rem);
}
#vision {
  z-index: 3;
  background: var(--blanc);
  border-radius: 0rem 0rem var(--Corners-corner, 1.25rem)
    var(--Corners-corner, 1.25rem);
}
#vision_bleue {
  position: relative;
}
#vision_bleue:before {
  background: var(--bleu);
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 200vw;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1;
  border-radius: 0rem 0rem var(--gap-s, 1.25rem) var(--gap-s, 1.25rem);
}

#activites {
  background: #eaecf4;
  border-radius: 0rem 0rem var(--gap-s, 1.25rem) var(--gap-s, 1.25rem);
  z-index: 2;
}
#rejoignez-nous {
  background: var(--bleu);
  border-radius: 0rem 0rem var(--gap-s, 1.25rem) var(--gap-s, 1.25rem);
  z-index: 1;
}

main {
  position: relative;
  z-index: 2;
}
footer {
  position: relative;
  z-index: 1;
}

#titles_intro h1 {
  margin-top: 0;
  margin-bottom: 0;
}

#home_ente_tetitles {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--Colors-blanc, #fff);
  text-align: center;
  font-family: "Big Shoulders";
  font-size: var(--fs-fs-h2, 5rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--fs-lh-h2, 5.125rem); /* 102.5% */
  text-transform: uppercase;
  width: 67rem;
  max-width: 100%;
}
#home_ente_tetitles .titre_home {
  padding: var(--gap-xs, 0.625rem) var(--gap-s, 1.25rem);
  border-radius: var(--Corners-corner, 1.25rem);
  background: rgba(29, 28, 254, 0.5);
  margin: 0 20px;
}
#image_home {
}
.titre_home {
  display: none;
}
.titre_home:first-child {
  display: block;
}
/* Title Section */
#titles_intro .container {
  display: flex;
  padding: var(--gap-l) var(--gap-l) calc(0.5 * var(--gap-l)) var(--gap-l);
  flex-direction: column;
  align-items: center;
  gap: var(--gap-m, 3.125rem);
  align-self: stretch;
  border-radius: 0rem 0rem var(--Corners-corner, 1.25rem)
    var(--Corners-corner, 1.25rem);
  background: var(--Colors-bleu, #1d1cfe);
}
#titre_home_grand {
  color: var(--Colors-blanc, #fff);
  text-align: center;
  font-family: "Big Shoulders";
  font-size: var(--fs-fs-h1, 7.5rem);
  font-style: normal;
  font-weight: 900;
  line-height: var(--fs-lh-h1, 6.875rem); /* 91.667% */
  text-transform: uppercase;
}
#titre_home_petit {
  color: var(--Colors-blanc, #fff);
  text-align: center;
  font-family: var(--Fonts-title, "Big Shoulders");
  font-size: var(--fs-fs-h2, 5rem);
  font-style: normal;
  font-weight: 900;
  line-height: calc(1.1 * var(--fs-lh-h2, 5.125rem)); /* 102.5% */
  text-transform: uppercase;
  display: block;
  width: 60%;
  margin: 0 auto;
}
#titre_home_petit img {
  border-radius: var(--Corners-corner, 1.25rem);
  width: auto;
  height: 0.9em;
}
#titre_home_tout_petit {
  display: block;
  color: var(--Colors-blanc, #fff);
  text-align: center;
  font-family: "Big Shoulders";
  font-size: var(--fs-fs-h3, 2.5rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--fs-lh-h3, 2.625rem); /* 105% */
  text-transform: uppercase;
}
#home_titre_date:after {
  content: " - ";
  margin-right: 0em;
}
#home_titre_adresse {
  background: url("../images/custom/pin.svg") no-repeat left center / contain;
  padding-left: 1.1em;
}
.image_titre {
  display: inline-block;
}

/* About Us Section */
#qui-sommes-nous .container {
  background: white;
  color: var(--bleu);
  border-radius: 0rem 0rem var(--Corners-corner, 1.25rem)
    var(--Corners-corner, 1.25rem);
}
#contenu_qui_home {
}
#image_qui_home {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  flex-wrap: wrap;
}
#image_qui_home img {
  width: 100%;
  display: block;
  object-fit: cover;
}
#contenu_qui_home {
  padding: var(--gap-l);
}
#contenu_qui_home h2 {
  color: var(--Colors-bleu, #1d1cfe);
  font-family: var(--Fonts-title, "Big Shoulders");
  margin-bottom: 0;
  font-size: var(--fs-fs-h2, 5rem);
  font-style: normal;
  font-weight: 900;
  line-height: var(--fs-lh-h2, 5.125rem); /* 102.5% */
  text-transform: uppercase;
}
#contenu_qui_home .partie_texte p {
  color: var(--Colors-bleu, #1d1cfe);
  font-family: var(--Fonts-font-paragraphe, "DM Sans");
  font-size: var(--Size-font-fs-h4, 30px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Size-font-lh-h4, 32px);
}
#contenu_qui_home .partie_texte p:first-child {
  text-transform: uppercase;
}
#entete_home .container {
  width: 100%;
}
@media (min-aspect-ratio: 16/9) {
  #home_ente_tetitles {
    font-size: 5vh;
    line-height: 5vh;
  }
}
#titre_home {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
  height: auto;
}
#image_home {
  width: 100%;
  display: block;
  position: relative;
  z-index: 0;
  aspect-ratio: 1280 / 560;
  object-fit: cover;
  min-height: 270px;
  max-height: calc(100vh - 16rem);
}
@media (max-width: 979px) {
  #titles_intro .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #titre_home_grand {
    font-size: 3.2rem;
    line-height: 100%;
  }
  #titre_home_petit {
    width: 100%;
    font-size: 0.65em;
    line-height: 103%;
  }

  #titre_home_petit {
    margin-top: 0.5em;
  }
  #titre_home_tout_petit {
    margin-top: 0.5em;
  }
  #contenu_qui_home h2 {
    font-size: var(--fs-fs-h3);
    line-height: var(--fs-lh-h3);
  }
  #contenu_qui_home .partie_texte p {
    font-size: var(--fs-fs-h4);
    line-height: var(--fs-lh-h4);
  }
}
@media (min-width: 980px) {
}

@media (min-width: 980px) and (max-width: 1439px) and (min-height: 700px) {
  #titre_home_grand {
    font-size: 60px;
    line-height: 60px;
  }
  #titre_home_petit {
    font-size: 50px;
    line-height: 53px;
    width: 100%;
  }
  #titre_home_tout_petit {
    font-size: 34px;
    line-height: 34px;
  }
  #contenu_qui_home h2 {
    font-size: var(--fs-fs-h2);
    line-height: var(--fs-lh-h2);
  }
  #contenu_qui_home .partie_texte p {
    font-size: var(--fs-fs-h3);
    line-height: var(--fs-lh-h3);
  }
}

@media (min-width: 980px) and (max-width: 1439px) and (max-height: 699px) {
  #titre_home_grand {
    font-size: 50px;
    line-height: 50px;
  }
  #titre_home_petit {
    font-size: 40px;
    line-height: 42px;
  }
  #titre_home_tout_petit {
    font-size: 24px;
    line-height: 24px;
  }
  #contenu_qui_home h2 {
    font-size: 30px;
    line-height: 33px;
  }
  #contenu_qui_home .partie_texte p {
    font-size: 24px;
    line-height: 25px;
  }
}

/* Key Figures Section */
#chiffres-cles .container {
  border-radius: 0rem 0rem var(--gap-s, 1.25rem) var(--gap-s, 1.25rem);
  background: var(--Colors-gris, #16161b);
  display: flex;
  padding: var(--gap-l, 6.25rem) !important;

  align-items: stretch;
}
#chiffres-cles .container h2 {
  margin: 0;
  color: var(--Colors-blanc, #fff);
  font-family: var(--Fonts-title, "Big Shoulders");
  font-size: var(--fs-fs-h2, 5rem);
  font-style: normal;
  font-weight: 900;
  line-height: var(--fs-lh-h2, 5.125rem); /* 102.5% */
  text-transform: uppercase;
}
#image_chiffres_cles {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
}

#image_chiffres_cles img {
  width: 100%;
  display: block;
  border-radius: var(--Corners-corner, 1.25rem);
}
#chiffres_qui_home {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  flex: 1 0 0;
  gap: 0;
}

.chiffre_container {
  display: flex;
  padding: var(--gap-s, 1.25rem);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  width: 50%;
}
.chiffre_container:first-child {
  border-radius: var(--Corners-corner, 1.25rem) 0rem 0rem 0rem;
  border: 1px solid var(--Colors-blanc, #fff);
  color: var(--blanc);
}
.chiffre_container:nth-child(2) {
  border-radius: 0rem var(--Corners-corner, 1.25rem) 0rem 0rem;
  border: 1px solid var(--Colors-blanc, #fff);
  background: var(--Colors-vert, #6bb543);
  color: var(--blanc);
}
.chiffre_container:nth-child(3) {
  border-radius: 0rem 0rem 0rem var(--Corners-corner, 1.25rem);
  border: 1px solid var(--Colors-blanc, #fff);
  background: var(--Colors-bleu, #1d1cfe);
  color: var(--blanc);
}
.chiffre_container:nth-child(4) {
  border-radius: 0rem 0rem var(--Corners-corner, 1.25rem) 0rem;
  border: 1px solid var(--Colors-blanc, #fff);
  background: var(--Colors-blanc, #fff);
  color: var(--gris);
}
.chiffre {
  text-align: center;
  font-family: var(--Fonts-title, "Big Shoulders");
  font-size: var(--fs-fs-h2, 5rem);
  font-style: normal;
  font-weight: 900;
  line-height: var(--fs-lh-h2, 5.125rem); /* 102.5% */
  text-transform: uppercase;
}
.chiffre_container .chiffre + p {
  text-align: center;
  font-family: var(--Fonts-title, "Big Shoulders");
  font-size: var(--fs-fs-h4, 1.875rem);
  font-style: normal;
  font-weight: 900;
  line-height: 101%; /* 106.667% */
  text-transform: uppercase;
  margin: 0;
}
.chiffre_container .chiffre + p span {
  display: block;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1rem;
  text-transform: uppercase;
  margin-top: 0.5em;
}
/* Vision Section */
#vision .container {
  border-radius: var(--Corners-corner, 1.25rem);
  background: var(--Colors-blanc, #fff);
}
#vision_bleue {
  background: var(--bleu);
  color: var(--blanc);
  display: flex;
  padding: calc(0.8 * var(--gap-l, 6.25rem)) var(--gap-l, 6.25rem)
    var(--gap-m, 3.125rem) var(--gap-l, 6.25rem);
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: stretch;
  position: relative;
  z-index: 1;
}
#vision_bleue h2 {
  color: var(--Colors-blanc, #fff);
  font-family: var(--Fonts-title, "Big Shoulders");
  font-size: var(--fs-fs-h2, 5rem);
  font-style: normal;
  font-weight: 900;
  line-height: var(--fs-lh-h2, 5.125rem); /* 102.5% */
  text-transform: uppercase;
  margin: 0;
  /*! display: flex; */
  /*! gap: 0.2em; */
}
#vision_bleue h2 img {
  display: inline-block;
}
#vision_bleue p {
  color: var(--Colors-blanc, #fff);
  font-family: var(--Fonts-font-paragraphe, "DM Sans");
  font-size: var(--fs-fs-h4, 1.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--fs-lh-h4, 2rem); /* 106.667% */
  text-transform: uppercase;
  margin: 0;
}
#image_verticale {
  display: flex;
  position: relative;
}
#image_verticale img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.image_vision {
  display: inline-block;
  vertical-align: middle;
}
.image_vision img {
  height: 1em;
  width: auto;
}
.text_vision {
}
.image_vision_verticale {
}

/* FLO Group Section */
#flo {
  display: flex;
  width: 26.4375rem;
  padding: var(--gap-m, 3.125rem) var(--gap-m, 3.125rem) var(--gap-m, 3.125rem)
    var(--gap-l, 6.25rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-xs, 0.625rem);
}
.titre_groupement_flo {
  font-family: var(--Fonts-font-paragraphe, "DM Sans");
  font-size: var(--fs-fs-h4, 1.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: calc(32 / 30); /* 106.667% */
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 0;
}
.texte_groupement_flo {
}
.logo_item {
  width: 46%;
}
#flo .bouton {
  display: flex;
  width: auto;
  padding: var(--gap-xs, 0.625rem) var(--gap-m, 3.125rem);
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: var(--Corners-corner, 1.25rem);
  border: 2px solid #ef3024;
  background: var(--Colors-blanc, #fff);
  color: #ef3024;
  text-align: center;
  font-family: "Big Shoulders";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem; /* 91.667% */
  text-transform: uppercase;
}

/* Environment Section */
#environnement {
  display: flex;
  padding: var(--gap-m, 3.125rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-xs, 0.625rem);
  flex: 1 0 0;
  align-self: stretch;
  background: var(--Colors-vert, #6bb543);
  color: var(--blanc);
}
.titre_environnement_1 {
  font-family: var(--Fonts-font-paragraphe, "DM Sans");
  font-size: var(--fs-fs-h4, 1.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: calc(32 / 30); /* 106.667% */
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 0;
}
.logos_environnement {
}
.logo_env_item {
}
.texte_environnement {
}

/* Activities Section */

#activites .container {
  display: flex;
  padding: var(--gap-m);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--gap-m, 3.125rem);
  align-self: stretch;
  border-radius: 0rem 0rem var(--Corners-corner, 1.25rem)
    var(--Corners-corner, 1.25rem);
  background: var(--Colors-gris-bleu, #eaecf4);
  color: var(--bleu);
}
#activites .container h2 {
  margin: 0;
  color: var(--Colors-bleu, #1d1cfe);
  font-family: var(--Fonts-title, "Big Shoulders");
  font-size: var(--fs-fs-h2, 5rem);
  font-style: normal;
  font-weight: 900;
  line-height: var(--fs-lh-h2, 5.125rem); /* 102.5% */
  text-transform: uppercase;
}
#activites .container h3 {
  color: var(--Colors-bleu, #1d1cfe);
  font-family: var(--Fonts-font-paragraphe, "DM Sans");
  font-size: var(--fs-fs-h4, 1.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: 106%; /* 106.667% */
  text-transform: uppercase;
  margin-top: 0;
}

@media (max-width: 1439px) {
  #activites .container h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 103%;
  }
}
.activites_container {
  gap: var(--gap-m) calc(2 * var(--gap-m));
  --space-h: calc(2 * var(--gap-m));
}
.activite_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: var(--Corners-corner, 1.25rem);
  background: var(--Colors-blanc, #fff);
  gap: 0;
  position: relative;
}
@media (min-width: 980px) {
  #activites .container {
    padding: var(--gap-l);
  }
  .activite_item:nth-child(2n + 1):after {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background: var(--bleu);
    position: absolute;
    top: 0;
    left: calc(100% + var(--gap-m));
    z-index: 1;
  }
}

.image_activite {
}
.image_activite img {
  border-radius: var(--Corners-corner, 1.25rem) var(--Corners-corner, 1.25rem)
    0rem 0rem;
  width: 100%;
  display: block;
  object-fit: cover;
  overflow: hidden;
}
.texte_activite {
  display: flex;
  padding: var(--gap-m, 3.125rem);
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  align-self: stretch;
  border-radius: 0 0 var(--Corners-corner, 1.25rem)
    var(--Corners-corner, 1.25rem);
  border: 1px solid var(--Colors-bleu, #1d1cfe);
  border-width: 0 1px 1px 1px;
  flex-grow: 1;
}
.texte_activite h3 {
  margin: 0;
}
.texte_activite p,
.texte_activite ul {
  margin: 0 0 1em 0;
}
.texte_activite p + ul {
  margin: -1em 0 1em 0;
}
/* Join Us Section */
#rejoignez-nous .container {
  border-radius: 0rem 0rem var(--Corners-corner, 1.25rem)
    var(--Corners-corner, 1.25rem);
  background: #1d1cfe;
  -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.2);
  color: var(--blanc);
}
.image_rejoindre {
  display: flex;
  justify-content: stretch;
  align-self: stretch;
}
.image_rejoindre img {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: 0rem 0rem 0rem var(--Corners-corner, 1.25rem);
}
.contenu_rejoindre {
  display: flex;
  padding: var(--gap-l, 6.25rem);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.625rem;
  flex: 1 0 0;
}
.titre_rejoignez_nous_1 {
  margin: 0;
}
.titre_rejoignez_nous_2 {
  color: var(--Colors-blanc, #fff);
  font-family: var(--Fonts-font-paragraphe, "DM Sans");
  font-size: var(--fs-fs-paragraphe, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--fs-lh-paragraphe, 1.25rem); /* 125% */
  text-transform: uppercase;
  margin: 0;
}
.titre_rejoignez_nous_3 {
  color: var(--Colors-blanc, #fff);
  font-family: var(--Fonts-font-paragraphe, "DM Sans");
  font-size: var(--fs-fs-h4, 1.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: calc(32 / 30); /* 106.667% */
  text-transform: uppercase;
  margin: 0;
}
.reseaux_sociaux {
  gap: 0.62rem;
}
.rs_btn {
  width: 5.625rem;
  height: 5.625rem;
}
.linkedin {
  background: url("../images/custom/linkedin.svg") no-repeat center / contain;
}
.facebook {
  background: url("../images/custom/facebook.svg") no-repeat center / contain;
}

a.bouton.postule {
  display: flex;
  padding: var(--gap-xs, 0.625rem) var(--gap-m, 3.125rem);
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-radius: var(--Corners-corner, 1.25rem);
  border: 2px solid var(--Colors-blanc, #fff);
  background: var(--Colors-bleu, #1d1cfe);
  color: var(--Colors-blanc, #fff);
  text-align: center;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem; /* 91.667% */
  text-transform: uppercase;
}

@media (max-width: 1439px) {
  #chiffres-cles .container h2,
  #vision_bleue h2,
  #activites .container h2,
  #site-footer .container h2 {
    margin-top: 1em;
  }
}