/*** RESET
  The new CSS reset - version 1.8.4 (last updated 14.2.2023)
  GitHub page: https://github.com/elad2412/the-new-css-reset
***/

*:where(
    :not(html, iframe, canvas, img, svg, video, audio, input):not(
        svg *,
        symbol *
      )
  ) {
  all: unset;
  display: revert;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
a,
button {
  cursor: revert;
}
ol,
ul,
menu {
  list-style: none;
}
img {
  max-inline-size: 100%;

  max-block-size: 100%;
}
table {
  border-collapse: collapse;
}
input,
textarea {
  -webkit-user-select: auto;
}
textarea {
  white-space: revert;
}
meter {
  -webkit-appearance: revert;
  appearance: revert;
}
:where(pre) {
  all: revert;
}
::placeholder {
  color: unset;
}
::marker {
  content: initial;
}
:where([hidden]) {
  display: none;
}
:where([contenteditable]:not([contenteditable="false"])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}
:where([draggable="true"]) {
  -webkit-user-drag: element;
}
:where(dialog:modal) {
  all: revert;
}
/* RESPONSIVE */
img,
video {
  max-inline-size: 100%;
  block-size: auto;
  inline-size: 100%;
  vertical-align: middle;
}
img,
video,
iframe {
  max-inline-size: 100%;
  block-size: auto;
}
/* --------------------------------------------------------------------- */
@font-face {
  font-family: "montserrat";
  src: url("../fonts/Montserrat-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "montserrat";
  src: url("../fonts/Montserrat-Italic-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
}
:root {
  --padunit: 2.083vw; /* 1/48 */
  --padunit-mobile: 10.67vw; /* 1/48 */
  --pdlr-colbase: 2; /* marge colonne page (1 colonne) */
  --pdtb-colbase: 3.625; /* marge colonne page (1 colonne) */
  --coef_marge_verti: 3;
  --grille-gap: calc(40vw / 375 * 100);
  --grille1col: calc(110vw / 375 * 100);
  --font: "montserrat", sans-serif;
  --extrabold: 800;
  --bold: 700;
  --semibold: 600;
  --medium: 500;
  --regular: 400;
  --light: 300;
  --black: #000000;
  --white: #ffffff;
  --gris: #37352f;
  --vert: #005a55;
  --jaune: #ffca00;
  --gris-clair: #f5f5f4;
  /*--rouge: #5a0f00;*/
  --rouge: #9b1a00;
  --custom-ease: cubic-bezier(0.7, 0, 0.3, 1);
  --sb-track-color: #37352f;
  --sb-thumb-color: #ebebeb;
  --sb-size: 5px;
}

@media (min-width: 480px) {
  :root {
    --coef_marge_verti: 1;
  }
}

@media (min-width: 640px) {
  :root {
    /* 12 colonnes 1920px */
    --padunit: calc(40vw / 1920 * 100);
    --grille-gap: calc(10vw / 1920 * 100);
    --grille1col: calc(100vw / 1920 * 100);
    --coef_marge_verti: 1;
  }
}

* {
  --responsive: calc(
    (var(--min) * 1px) + (var(--max) - var(--min)) *
      ((100vw - 320px) / (1920 - 320))
  );
}

/* PADDING */
.pdtb {
  padding-top: calc(var(--padunit) * var(--pdlr-colbase));
  padding-bottom: calc(var(--padunit) * var(--pdlr-colbase));
}
.pdlr {
  padding-left: calc(var(--padunit) * var(--pdlr-colbase));
  padding-right: calc(var(--padunit) * var(--pdlr-colbase));
}
@media (max-width: 640px) {
  .pdlr {
    padding-left: calc(var(--padunit-mobile) / 2);
    padding-right: calc(var(--padunit-mobile) / 2);
  }
}
.sommaire-outils__main.pt--header {
  padding-top: calc(var(--padunit) * 1 + var(--pt-header));
}

.pt--header {
  padding-top: calc(var(--padunit) * 1.75 + var(--pt-header));
}

@media (max-width: 980px) {
  .pt--header {
    padding-top: calc(var(--padunit-mobile) * 0.5 + var(--pt-header));
  }

  .sommaire-outils__main.pt--header {
    padding-top: calc(var(--padunit-mobile) * 0.5 + var(--pt-header));
  }
}
@media (max-width: 640px) {
  .pt--header {
    padding-top: calc(var(--padunit-mobile) * 1 + var(--pt-header));
  }
  .sommaire-outils__main.pt--header {
    padding-top: calc(var(--padunit-mobile) * 1 + var(--pt-header));
  }
}
/* PADDING TOP */
.pt_05 {
  padding-top: calc(var(--padunit) * 0.5);
}
.pt_1 {
  padding-top: calc(var(--padunit) * var(--coef_marge_verti));
}
.pt_1--05 {
  padding-top: calc(var(--padunit) * 1.5);
}
.pt_2 {
  padding-top: calc(var(--padunit) * 2);
}
.pt_3 {
  padding-top: calc(var(--padunit) * 3);
}
.pt_3--075 {
  padding-top: calc(var(--padunit) * 3.75);
}
.pt_4 {
  padding-top: calc(var(--padunit) * 4);
}
.pt_4--05 {
  padding-top: calc(var(--padunit) * 4.5);
}
.pt_5 {
  padding-top: calc(var(--padunit) * 5);
}
.pt_6 {
  padding-top: calc(var(--padunit) * 6);
}
.pt_1em {
  padding-top: 1em;
}
.pt_2em {
  padding-top: 2em;
}
.pt_3em {
  padding-top: 3em;
}
/* PADDING BOTTOM */
.pb_05 {
  padding-bottom: calc(var(--padunit) * 0.5);
}
.pb_1 {
  padding-bottom: calc(var(--padunit) * 1);
}
.pb_1--05 {
  padding-bottom: calc(var(--padunit) * 1.5);
}
.pb_2 {
  padding-bottom: calc(var(--padunit) * 2);
}
.pb_3 {
  padding-bottom: calc(var(--padunit) * 3);
}
.pb_3--05 {
  padding-bottom: calc(var(--padunit) * 3.5);
}
.pb_4 {
  padding-bottom: calc(var(--padunit) * 4);
}
.pb_4--05 {
  padding-bottom: calc(var(--padunit) * 4.5);
}
.pb_5 {
  padding-bottom: calc(var(--padunit) * 5);
}
.pb_6 {
  padding-bottom: calc(var(--padunit) * 6);
}
.pb_6--05 {
  padding-bottom: calc(var(--padunit) * 6.5);
}
/* PADDING LEFT */
.pl_05 {
  padding-left: calc(var(--padunit) * 0.5);
}
.pl_1 {
  padding-left: calc(var(--padunit) * 1);
}
.pl_2 {
  padding-left: calc(var(--padunit) * 2);
}
.pl_3 {
  padding-left: calc(var(--padunit) * 3);
}
.pl_4 {
  padding-left: calc(var(--padunit) * 4);
}
.pl_5 {
  padding-left: calc(var(--padunit) * 5);
}
/* PADDING RIGHT */
.pr_1 {
  padding-right: calc(var(--padunit) * 1);
}
.pr_2 {
  padding-right: calc(var(--padunit) * 2);
}
.pr_3 {
  padding-right: calc(var(--padunit) * 3);
}
.pr_4 {
  padding-right: calc(var(--padunit) * 4);
}
.pr_5 {
  padding-right: calc(var(--padunit) * 5);
}
/*  MARGINS */

/* MARGIN TOP */
.mt_5 {
  margin-top: calc(var(--padunit) * 5);
}
/* MARGIN BOT */
.mb_5 {
  margin-bottom: calc(var(--padunit) * 5);
}
.mb_8 {
  margin-bottom: calc(var(--padunit) * 8);
}
/* SETUP */

body {
  font-family: var(--font);
  font-size: clamp(1rem, 0.8331rem + 0.712vw, 1.6875rem);
  background-color: var(--white);
  color: var(--gris);
  overflow-x: hidden;
}

.no-scroll {
  overflow: hidden;
}

.section100 {
  height: 100vh;
  width: 100%;
}

.header.hidden,
.header--mobile.hidden {
  transform: translateY(-100%);
}

.uppercase {
  text-transform: uppercase;
}

.svg--white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%)
    hue-rotate(330deg) brightness(106%) contrast(104%) !important;
}

.svg--black {
  filter: brightness(0) saturate(100%) invert(0%) sepia(90%) saturate(20%)
    hue-rotate(222deg) brightness(94%) contrast(100%);
}

.color--white {
  color: var(--white) !important;
}

.color--yellow {
  color: var(--jaune) !important;
}

.color--green {
  color: var(--vert) !important;
}

.color--black {
  color: var(--gris);
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--padunit) * 2);
}

.voir6item .grid-item {
  display: none;
}
.voir6item .grid-item:nth-child(1),
.voir6item .grid-item:nth-child(2),
.voir6item .grid-item:nth-child(3),
.voir6item .grid-item:nth-child(4),
.voir6item .grid-item:nth-child(5),
.voir6item .grid-item:nth-child(6) {
  display: block;
}
.article-card__voirplus {
  display: none;
}
.voir6item .article-card__voirplus {
  display: block;
}
.voir6item .article-card__voirmoins {
  display: none;
}
.article-card__voirmoins {
  display: block;
}
.grid-3--2 {
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 1100px) {
  .grid-3 {
    grid-template-columns: repeat(2, 1fr);

    gap: calc(var(--padunit) * 2);
  }
}

@media (max-width: 800px) {
  .grid-3 {
    grid-template-columns: repeat(2, 1fr);

    gap: calc(var(--padunit-mobile) * 0.5);

    padding: 0 calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 640px) {
  .grid-3 {
    grid-template-columns: repeat(1, 1fr);

    gap: calc(var(--padunit-mobile) * 1);

    padding: 0 calc(var(--padunit-mobile) * 0.5);
  }
}

.grid-4 {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: calc(var(--padunit) * 0.5);
}

@media (max-width: 1250px) {
  .grid-4 {
    grid-template-columns: repeat(3, 1fr);

    gap: calc(var(--padunit) * 2);
  }
}

@media (max-width: 800px) {
  .grid-4 {
    grid-template-columns: repeat(2, 1fr);

    gap: calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 640px) {
  .grid-4 {
    grid-template-columns: repeat(2, 1fr);

    gap: calc(var(--padunit-mobile) * 1);
  }
}

@media (max-width: 500px) {
  .grid-4 {
    grid-template-columns: repeat(1, 1fr);

    gap: calc(var(--padunit-mobile) * 1);
  }
}

.outils__gall__titcat {
  display: flex;
  gap: 1em;
  align-items: center;
  margin-top: 2.5em;
  font-weight: var(--extrabold);
  color: var(--jaune);
  text-transform: uppercase;
}
.outils__gall__titcat--vert {
  color: var(--vert);
}
.outils__gall__titcat img {
  width: 2.5em;
}

.bouton,
.btnarr {
  text-transform: uppercase;

  padding: 1em;

  border-radius: 0px 0px 0px 0.59em;

  font-weight: var(--bold);

  display: inline-block;

  font-size: 0.65em;

  white-space: nowrap;

  transition: all 0.3s ease-in-out;

  cursor: pointer;
}

.bouton--yellow {
  background-color: var(--jaune);

  color: var(--vert);

  transition: all 0.3s ease-in-out;
}

.bouton:hover {
  background-color: var(--gris);

  color: var(--white);
}

.bouton--green,
.btnarr {
  background-color: var(--vert);

  color: var(--white);

  transition: all 0.3s ease-in-out;
}

.bouton--mt {
  margin-top: 2em;
}

/***CONTENTBUILD***/

#contentarea {
  margin: 0 2em;
}

.contentbuild__content {
  padding-bottom: 4em;
}

.contentbuild {
  margin-left: calc(var(--padunit) * 2);
  margin-right: calc(var(--padunit) * 2);
}

.contentbuild p,
.contentbuild ul,
.contentbuild ol {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);

  margin-bottom: 0.25em;

  margin-top: 0.75em;

  line-height: 1.5;
}

.contentbuild b,
.contentbuild strong {
  font-weight: var(--bold);
}

.contentbuild ul {
  list-style: none;

  margin: 0 0 0.75em 0;

  list-style: disc;

  margin-left: 1em;
}

.contentbuild ul li {
  padding-left: 0;
  padding-bottom: 0.5em;
}

.contentbuild ol {
  list-style: decimal;

  margin-left: 1em;

  margin-bottom: 0.75em;
}

.contentbuild a {
  color: #37352f;

  text-decoration: none;

  border-bottom: 1px solid rgba(35, 35, 44, 0.5);

  transition: border-bottom 0.3s ease;
}

.contentbuild a:hover {
  text-decoration: none;

  border-bottom: 1px solid rgba(35, 35, 44, 1);
}

.contentbuild h2,
.contentbuild h3 {
  margin-top: 1.5em;
}

.block__100,
.block__57,
.block__53,
.block__50,
.block__47,
.block__43,
.block__33,
.block__txtmax {
  padding-top: 1.5em;
}

@media (min-width: 900px) {
  .block {
    display: flex;
  }

  .contentbuild {
    margin-left: calc(var(--padunit) * 0.5);

    margin-right: calc(var(--padunit) * 0.5);
  }

  .block p:first-child,
  .block h2:first-child,
  .block h3:first-child {
    margin-top: 0;
  }

  .block > div p:last-child,
  .block > div h2:last-child,
  .block div h3:last-child {
    margin-bottom: 0;
  }

  .block__100,
  .block__75,
  .block__67,
  .block__57,
  .block__53,
  .block__50,
  .block__47,
  .block__43,
  .block__33,
  .block__25,
  .block__txtmax {
    padding: calc(var(--padunit) * 1.5);

    padding-bottom: 0;
  }

  .block__100 {
    width: 100%;
  }

  .block__67 {
    width: 66.6667%;
  }

  .block__75 {
    width: 75%;
  }

  .block__53 {
    width: 53%;
  }

  .block__57 {
    width: 57%;
  }

  .block__50 {
    width: 50%;
  }

  .block__47 {
    width: 47%;
  }

  .block__43 {
    width: 43%;
  }

  .block__33 {
    width: 33.3333%;
  }

  .block__25 {
    width: 25%;
  }

  .block__inverse {
    float: right;
  }
}

@media (min-width: 1300px) {
  .contentbuild {
    
  }

  .block__100,
  .block__75,
  .block__67,
  .block__57,
  .block__53,
  .block__50,
  .block__47,
  .block__43,
  .block__33,
  .block__25,
  .block__txtmax {
    padding-bottom: 0;
  }
}

.contentbuild h1 {
  font-size: clamp(2.125rem, 1.6851rem + 1.877vw, 3.9375rem);

  text-transform: uppercase;

  font-weight: var(--bold);

  color: var(--jaune);
}

.contentbuild h2,
.contentbuild h3 {
  font-size: clamp(1.25rem, 1.1438rem + 0.4531vw, 1.6875rem);

  text-transform: uppercase;

  font-weight: var(--bold);

  color: var(--vert);

  margin-bottom: 0.75em;
}

.contentbuild h3 {
  text-transform: none;
}

/* ANIMATIONS */

.animate-in {
  -webkit-animation: fadeIn 0.7s ease-in;

  animation: fadeIn 0.7s ease-in;
}

.animate-out {
  -webkit-transition: opacity 0.5s;

  transition: opacity 0.5s;

  opacity: 0;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.js .animscroll.effecttoimg1 img,
.js .effecttoimg1 img {
  border-radius: 0;

  transition: all ease 0.75s;
}

.js .animscroll--go.effecttoimg1 img {
  border-radius: 1.2em;

  transform: matrix(1, 0, 0, 1, 0, 0);
}

.js .animscroll.imgeffect1,
.js .imgeffect1 {
  position: relative;

  overflow: hidden;

  -webkit-transform: scale(0.85);

  transform: scale(0.85);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  transition: transform 1.5s ease;
}

.js .animscroll--go.imgeffect1 {
  transform: scale(1);
}

.js .animscroll.imgeffect1 img {
  display: block;

  -webkit-transform-origin: center;

  transform-origin: center;

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  transition: transform 1.5s ease;
}

.js .animscroll--go.imgeffect1 img {
  transform: scale(1);
}

.js .animscroll.animscroll_fadeandup {
  transform: matrix(1, 0, 0, 1, 0, 60);

  opacity: 0;

  transition: all ease 1s;
}

.js .animscroll.animscroll_fadeandup--delay {
  transition-delay: 1s;
}

.js .animscroll--go.animscroll_fadeandup {
  transform: matrix(1, 0, 0, 1, 0, 0);

  opacity: 1;
}

/* EDITOR */

.editor__container--xs {
  width: 23.3%;
}

.editor__container--s {
  width: 31.8%;
}

.editor__container--m {
  width: 40.3%;
}

.editor__container--l {
  width: 50%;
}
.editor__container--l--2 {
  width: 65%;
}

@media (max-width: 1100px) {
  .editor__container--l {
    width: 75%;
  }
}

@media (max-width: 640px) {
  .editor__container--l {
    width: 100%;
  }
}

.editor__container--l p,
.editor__container--m p,
.editor__container--s p,
.editor__container--xs p {
}

.editor p:empty {
  display: none;
}

.editor p,
.editor ul,
.editor ol {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);

  margin-bottom: 1em;

  line-height: 1.5;
}

.editor--fich p,
.editor--fich ul {
  font-size: 0.75em;
}

.editor--fich a {
  text-decoration: underline;
}

.editor h2,
.editor .h2 {
  font-size: clamp(1.25rem, 1.1438rem + 0.4531vw, 1.6875rem);

  text-transform: uppercase;

  font-weight: var(--bold);

  margin-bottom: calc(var(--padunit) * 1);

  color: var(--vert);
}

.editor h2 em {
  color: var(--black);
}

.editor--fich h2,
.editor--fich .h2 {
  font-size: 1.25em;

  margin-top: 1.25em;

  margin-bottom: 0.5em;

  font-weight: var(--semibold);

  color: var(--vert);

  text-transform: none;
}

.editor h3,
.editor .h3,
.editor--fich h3 {
  font-size: 0.75em;
  margin-top: 1.25em;
  margin-bottom: 0.5em;
  font-weight: var(--bold);
  text-transform: uppercase;
}

.editor h4,
.editor .h4,
.editor--fich h4 {
  font-size: 0.75em;
  margin-top: 1.25em;
  margin-bottom: 0.5em;
  font-weight: var(--semibold);
  text-transform: uppercase;
}

.editor a:not(.bouton, .btnarr) {
  text-decoration: underline;
}

.editor--contact h2,
.editor--contact .h2 {
  font-size: 1.5em;

  margin-top: 1.25em;

  margin-bottom: 0.5em;

  font-weight: var(--semibold);

  color: var(--jaune);

  text-transform: none;
}

.editor--marq h2,
.editor--marq h3 {
  font-size: clamp(1.25rem, 0.9818rem + 1.1442vw, 2.8125rem);

  font-weight: var(--bold);

  text-transform: none;
}

.editor--marq h3 {
  margin-top: 0;

  color: var(--vert);
}

.editor--rse h3 {
  font-size: 1em;

  text-transform: uppercase;

  margin-top: 1em;
}

.editor--marq img {
  border-radius: 0 0 0 5em;
}

.editor--rse img {
  border-radius: 0;
}

.editor--contact h3,
.editor .h3,
.editor--contact h3 {
  font-size: 1.25em;

  margin-top: 1.25em;

  margin-bottom: 0.5em;

  font-weight: var(--semibold);

  color: var(--gris);

  text-transform: none;
}

.editor--contact a:not(.btnarr) {
  border-color: solid var(--gris) 1px;
}
/*
.editor h4 {
  font-weight: var(--bold);
  color: var(--vert);
  font-size: clamp(1.25rem, 1.1438rem + 0.4531vw, 1.6875rem);
}
*/

.editor ul {
  list-style: disc;

  padding-left: 1em;

  margin-bottom: 0.75em;
}

.editor ul li {
}

.editor strong {
  font-weight: var(--bold);
}

.editor .noradius img {
  border-radius: 0;
}

@media (min-width: 600px) {
  .imgsmall_g .imgmultiins {
    text-align: left;
  }

  .imgsmall_g .imgmultiins img {
    max-width: 600px;

    max-height: 600px;

    width: auto;
  }

  .imgsmall_c .imgmultiins {
    text-align: center;
  }

  .imgsmall_c .imgmultiins img {
    max-width: 600px;

    max-height: 600px;

    width: auto;
  }

  .imgsmall_r .imgmultiins {
    text-align: right;
  }

  .imgsmall_r .imgmultiins img {
    max-width: 600px;

    max-height: 600px;

    width: auto;
  }
}

.editor--med p {
  font-size: 1em;
}

.editor--big a {
  font-size: 1.33em;

  line-height: 150%;

  font-weight: var(--bold);

  font-family: var(--poppins);
}

.editor-tit .tit--med {
  margin-bottom: calc(var(--padunit));
}

@media (max-width: 980px) {
  .editor-tit .tit--med {
    margin-bottom: calc(var(--padunit-mobile) * 0.25);
  }
}

@media (max-width: 640px) {
  .editor-tit .tit--med {
    margin-bottom: calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 450px) {
  .editor-tit .tit--med {
    margin-bottom: calc(var(--padunit-mobile) * 0.75);
  }
}

.editorblock50 {
  display: flex;
}

.editorblock50__1 {
  width: 50%;

  padding-right: 1em;
}

.editorblock50__2 {
  width: 50%;

  padding-left: 1em;
}

.tit {
  font-size: clamp(1.25rem, 0.8404rem + 1.7476vw, 2.9375rem);

  text-transform: uppercase;

  font-weight: var(--extrabold);

  color: var(--vert);
}

.tit--med {
  font-size: clamp(2.125rem, 1.6851rem + 1.877vw, 3.9375rem);

  text-transform: uppercase;

  font-weight: var(--bold);

  color: var(--jaune);
}

.tit--small {
  font-size: clamp(1.5rem, 1.1511rem + 1.4887vw, 2.9375rem);

  text-transform: uppercase;

  font-weight: var(--bold);

  color: var(--jaune);
}

.tit--xsmall {
  font-size: clamp(1.25rem, 1.1438rem + 0.4531vw, 1.6875rem);

  text-transform: uppercase;

  font-weight: var(--bold);

  margin-top: 0.75em;
}

.tit--nouppercase {
  text-transform: none;
}

.bullet-tit__container {
  display: flex;

  align-items: center;

  gap: calc(var(--padunit) / 2);

  margin-bottom: calc(var(--padunit) * 1.5);
}

.bullet-tit__container--mb0 {
  margin-bottom: 0;
}

@media (max-width: 640px) {
  .bullet-tit__container {
    align-items: flex-start;

    gap: calc(var(--padunit-mobile) * 0.5);

    margin-bottom: var(--padunit-mobile);
  }
}

.tit--bullet {
  aspect-ratio: 1/1;

  width: 0.74em;
}

@media (max-width: 640px) {
  .bullet-tit__container .tit--bullet {
    margin-top: 0.4em;

    width: 0.875em;
  }
}

.label-section {
  font-weight: var(--semibold);

  font-size: 1.41em;
}

.mw960 {
  max-width: 960px;
}

.mw1040 {
  max-width: 1040px;
}

/* HEADER */

.header {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 100;

  transition: all 0.3s ease-in-out;

  display: flex;

  gap: calc(var(--padunit) * 1);

  align-items: center;

  color: var(--vert);
}

.headerblanc .header:not(.header--bg) {
  color: var(--white);
}

.header--bg {
  background-color: rgba(255, 255, 255, 0.95);
}

@media (max-width: 980px) {
  .header {
    display: none;
  }
}

.header--part {
  flex: 1;

  display: flex;
}

.header-left {
  align-items: center;

  gap: var(--padunit);
}

.header-left__burger {
  width: 1.48em;

  aspect-ratio: 40/30;

  position: relative;

  cursor: pointer;
}

.burgclose {
  position: absolute;

  left: calc(var(--padunit) * var(--pdlr-colbase));

  top: calc(var(--pdlr-colbase) + 2.7em);

  display: block;

  width: 1.48em;

  height: 1.48em;

  cursor: pointer;
}

@media (max-width: 980px) {
  .burgclose {
    top: 1.2em;

    left: auto;

    right: calc(var(--padunit) * var(--pdlr-colbase));
  }
}

.burgclose__1,
.burgclose__2 {
  display: block;

  position: absolute;

  left: 0;

  top: 50%;

  transform-origin: center;

  transform: translateY(-50%) rotate(-45deg);

  width: 100%;

  height: 4px;

  background-color: var(--gris);
}

.burgclose__2 {
  transform: translateY(-50%) rotate(45deg);
}

.header-left__burger__line {
  width: 100%;

  height: 4px;

  background-color: var(--vert);

  position: absolute;

  transform-origin: center;

  transition: all 0.3s ease-in-out;
}

.headerblanc .header:not(.header--bg) .header-left__burger__line {
  background-color: var(--white);
}

.header-left__burger__line--noir {
  background-color: var(--gris);
}

#header-left__burger__line1 {
  top: 0;
}

.header-left__burger__line1--active {
  top: 50% !important;

  transform: translateY(-50%) rotate(45deg);

  background-color: var(--vert);
}

#header-left__burger__line2 {
  top: 50%;

  transform: translateY(-50%);
}

.header-left__burger__line2--active {
  opacity: 0;
}

#header-left__burger__line3 {
  bottom: 0;
}

.header-left__burger__line3--active {
  bottom: 50% !important;

  transform: translateY(50%) rotate(-45deg);

  background-color: var(--vert);
}

.header-left__navul {
  display: flex;

  gap: calc(var(--padunit) * 0.5);
}

@media (max-width: 1350px) {
  .header-left__navul {
    display: none;
  }
}

.header-left__nava {
  text-transform: uppercase;

  font-weight: var(--bold);

  font-size: clamp(0.9375rem, 0.4934rem + 0.5263vw, 1.125rem);
}

.header-mid {
  justify-content: center;

  align-items: center;
}

.header-mid img {
  aspect-ratio: 340/40;

  width: 12.59em;
}

.header-right {
  justify-content: flex-end;

  flex-direction: column;

  gap: calc(var(--padunit) * 0.5);

  align-items: flex-end;
}

.header-right__nav {
  display: flex;

  gap: var(--padunit);

  font-size: 0.67em;

  align-items: center;

  text-transform: uppercase;
}

.header-right__nava {
  font-weight: var(--bold);
}

.header-right__nava__lang {
  display: flex;

  gap: calc(var(--padunit) * 0.15);

  font-weight: var(--bold);
}

.header-right__nava__lang--link {
  font-weight: var(--regular);
}

.header-right__nava__lang--link:hover {
  text-decoration: underline;
}

.header-right__input {
  position: relative;

  padding-bottom: 3em;

  width: 75%;
}

.navchercheropen .header-right__input {
  width: 100%;
}

.header-right__input input {
  background-color: transparent;

  font-family: var(--font);

  border: none;

  color: var(--vert);

  font-size: 0.67em;

  width: 100%;

  font-weight: var(--medium);

  outline: none;

  transition: 0.3s ease-in-out;
}

.color--white .header-right__input--search::placeholder {
  color: var(--white);
}

.header-right__input img {
  width: 0.74em;

  aspect-ratio: 20/20;

  filter: brightness(0) saturate(100%) invert(22%) sepia(48%) saturate(1755%)
    hue-rotate(144deg) brightness(99%) contrast(101%);

  transition: 0.3s ease-in-out;
}

.header--mobile {
  display: none;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  align-items: center;

  justify-content: space-between;

  z-index: 100;

  transition: all 0.3s ease-in-out;
}

@media (max-width: 980px) {
  .header--mobile {
    display: flex;
  }
}

.header--mobile__search {
  width: 3.75em;

  aspect-ratio: 1/1;

  display: flex;

  align-items: center;

  justify-content: center;
}

.header--mobile__search img {
  aspect-ratio: 1/1;

  width: 1.25em;

  filter: brightness(0) saturate(100%) invert(79%) sepia(57%) saturate(3024%)
    hue-rotate(2deg) brightness(108%) contrast(103%);
}

.header--mobile__logo {
}

.header--mobile__logo img {
  width: 12.125em;

  aspect-ratio: 194 /23;
}

.header--mobile__burger {
  width: 3.75em;

  aspect-ratio: 1/1;

  background-color: var(--jaune);

  position: relative;
}

.header--mobile__burger__line {
  width: calc(3.75em / 2);

  height: 3px;

  background-color: var(--white);

  position: absolute;

  transform-origin: center;

  transition: all 0.3s ease-in-out;

  left: 50%;

  transform: translateX(-50%);
}

.header--mobile__burger__line--white {
  background-color: var(--white);
}

#header--mobile__burger__line1 {
  top: 1.25em;
}

.header--mobile__burger__line1--active {
  top: 50% !important;

  transform: translateY(-50%) rotate(45deg);
}

#header--mobile__burger__line2 {
  top: 50%;

  transform: translate(-50%, -50%);
}

.header--mobile__burger__line2--active {
  opacity: 0;
}

#header--mobile__burger__line3 {
  bottom: 1.25em;
}

.header--mobile__burger__line3--active {
  bottom: 50% !important;

  transform: translateY(50%) rotate(-45deg);
}

/* NAV */

.nav1__content {
  position: fixed;

  z-index: 1000;

  background-color: #fff;

  top: 0;

  left: -100%;

  width: 100%;

  height: 100%;

  transition: left 200ms cubic-bezier(0.34, 0.615, 0.4, 0.985);

  padding-top: 3em;

  overflow-y: auto;
}

@media (min-width: 700px) {
  .nav1__content {
    padding-top: 3.125vw;

    width: 34.375vw;

    width: auto;
  }

  .nav1__content .logo {
    display: block;
  }
}

body.navactive .nav1__content {
  left: 0;
}

.nav1 {
  text-align: left;

  padding-left: 6.25vw;

  padding-right: 6.25vw;
}

.navproduitsopen .nav1 {
  display: none;
}

@media (min-width: 700px) {
  .nav1 {
    width: 34.375vw;

    padding-left: 9.375vw;

    padding-right: 3.125vw;
  }
}

.nav1 li {
  display: block;

  --max: 27;

  --min: 20;

  font-size: var(--responsive);

  font-weight: 700;

  line-height: 1.1;

  margin-top: 0.5vh;

  margin-bottom: 0.5vh;
}

li.navitem__6,
li.navitem__7,
li.navitem__8,
li.navitem__9,
li.navitem__10 {
  --max: 24;

  --min: 18;

  font-weight: 600;
}

li.navitem__11,
li.navitem__12,
li.navitem__13 {
  --max: 20;

  --min: 16;

  font-weight: 600;
}

li.navitem__6,
li.navitem__11 {
  margin-top: 1vh;
}

.nav1 li a {
  display: block;

  text-decoration: none;

  color: var(--gris);

  padding-top: 1.25vh;

  padding-bottom: 1.25vh;
}

.nav1 li:first-child a {
  padding-top: 0;
}

.menu-toggle {
  font-size: 1em;

  position: fixed;

  z-index: 150;

  top: 6.25vw;

  right: 6.25vw;

  width: 1.48em;

  height: 25px;

  font-family: inherit;

  background-color: transparent;

  border: 0;

  border-radius: 0;

  margin: 0;

  overflow: visible;

  text-transform: none;

  -webkit-appearance: none;

  appearance: none;
}

@media (min-width: 700px) {
  .menu-toggle {
    right: auto;

    top: calc(var(--padunit) * var(--pdlr-colbase) - 0.5em);

    left: calc(var(--padunit) * var(--pdlr-colbase));

    width: 1.48em;

    height: 30px;
  }
}

.menu-toggle:hover {
  cursor: pointer;
}

@keyframes animburger {
  from {
    transform: scale(0.71);
    opacity: 1;
  }

  to {
    transform: scale(1);
    opacity: 0;
  }
}

.menu-toggle:hover::after {
  background-color: rgba(255, 255, 255, 0.5);
}

.menu-toggle span {
  position: absolute;

  z-index: 100;

  left: 0;

  top: 11px;

  display: block;

  background-color: #fff;

  width: 1.48em;

  height: 4px;

  border-radius: 0;

  transition: all ease 0.3s;
}

@media (min-width: 700px) {
  .menu-toggle span {
    width: 1.48em;

    top: 13px;
  }
}

.menu-toggle span:first-child {
  transform: translateY(0);

  top: 0;
}

.menu-toggle span:last-child {
  transform: translateY(0);

  top: auto;

  bottom: 0;
}

.menu-toggle[aria-expanded="true"] span {
  opacity: 0;

  top: 50%;
}

.menu-toggle[aria-expanded="true"] span:first-child,
.menu-toggle[aria-expanded="true"] span:last-child {
  opacity: 1;
}

.menu-toggle[aria-expanded="true"] span:first-child {
  transform: rotate(-405deg);
}

.menu-toggle[aria-expanded="true"] span:last-child {
  transform: rotate(405deg);
}

.navproduitsopen .navitem__link {
  color: #aaaaaa;
}

.nav1 .navitem__link[href="#produits"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 26'%3E%3Cpath d='M.59 25.41a2.01 2.01 0 0 1 0-2.85L10.15 13 .59 3.44C-.2 2.65-.2 1.38.59.59s2.06-.79 2.85 0l10.97 10.99c.25.25.43.55.52.89.1.35.1.71 0 1.06-.09.34-.27.65-.52.89L3.43 25.41c-.79.78-2.06.78-2.84 0Z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-size: 0.6em 1.04em;

  background-position: center right;
}

.nav1 .navitem__link[href="#produits"]:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 26'%3E%3Cpath fill='%23ffca00' d='M.59 25.41a2.01 2.01 0 0 1 0-2.85L10.15 13 .59 3.44C-.2 2.65-.2 1.38.59.59s2.06-.79 2.85 0l10.97 10.99c.25.25.43.55.52.89.1.35.1.71 0 1.06-.09.34-.27.65-.52.89L3.43 25.41c-.79.78-2.06.78-2.84 0Z'/%3E%3C/svg%3E");
}

/*@media (min-width: 700px) {*/

.mainoverlay {
  position: fixed;

  z-index: -10;

  left: -100%;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0);

  transition: background-color ease 0.75s;

  pointer-events: none;
}

.navactive .mainoverlay {
  left: 0;

  background-color: rgba(0, 0, 0, 0.3);

  z-index: 50;

  pointer-events: all;
}

/*}*/

.nav1 .navproduitsopen .navitem__link[href="#produits"] {
  color: #ff7300;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 11'%3E%3Cpath style='fill:%23ff7300' d='M0 8.25 2.83 11 8.5 5.49 14.17 11 17 8.25 8.52 0 8.5.01 8.48 0 0 8.25z'/%3E%3C/svg%3E");
}

.navprod {
  display: none;
}

.navchercher__open {
  position: absolute;

  left: 50%;

  top: 0;
}

@media (min-width: 700px) {
  .navchercher__open {
    display: none;
  }
}

.navproduitsopen .navprod {
  display: block;
}

.navchercher__cont {
  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 100;

  left: 0;

  top: 0;

  background-color: #fff;

  font-size: 1.2em;

  display: none;

  padding: 6.25vw;

  padding-top: 3.5em;
}

.navchercheropen .navchercher__cont {
  display: block;
}

@media (min-width: 700px) {
  .navchercher__cont {
    padding: 0;

    position: absolute;

    top: -2.1em;

    left: 0;

    font-size: 1em;

    z-index: auto;

    height: auto;

    background: none;

    z-index: 100;

    display: block;
  }

  .navchercher__top {
    height: calc(4.6875vw + 2.09em);

    background-color: #fff;
  }

  .navchercher {
    width: 28vw;

    padding: 3.125vw;

    padding-top: 1.5625vw;

    padding-bottom: 0;

    border-radius: 1.2em;
  }

  .navchercheropen .navchercher {
    background-color: #fff;

    width: 37.5vw;

    padding: 3.125vw;

    padding-top: 1.5625vw;
  }
}

.navchercheropen .mainoverlay {
  left: 0;

  background-color: rgba(0, 0, 0, 0.4);

  z-index: 50;

  pointer-events: all;
}

@media (max-width: 980px) {
  .navchercheropen .mainoverlay {
    background-color: rgba(0, 0, 0, 0.75);

    z-index: 110;
  }
}

.navprod__titincont {
  display: block;

  font-family: "mondelin-stencil", sans-serif;

  --max: 70;

  --min: 28;

  font-size: var(--responsive);

  color: #fff;

  line-height: 1;

  padding: 3.125vw 6.25vw;
}

.navprod__btnsom {
  margin-top: 1em;
}

.navprod__niv1 {
  padding: 6.25vw;

  padding-top: 0.25em;
}

.navprod__niv2 {
  position: absolute;

  z-index: 200;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  padding: 6.25vw;

  background-color: #fff;

  padding-top: 4em;

  overflow-y: auto;

  overflow-x: hidden;
}

@media (min-width: 700px) {
  .navprod {
    width: 34.375vw;

    transition: width 0.3s ease;

    padding-top: 1em;
  }

  .navproduitsniv2_open .navprod {
    width: 68.75vw;
  }

  .navprod__niv1 {
    padding: 0;

    position: relative;

    width: 34.375vw;

    border-right: 1px solid #787878;

    padding-left: 9.375vw;

    padding-right: 3.125vw;
  }

  .navprod__niv2 {
    overflow-y: inherit;

    overflow-x: inherit;

    position: absolute;

    z-index: auto;

    top: 0;

    left: 34.375vw;

    height: auto;

    width: 34.375vw;

    padding-left: 3.125vw;

    padding-right: 3.125vw;

    padding-top: 0;
  }
}

.navprod__niv1tit0 {
  display: block;

  --max: 27;

  --min: 20;

  font-size: var(--responsive);

  font-weight: 700;

  color: var(--gris);

  padding-top: 3vh;

  padding-bottom: 0.35em;

  max-width: 13em;
}

.navprod__niv1tit {
  display: block;

  font-size: 0.8em;

  font-weight: 800;

  text-transform: uppercase;

  color: #ff7300;
}

.navprod__niv1list {
  margin-top: 0.25em;

  font-size: 0.9em;

  color: #000;

  font-weight: 600;

  margin-bottom: 1.5em;
}

@media (min-width: 640px) {
  .navprod__niv1list {
    font-size: 0.8em;
  }
}

.navproduitsniv2_open .navprod__niv1list {
  color: #777777;
}

.navprod__niv1item {
  width: 100%;

  line-height: 1.1;

  padding: 0.5em 0;

  cursor: pointer;

  text-decoration: none;
}

@media (min-width: 700px) {
  .navprod__niv1item {
    padding: 0.35em 0;
  }
}

.navprod__niv1intit {
  display: block;

  --max: 20;

  --min: 16;

  font-size: var(--responsive);

  font-weight: 600;
}

.navprod__niv1intit:hover {
  text-decoration: underline;
}

@media (min-width: 700px) {
  .navprod__niv1item:hover,
  .navprod__niv1item--activ {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpath d='M0,12.6L5.33,7,0,1.4,1.34,0l6.66,7-1.33,1.4h0L1.34,14,0,12.6Z'/%3E%3C/svg%3E");

    background-repeat: no-repeat;

    background-size: 0.32em 0.56em;

    background-position: center right;

    color: #000;
  }

  .navprod__niv1item--direct:hover {
    background: none;
  }
}

.navprod__niv1item--activ {
  text-decoration: none;
}

.navprod__niv2tit {
  display: block;

  --max: 27;

  --min: 20;

  font-size: var(--responsive);

  font-weight: 700;

  color: #000;

  padding-top: 1vh;

  padding-bottom: 0.35em;
}

a.navprod__niv2tit {
  text-decoration: underline;
}

.navprod__niv2tit:hover {
  text-decoration: none;
}

.navprod__niv2list {
  margin-top: 1em;

  margin-bottom: 1.5em;

  color: #000;
}

@media (min-width: 700px) {
  .navprod__niv2list {
    margin-top: 0.25em;
  }
}

.navprod__niv2item {
  width: 100%;

  --max: 20;

  --min: 16;

  font-size: var(--responsive);

  line-height: 1.1;

  padding: 0.5em 0;

  cursor: pointer;

  text-decoration: none;
}

@media (min-width: 700px) {
  .navprod__niv2item {
    padding: 0.35em 0;
  }
}

.navprod__niv2item:hover {
  text-decoration: underline;
}

.navprod__niv2btn {
  display: inline-block;

  color: #ff7300;

  font-size: 0.8em;

  font-weight: 800;

  line-height: 1.2;

  padding: 0.5em 1.5em;

  border: 4px solid #ff7300;

  text-decoration: none;

  /*width: 100%;*/

  transition: all ease 0.3s;
}

.navprod__niv2btn:hover {
  color: #fff;

  background-color: #ff7300;
}

.navprod__niv2 {
  display: none;
}

.navprod__niv1item--activ .navprod__niv2 {
  display: block;
}

.navprod__2back {
  width: auto;

  position: absolute;

  top: 1em;

  left: calc(var(--padunit-mobile) / 2);

  z-index: 250;
}

.navprod__2back--chercher {
  top: 0.25em;

  left: 0;
}

@media (min-width: 700px) {
  .navprod__2back {
    top: 3.125vw;

    left: 9.375vw;
  }
}

.navprod__2backbtn {
  height: 1.5em;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 26'%3E%3Cpath d='M14.41.59c.79.79.79 2.06 0 2.85L4.85 13l9.56 9.56c.79.79.79 2.06 0 2.85s-2.06.79-2.85 0L.59 14.42c-.25-.25-.43-.55-.52-.89-.1-.35-.1-.71 0-1.06.09-.34.27-.65.52-.89L11.57.59c.79-.78 2.06-.78 2.84 0Z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-size: 0.6em 1.04em;

  background-position: left center;

  padding-left: 1em;

  font-size: 0.55em;

  font-weight: 500;

  cursor: pointer;
}

.navprod__2backbtn--blanc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 26'%3E%3Cpath d='M14.41.59c.79.79.79 2.06 0 2.85L4.85 13l9.56 9.56c.79.79.79 2.06 0 2.85s-2.06.79-2.85 0L.59 14.42c-.25-.25-.43-.55-.52-.89-.1-.35-.1-.71 0-1.06.09-.34.27-.65.52-.89L11.57.59c.79-.78 2.06-.78 2.84 0Z' style='fill:%23fff' /%3E%3C/svg%3E");
}

/*HEADER*/

/* HOME HERO */

.hero {
  background-color: var(--jaune);
}

@media (max-width: 640px) {
  .hero {
    height: 100vh;
  }
}

.hero__wrapper {
  position: relative;

  overflow: hidden;
}

.hero__wrapper img {
  object-fit: cover;
}

@media (max-width: 640px) {
  .hero__wrapper {
    height: 72.125%;
  }

  .hero__wrapper img {
    height: 72.125%;
  }

  .homvideo__over {
    height: 72.125vh;
  }
}

.hero__secu {
  display: flex;
  justify-content: space-between;
  gap: calc(var(--padunit) * 2);
}

.hero__secu img {
  transform: translateX(calc(var(--padunit) * var(--pdlr-colbase)));
  width: 38.1%;
  aspect-ratio: 588 / 161;
}

@media (max-width: 980px) {
  .hero__secu img {
    display: none;
  }
}

.homvideo {
  position: relative;

  border-radius: 0 0 0 3em;

  height: 100vh;
}

.homvideo__over {
  position: absolute;

  z-index: 5;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.3);

}

.homvideo__player {
  position: absolute;

  top: 0;

  left: 0;

  z-index: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;
}

@media (max-width: 980px) {
  .homvideo {
    height: 72.125vh;
  }
}

@media (min-width: 540px) {
  .homvideo__player {
    position: absolute;

    top: 0;

    left: 0;

    z-index: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;
  }
  .hero__wrapper .section100 img {
    position: absolute;

    top: 0;

    left: 0;

    z-index: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;
  }
}

.hero__wrapper h2,
.hero__wrapper__tit {
  position: absolute;

  z-index: 10;

  bottom: calc(var(--padunit) * 4);

  padding: 0 calc(var(--padunit) * 6);

  font-size: 4.15em;

  text-align: center;
}

@media (max-width: 1650px) {
  .hero__wrapper h2,
  .hero__wrapper__tit {
    font-size: 3.75em;
  }
}

@media (max-width: 900px) {
  .hero__wrapper h2,
  .hero__wrapper__tit {
    padding: 0 calc(var(--padunit-mobile) * 0.5);

    bottom: calc(var(--padunit-mobile) * 2);

    font-size: 3.25em;
  }
}

@media (max-width: 640px) {
  .hero__wrapper h2,
  .hero__wrapper__tit {
    padding: 0 calc(var(--padunit-mobile) * 0.5);

    bottom: calc(var(--padunit-mobile) * 1.8);

    font-size: 2.5em;
  }
}

.hero__footer {
  width: clamp(100px, 70%, 1215px);

  display: block;

  margin: 0 auto;

  padding: calc(var(--padunit) * 4) 0;
}

@media (max-width: 800px) {
  .hero__footer {
    width: 85%;
  }
}

@media (max-width: 640px) {
  .hero__footer {
    width: 100%;

    padding: 0 calc(var(--padunit-mobile) * 0.5);

    padding-top: var(--padunit-mobile);
  }
}

.hero__footer h1,
.hero__footer__tit {
  text-align: center;

  color: var(--white);
}

@media (max-width: 640px) {
  .hero__footer h1,
  .hero__footer__tit {
    font-size: 1.25em;
  }
}

/* SWIPPER */

.slider {
  overflow-x: hidden;
}

@media (max-width: 640px) {
  .slider {
    padding-top: calc(var(--padunit-mobile) * 1.5);

    padding-bottom: calc(var(--padunit-mobile) * 1);
  }
}

.slider-mouse-hover {
  position: absolute;

  top: var(--y);

  left: var(--x);

  z-index: 10;

  pointer-events: none;

  aspect-ratio: 1/1;

  padding: 0 1em;

  border-radius: 1000px;

  background-color: var(--jaune);

  display: flex;

  align-items: center;

  justify-content: center;

  transition: transform 0.3s var(--custom-ease);

  transform: translate(-50%, -50%) scale(0);
}

.slider-mouse-hover--show {
  transform: translate(-50%, -50%) scale(1);
}

.slider-mouse-hover img {
  aspect-ratio: 64.5/40;

  min-width: 2.37em;

  max-width: 2.37em;
}

.swiper {
  width: 100%;

  height: fit-content;

  overflow: visible !important;

  position: relative;
}

.swiper-wrapper {
  width: fit-content !important;
}

.swiper--home,
.swiper--home a:hover {
  cursor: url("../img/mouse-slider.svg") 31 31, auto;
}

.swiper__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(var(--padunit) * 2);
}

.arrows__swiper {
  display: flex;
  gap: calc(var(--padunit) * 0.3);
  align-items: center;
}

.swiper-button-prev-next {
  width: calc(var(--padunit) * 2) !important;
  aspect-ratio: 1/1;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  padding: calc(var(--padunit) * 0.4) calc(var(--padunit) * 0.625);
  cursor: pointer;
}
.swiper-button-prev-next img {
  aspect-ratio: 19/33;
  height: 75%;
}
.swiper-button-prev-next:hover {
  opacity: 0.8;
}

@media (max-width: 740px) {
  .swiper-button-prev-next {
    width: calc(var(--padunit-mobile) * 0.5) !important;
  }
}
@media (max-width: 640px) {
  .arrows__swiper {
    display: none;
  }
}

.swiper-button-prev-next.next {
  transform: rotate(180deg);
}
.slider-item img {
  aspect-ratio: 345/520;

  object-fit: cover;

  margin-bottom: calc(var(--padunit) / 2);
}

@media (max-width: 640px) {
  .slider-item img {
    aspect-ratio: 183/272;

    margin-bottom: calc(var(--padunit-mobile) / 2);
  }
}

.slider-item__text {
  text-transform: uppercase;

  font-weight: var(--bold);

  text-align: center;

  transition: all 0.1s ease-in-out;

  font-size: clamp(1rem, 0.8498rem + 0.6407vw, 1.875rem);
}

.slider-item__text span {
  text-transform: uppercase;

  font-weight: var(--light);

  font-size: 0.74em;
}

.section__map {
  aspect-ratio: 1920/680;

  width: 100%;

  position: relative;

  display: flex;

  align-items: center;
}

@media (max-width: 640px) {
  .section__map {
    margin-top: calc(var(--padunit-mobile) * 2.5);

    margin-bottom: 0;
  }
}

@media (max-width: 500px) {
  .section__map {
    aspect-ratio: 335/452;

    margin-bottom: 0;
  }
}

.section__map::after {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

  background-color: rgba(0, 0, 0, 0.4);
}

.section__map .map {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  z-index: -1;
}

.section__map-wrapper {
  width: 68.4%;
}

@media (max-width: 640px) {
  .section__map-wrapper {
    width: 90%;
  }

  .section__map-wrapper .bullet-tit__container {
    margin-bottom: calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 500px) {
  .section__map-wrapper {
    width: 100%;

    height: 100%;

    padding: calc(var(--padunit-mobile) * 0.5);

    padding-top: calc(var(--padunit-mobile) * 1.5);

    padding-bottom: calc(var(--padunit-mobile) * 2);
  }

  .section__map-content {
    display: flex;

    flex-direction: column;

    justify-content: space-between;

    height: calc(100% - (var(--padunit-mobile) * 1));
  }

  .section__map-wrapper h2 {
    margin-bottom: calc(var(--padunit) * 0);

    width: 93%;
  }

  .section__map-wrapper .bullet-tit__container {
    margin-bottom: calc(var(--padunit-mobile) * 0.5);
  }

  .section__map-wrapper .bouton {
    width: 100%;

    text-align: center;
  }
}

.section__map-wrapper h2 {
  margin-bottom: calc(var(--padunit) * 1.5);
}

@media (max-width: 800px) {
  .actu {
    padding: calc(var(--padunit-mobile) * 1.5) 0;

    overflow-x: visible;
  }

  .actu--plus {
    padding: 0;
  }
}

.actu .bullet-tit__container {
}

@media (max-width: 800px) {
  .actu .bullet-tit__container {
    padding: 0 calc(var(--padunit-mobile) * 0.5);
  }
}

.actu__cards-wrapper {
}

@media (max-width: 800px) {
  .actu__cards-wrapper {
    display: flex;

    gap: calc(var(--padunit-mobile) * 0.5);

    overflow-x: scroll;

    padding: 0 calc(var(--padunit-mobile) * 0.5);
  }
}

.actu__card--container {
  display: flex;

  gap: calc(var(--padunit) * 2);

  margin-top: calc(var(--padunit) * 2);
}

@media (max-width: 800px) {
  .actu__card--container {
    gap: calc(var(--padunit-mobile) * 0.5);

    margin-top: 0;

    min-width: 100%;
  }
}

.actu__card {
  display: flex;

  gap: calc(var(--padunit) * 0.5);

  flex-direction: column;
}

.actu__card--container .actu__card {
  width: 33.3333%;
}

@media (max-width: 800px) {
  .actu__card {
    min-width: 60%;
  }

  .actu__card:last-child {
    padding-right: calc(var(--padunit-mobile) * 0.5);

    box-sizing: content-box;
  }
}

@media (max-width: 640px) {
  .actu__card {
    min-width: 90%;

    gap: calc(var(--padunit-mobile) * 0.5);
  }
}

.actu__card--big {
  flex-direction: row;
  gap: 0;
}
.actu__card--big img {
  margin-right: calc(var(--padunit) * 2);
  min-width: 50%;
  object-fit: cover;
}
@media (max-width: 800px) {
  .actu__card--big img {
    margin-right: 0;
    min-width: 100%;
  }
  .actu__card--big {
    gap: calc(var(--padunit) * 0.5);
  }
  .actu__card {
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .actu__card--big {
    gap: calc(var(--padunit-mobile) * 0.5);
  }
}

.actu__card-content {
  display: flex;

  flex-direction: column;

  gap: calc(var(--padunit) * 0.5);
}

.actu__card-content--50 {
  width: 50%;
}

@media (max-width: 800px) {
  .actu__card-content--50 {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .actu__card-content {
    gap: calc(var(--padunit-mobile) * 0.25);
  }
}

.actu__card--big .actu__card-content {
  gap: calc(var(--padunit) * 0.5);
}

@media (max-width: 640px) {
  .actu__card--big .actu__card-content {
    gap: calc(var(--padunit-mobile) * 0.25);
  }
}

.actu__card-labels {
  display: flex;

  gap: calc(var(--padunit) * 0.5);

  align-items: baseline;
}

.actu__card-tag {
  color: var(--vert);

  font-size: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);

  padding: 0.4em;

  background-color: var(--jaune);

  font-weight: var(--bold);
}

.actu__card-date {
  color: var(--gris);

  font-size: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem);

  font-weight: var(--bold);
}

.actu__card-tit {
  font-weight: var(--bold);

  color: var(--vert);

  font-size: clamp(1.25rem, 1.1438rem + 0.4531vw, 1.6875rem);
}

.actu__card-p {
  font-size: 0.83em;
}

.actu__card-content .bouton {
  width: fit-content;
}

@media (max-width: 800px) {
  .actu__card p {
    display: none;
  }
}

.actu__card-img {
  margin-right: var(--padunit);

  width: 50%;
}

@media (max-width: 800px) {
  .actu__card-img {
    margin-right: 0;

    width: 100%;
  }
}

.advice__card {
  width: 50%;
}

@media (max-width: 800px) {
  .advice__card {
    min-width: calc(50% / 2);

    box-sizing: border-box;
  }

  .advice__card:last-child {
    min-width: calc(50% / 2);

    box-sizing: border-box;

    padding-right: 0;
  }
}

@media (max-width: 640px) {
  .advice__card {
    min-width: 100%;
  }

  .advice__card:last-child {
    min-width: 100%;
  }
}

.adivce__container {
  display: flex;

  gap: calc(var(--padunit) * 2);

  background-color: var(--gris-clair);

  width: 100%;
}

@media (max-width: 800px) {
  .adivce__container {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .adivce__container {
    flex-direction: column;

    gap: calc(var(--padunit-mobile) * 1);

    padding-top: calc(var(--padunit-mobile) * 1.5);

    padding-bottom: calc(var(--padunit-mobile) * 1.5);
  }
}

.adivce__card-tit {
  font-weight: var(--bold);

  color: var(--vert);

  font-size: clamp(1.25rem, 1.1438rem + 0.4531vw, 1.6875rem);
}

.adivce__container img {
  aspect-ratio: 840/560;
}

.advice__card-content {
  display: flex;

  width: 100%;

  justify-content: space-between;

  align-items: baseline;

  gap: calc(var(--padunit) * 1);
}

@media (max-width: 800px) {
  .advice__card-content {
    flex-direction: column;

    gap: calc(var(--padunit-mobile) * 0.25);
  }
}

@media (max-width: 640px) {
  .advice__card-content {
    flex-direction: column;

    gap: calc(var(--padunit-mobile) * 0.5);
  }
}

.promo {
  background-color: var(--vert);

  border-radius: 0px 0px 0px 6em;

  position: relative;

  z-index: 1;
}

.promo__wrapper {
  position: relative;

  aspect-ratio: 1920/656;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 1;

  width: 100%;
}

@media (max-width: 800px) {
  .promo__wrapper {
    padding: calc(var(--padunit-mobile) * 1);
  }
}

@media (max-width: 640px) {
  .promo__wrapper {
    padding: calc(var(--padunit-mobile) * 2) calc(var(--padunit-mobile) * 0.5);
  }
}

.promo__wrapper img {
  height: 100%;

  width: 100%;

  object-fit: cover;

  border-radius: 0px 0px 0px 6em;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 0;
}

.promo__content {
  z-index: 2;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  width: 50%;

  text-align: center;

  gap: var(--padunit);
}

.promo__overlay {
  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 800px) {
  .promo__content {
    gap: calc(var(--padunit-mobile) * 0.75);
  }
}

@media (max-width: 640px) {
  .promo__content {
    gap: calc(var(--padunit-mobile) * 2);
  }
}

.promo__content h2 {
  color: var(--white);
}

.promo__text {
  display: flex;

  gap: calc(var(--padunit) * 2);
}

.promo__text__tit {
  font-size: clamp(1.25rem, 1.1438rem + 0.4531vw, 1.6875rem);

  width: calc(100% / 3);

  color: var(--white);

  font-weight: var(--bold);
}

.view-more-container {
  display: flex;

  gap: calc(var(--padunit) * 2);

  width: calc((100% / 3) * 2);
}

.view-more-button {
  display: none;
}

@media (max-width: 800px) {
  .promo__content {
    width: 100%;
  }

  .promo__text {
    width: 100%;

    flex-direction: column;

    padding-top: calc(var(--padunit-mobile) * 1);

    padding-bottom: calc(var(--padunit-mobile) * 1);

    gap: calc(var(--padunit-mobile) * 0.5);
  }

  .promo__text__tit {
    width: 100%;
  }

  .view-more-container {
    flex-direction: column;

    gap: calc(var(--padunit-mobile) * 0.5);

    width: 100%;

    height: calc(var(--padunit-mobile) * 1.5);

    overflow: hidden;

    position: relative;
  }

  .view-more-container::after {
    content: "";

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

    height: 100%;

    background: linear-gradient(#005a5600, #005a55);
  }

  .view-more-container--open {
    height: fit-content;
  }

  .view-more-container--open::after {
    background: transparent;
  }

  .view-more-button {
    display: block;

    width: 100%;

    text-align: center;

    text-decoration: underline;

    cursor: pointer;
  }
}

@media (max-width: 640px) {
  .view-more-container {
    height: calc(var(--padunit-mobile) * 4);
  }

  .promo__text {
    padding-top: calc(var(--padunit-mobile) * 2);

    padding-bottom: calc(var(--padunit-mobile) * 2);

    gap: calc(var(--padunit-mobile) * 1);
  }

  .view-more-container--open {
    height: fit-content;
  }
}

.actus__wrapper .actu:last-child {
  padding-bottom: calc(var(--padunit) * 2);
}

@media (max-width: 1100px) {
  .actus__wrapper .actu:last-child {
    padding-bottom: calc(var(--padunit) * 10);
  }
}

@media (max-width: 640px) {
  .actus__wrapper .actu:last-child {
    padding-bottom: calc(var(--padunit-mobile) * 1.5);
  }
}

@media (max-width: 450px) {
  .actus__wrapper .actu:last-child {
    padding-bottom: calc(var(--padunit-mobile) * 3);
  }
}

.actu {
  background-color: var(--white);
}

.article-card__img {
  position: relative;
}

.article-card__over {
  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background-color: rgba(0, 0, 0, 0.25);

  transition: background-color ease 0.3s;
}

.article-card__over--play {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='70' viewBox='0 0 60 70' fill='none'%3E%3Cpath d='M60 35L-3.26266e-06 69.641L-2.34249e-07 0.358979L60 35Z' fill='white'/%3E%3C/svg%3E");

  background-position: center center;

  background-repeat: no-repeat;

  background-size: 2.5em 2.92em;
}

.article-card:hover .article-card__over {
  background-color: rgba(0, 0, 0, 0);
}

.article-card h3 {
  margin-top: 0.75em;

  font-size: clamp(1.25rem, 1.1438rem + 0.4531vw, 1.6875rem);

  font-weight: var(--bold);

  color: var(--vert);
}

.article-card__voirplus,
.article-card__voirmoins {
  text-align: center;
}

.actu-leborgne {
  background-color: var(--jaune);
}

.actu__hero::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 50vh;

  width: 100%;

  background-color: var(--jaune);

  z-index: -1;
}

@media (max-width: 800px) {
  .actu__hero {
    padding-top: calc(var(--padunit-mobile) * 1);
  }
}

.actu-leborgne__header {
  display: flex;

  width: 100%;

  justify-content: space-between;

  align-items: center;

  transition: transform 0.3s ease-in-out;

  /*position: sticky;*/

  background-color: var(--white);

  top: 0;

  z-index: 1;
}
@media (min-width: 1101px) {
  .actu-leborgne__header .filter__nav {
    min-width: 65%;
  }
}

.actu-leborgne__header.pt--header {
  padding-top: calc(var(--pt-header) + var(--padunit) * 1);
}

@media (max-width: 1100px) {
  .actu-leborgne__header {
    display: flex;

    gap: calc(var(--padunit) * 1.5);

    flex-direction: column;

    align-items: flex-start;

    padding-bottom: calc(var(--padunit-mobile) * 0.4);
  }

  .actu-leborgne__header.pt--header {
    padding-top: calc(var(--pt-header) + var(--padunit-mobile) * 0.5);
  }
}

.actu-leborgne__header.pt--reset.pt--header {
  transform: translateY(calc(var(--pt-header) * -1));
}

.filter__container {
  display: flex;

  gap: calc(var(--padunit) * 0.25);

  flex-wrap: wrap;
}

@media (max-width: 640px) {
  .filter__nav {
    width: 100%;

    overflow-x: auto;

    overflow-y: hidden;
  }

  .filter__container {
    flex-wrap: nowrap;
  }
}

@media (max-width: 800px) {
  .actu__hero .actu__card:last-child {
    padding-right: 0;
  }
}

.filt__item {
  text-wrap: nowrap;
}

.filt__btn {
  padding: 0.33em;

  font-size: clamp(0.875rem, 0.8143rem + 0.2589vw, 1.125rem);

  text-transform: uppercase;

  font-weight: var(--bold);

  cursor: pointer;

  transition: all 0.15s ease-in-out;
}

@media (max-width: 1325px) {
  .filt__btn {
  }
}

@media (max-width: 1090px) {
  .filt__btn {
  }
}

@media (max-width: 990px) {
  .filt__btn {
  }
}

.filt__btn.current {
}

.filt__btn:hover,
.filt__btn.active {
  opacity: 0.75;
}

.filt__item input {
  display: none;
}

.filt__item input:checked + .filt__btn {
  background-color: var(--jaune);

  color: var(--white);
}

.filt__checkbox {
  display: none;
}

.actu__hero {
  background-color: var(--jaune);
}

.actu__card--bigtit {
  font-size: clamp(1.5rem, 1.1511rem + 1.4887vw, 2.9375rem);

  text-transform: uppercase;

  font-weight: var(--extrabold);

  color: var(--vert);
}

.actu__hero .actu__card--big .actu__card-labels .actu__card-tag {
  background-color: var(--vert);

  color: var(--jaune);
}

.actudetail {
  max-width: calc(980px + var(--padunit) * var(--pdlr-colbase));

  margin-left: auto;

  margin-right: auto;
}

.autre__tit {
}

.autres__list {
  padding-top: 1em;
}

.autres__list li a {
  display: inline-block;

  font-size: 0.9em;

  color: var(--vert);

  font-weight: var(--bold);

  line-height: normal;

  padding: 0.25em 0;

  transition: color ease 0.3s;
}

.autres__list li a:hover {
  color: var(--jaune);
}

/*

.pages__wrapper{

  width: 100%;

  display: flex;

  justify-content: center;

  gap: calc(var(--padunit) * 0.2);

  margin-top: calc(var(--padunit) * 5);

}

.page, .separator{

  font-size: clamp(1rem, 0.8331rem + 0.712vw, 1.6875rem);

  color: var(--vert);

  font-weight: var(--bold)

}

*/

.pagination {
  padding: 1em 0 3em 0;

  text-align: center;

  background-color: var(--white);
}

.pagination li {
  display: inline-block;

  font-size: 1em;

  line-height: 1;

  font-weight: var(--bold);

  color: var(--vert);

  padding-left: 0;

  padding-right: 0;
}

.pagination li::after {
  content: "-";
}

.pagination li:last-child:after {
  content: "";
}

.pagination li a,
.pagination__activ {
  color: var(--vert);

  text-decoration: none;

  padding-left: 0.25em;

  padding-right: 0.25em;

  padding-top: 0.2em;

  padding-bottom: 0.2em;
}

.pagination__activ,
.pagination li a:hover {
  font-weight: var(--regular);
}

.sommaire-outils__main {
  display: flex;
  gap: calc(var(--padunit) * 1);
  background-color: white;
  justify-content: space-between;
}

@media (max-width: 980px) {
  .sommaire-outils__main {
    flex-direction: column;
    justify-content: flex-start;

    gap: calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 640px) {
  .sommaire-outils__main {
    flex-direction: column;

    gap: calc(var(--padunit-mobile) * 1);
  }
}

@media (max-width: 500px) {
  .sommaire-outils__main {
    flex-direction: column;

    gap: calc(var(--padunit-mobile) * 1.5);
  }
}

.nav-sommaire__wrapper {
  min-height: 100%;
  width: calc(100% / 3);
}
.nav-sommaire__wrapper--order1 {
  order: 1;
}

@media (max-width: 980px) {
  .nav-sommaire__wrapper {
    flex-direction: column;

    width: 100%;
  }
}

@media (min-height: 780px) {
  .nav-sommaire {
    position: sticky;

    /*top: var(--pt-header);*/

    top: calc(3 * var(--padunit));
  }
}

@media (max-width: 980px) {
  .nav-sommaire {
    position: inherit;

    display: none;
  }

  .nav-sommaire--open {
    display: block;
  }
}

.nav-sommaire__arian {
  font-size: 0.65em;

  font-weight: 700;

  margin-bottom: calc(var(--padunit));
}

@media (max-width: 980px) {
  .nav-sommaire__arian {
    margin-bottom: calc(var(--padunit) * 2);
  }
}

.nav-sommaire__arian div {
  display: inline;

  padding-left: 0.1em;

  padding-right: 0.1em;
}

.nav-sommaire__btn {
  display: none;
}

@media (max-width: 980px) {
  .nav-sommaire__btn {
    display: block;
  }
}

.nav-sommaire--open {
  margin-top: calc(var(--padunit) * 2);
}

@media (max-width: 640px) {
  .nav-sommaire--open {
    margin-top: calc(var(--padunit-mobile) * 0.5);
  }
}

.nav-sommaire__bloc {
  margin-bottom: calc(var(--padunit) * 1);
}

.nav-sommaire__tit {
  font-size: clamp(1.25rem, 1.1438rem + 0.4531vw, 1.6875rem);

  font-weight: var(--bold);

  color: var(--vert);

  margin-bottom: calc(var(--padunit) * 0.5);

  width: 60%;
}

.nav-sommaire__bloc ul li {
  font-size: clamp(1rem, 0.9393rem + 0.2589vw, 1.25rem);

  margin-bottom: calc(var(--padunit) * 0.4);
}

.nav-sommaire__bloc ul li a:hover {
  font-weight: var(--medium);
}

.nav-sommaire__bloc ul li a.active {
  font-weight: var(--semibold);
}

@media (max-width: 980px) {
  .nav-sommaire__bloc {
    margin-bottom: calc(var(--padunit) * 2);
  }

  .nav-sommaire__tit {
    margin-bottom: calc(var(--padunit) * 1);

    width: 100%;
  }

  .nav-sommaire__bloc ul li {
    margin-bottom: calc(var(--padunit) * 0.8);
  }
}

@media (max-width: 640px) {
  .nav-sommaire__bloc {
    margin-bottom: calc(var(--padunit-mobile) * 0.5);
  }

  .nav-sommaire__tit {
    margin-bottom: calc(var(--padunit-mobile) * 0.4);

    width: 100%;
  }

  .nav-sommaire__bloc ul li {
    margin-bottom: calc(var(--padunit-mobile) * 0.25);
  }
}

.outils {
  width: calc((100% / 3) * 1.8);
  margin-top: calc(var(--padunit) * 1.75);
}
.outils--order2 {
  order: 2;
}

@media (max-width: 1460px) {
  .outils {
    margin-top: calc(var(--padunit) * 2.25);
  }
}

@media (max-width: 980px) {
  .outils {
    margin-top: calc(var(--padunit) * 0);

    width: 100%;
  }
}

.outil__img-wrapper {
  aspect-ratio: 1/1;

  background-color: var(--gris-clair);

  padding: calc(var(--padunit) * 0.75);

  margin-bottom: calc(var(--padunit) * 0.375);

  transition: background-color ease 0.3s;
}

@media (max-width: 980px) {
  .outil__img-wrapper {
    padding: calc(var(--padunit) * 1.5);

    margin-bottom: calc(var(--padunit) * 1);
  }
}

@media (max-width: 640px) {
  .outil__img-wrapper {
    padding: calc(var(--padunit-mobile) * 0.5);

    margin-bottom: calc(var(--padunit-mobile) * 0.25);
  }
}

@media (max-width: 500px) {
  .outil__img-wrapper {
    padding: calc(var(--padunit-mobile) * 0.75);

    margin-bottom: calc(var(--padunit-mobile) * 0.5);
  }
}

.outil__img-wrapper img {
  aspect-ratio: 1/1;

  mix-blend-mode: multiply;
}

/*.outil__card label{*/

.outil__nom {
  /*font-size: clamp(1.125rem, 1.034rem + 0.3883vw, 1.5rem);*/

  font-size: clamp(1.125rem, 0.85rem + 0.3883vw, 1.5rem);

  font-weight: var(--bold);
}

.outil__text {
  width: 71.4%;

  margin-top: calc(var(--padunit) * 3.75);
}

@media (max-width: 980px) {
  .outil__text .tit--xsmall {
    margin-bottom: calc(var(--padunit-mobile) * 0.25);
  }
}

@media (max-width: 640px) {
  .outil__text .tit--xsmall {
    margin-bottom: calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 1325px) {
  .outil__text {
    width: 100%;
  }
}

@media (max-width: 1090px) {
  .outil__text {
    margin-top: calc(var(--padunit) * 3.75);
  }
}

@media (max-width: 980px) {
  .outil__text {
    margin-top: calc(var(--padunit-mobile) * 1.5);
  }
}

@media (max-width: 640px) {
  .outil__text {
    margin-top: calc(var(--padunit-mobile) * 2);
  }
}

@media (max-width: 500px) {
  .outil__text {
    margin-top: calc(var(--padunit-mobile) * 2.5);
  }
}
@media (min-width: 980px) {
  .fichr-prod__tit {
    position: sticky;
    top: calc(2 * var(--padunit));
  }
}
@media (max-height: 580px) {
  .fichr-prod__tit {
    position: inherit !important;

    top: calc(3 * var(--padunit));
  }
}

.fichr-prod__tit h1 {
  margin-bottom: calc(var(--padunit) * 1);
}

@media (max-width: 980px) {
  .fichr-prod__tit h1 {
    margin-bottom: calc(var(--padunit) * 1);
  }
}

@media (max-width: 640px) {
  .fichr-prod__tit h1 {
    margin-bottom: calc(var(--padunit-mobile) * 0.5);
  }
}

.fichr-prod__tit p {
  width: 80%;

  font-weight: 600;
}

.picto {
  display: inline-block;

  float: left;

  background-color: var(--jaune);

  border-bottom-left-radius: 1em;

  padding: 0.75em 0.75em;

  margin-right: 0.75em;

  margin-bottom: 0.75em;

  height: 3em;
}

.picto__img {
  display: block;

  height: 1.75em;

  background-position: center center;

  background-repeat: no-repeat;
}

.picto__img--vibration {
  background-image: url(../../img/risque_vibration.svg);

  background-repeat: no-repeat;

  background-size: 4.41em 2.25em;

  width: 4.41em;
}

.picto__img--casque {
  background-image: url(../../img/risque_casque.svg);

  background-repeat: no-repeat;

  background-size: 3.57em 2.25em;

  width: 3.57em;
}

.picto__img--posture {
  background-image: url(../../img/risque_posture.svg);

  background-repeat: no-repeat;

  background-size: 3.56em 2.25em;

  width: 3.56em;
}

.picto__img--plume {
  background-image: url(../img/risque_plume.svg);

  background-repeat: no-repeat;

  background-size: 4.33em 2.25em;

  width: 4.33em;
}

.picto__img--bruit {
  background-image: url(../img/risque_bruit.svg);

  background-repeat: no-repeat;

  background-size: 2.47em 2.25em;

  width: 2.47em;
}

.picto__img--effort {
  background-image: url(../img/risque_effort.svg);

  background-repeat: no-repeat;

  background-size: 4.46em 2.25em;

  width: 4.46em;
}

.picto__txt {
  display: block;

  font-size: 0.65em;

  font-weight: 700;

  text-align: right;

  color: var(--vert);

  line-height: normal;
}

.fichlogo {
  display: inline-block;

  float: left;

  margin-right: 1em;

  margin-bottom: 1em;
}

.fichlogo img {
  width: auto;

  max-height: 3em;
}

.diapo {
  background-color: #f5f5f5;
}

.diapo img {
}

.diapoimg--grab {
  cursor: -webkit-grab;

  cursor: grab;
}

.clearfix {
  clear: both;
}

.swiper-slide--video a::after {
  display: block;

  content: "";

  position: absolute;

  z-index: 10;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 5em;

  height: 3.5em;

  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 42'%3E%3Cg id='c'%3E%3Cpath d='m58.75,6.56c-.69-2.58-2.72-4.61-5.3-5.3C48.76,0,30,0,30,0c0,0-18.76,0-23.44,1.25C3.98,1.95,1.95,3.98,1.25,6.56,0,11.24,0,21,0,21c0,0,0,9.76,1.25,14.44.69,2.58,2.72,4.61,5.3,5.3,4.68,1.25,23.44,1.25,23.44,1.25,0,0,18.76,0,23.44-1.25,2.58-.69,4.61-2.72,5.3-5.3,1.25-4.68,1.25-14.44,1.25-14.44,0,0,0-9.76-1.25-14.44Z' style='fill:%23ffca00; stroke-width:0px;'/%3E%3Cpath d='m23.99,30l15.59-9-15.59-9v18Z' style='fill:%23fff; stroke-width:0px;'/%3E%3C/g%3E%3C/svg%3E");

  background-size: 5em 3.5em; /* 1.43 */

  background-position: center center;

  background-repeat: no-repeat;
}

.swiper-slide--video div {
  position: relative;

  width: 100%;

  aspect-ratio: 16/9;
}

.swiper-slide--video iframe {
  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;
}

.diapo__mini {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-left: -0.8em;

  margin-right: -0.8em;
}

.diapo__miniitem {
  background-color: #f5f5f5;

  margin: 0.8em;

  border: 2px solid #f5f5f5;

  -webkit-transition: border-color ease 0.3s;

  transition: border-color ease 0.3s;

  position: relative;

  width: 4em;

  height: 4em;

  border-radius: 0 0 0 0.5em;
}

.diapo__miniitem.select,
.diapo__miniitem:hover {
  border-color: var(--jaune);
}

.diapo__miniitem img {
  position: absolute;

  width: 4rem;

  mix-blend-mode: multiply;

  padding: 0.5rem;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 100%;

  height: auto;

  max-height: 100%;

  width: auto;

  font-size: 8px;

  color: #787878;
}

.diapo__miniitem__videoplay {
  position: absolute;

  z-index: 2;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 1.5em;

  height: 0.95em;

  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 42'%3E%3Cg id='c'%3E%3Cpath d='m58.75,6.56c-.69-2.58-2.72-4.61-5.3-5.3C48.76,0,30,0,30,0c0,0-18.76,0-23.44,1.25C3.98,1.95,1.95,3.98,1.25,6.56,0,11.24,0,21,0,21c0,0,0,9.76,1.25,14.44.69,2.58,2.72,4.61,5.3,5.3,4.68,1.25,23.44,1.25,23.44,1.25,0,0,18.76,0,23.44-1.25,2.58-.69,4.61-2.72,5.3-5.3,1.25-4.68,1.25-14.44,1.25-14.44,0,0,0-9.76-1.25-14.44Z' style='fill:%23ffca00; stroke-width:0px;'/%3E%3Cpath d='m23.99,30l15.59-9-15.59-9v18Z' style='fill:%23fff; stroke-width:0px;'/%3E%3C/g%3E%3C/svg%3E");

  background-size: 1.5em 0.95em; /* 1.43 */

  background-position: center center;

  background-repeat: no-repeat;
}

.fiche-prod__carousel {
  overflow: hidden;
}

.swiper--fiche-prod {
  width: 100%;

  height: fit-content;

  overflow-x: hidden;

  position: relative;
}

.swiper--fiche-prod .swiper-slide {
  aspect-ratio: 1040 / 600;

  background-color: var(--gris-clair);

  padding: var(--padunit);

  margin-bottom: calc(var(--padunit));
}

@media (max-width: 980px) {
  .swiper--fiche-prod .swiper-slide {
    aspect-ratio: 3 / 2;

    padding: calc(var(--padunit) * 2);

    margin-bottom: calc(var(--padunit-mobile) * 0.75);
  }
}

@media (max-width: 640px) {
  .swiper--fiche-prod .swiper-slide {
    aspect-ratio: 3 / 3;

    padding: calc(var(--padunit) * 2);

    margin-bottom: calc(var(--padunit-mobile) * 0.75);
  }
}

.swiper--fiche-prod .swiper-slide img {
  aspect-ratio: 1/1;

  object-fit: contain;

  mix-blend-mode: multiply;
}

.swiper-free-mode > .swiper-wrapper {
  display: flex;

  gap: calc(var(--padunit));

  align-items: flex-start;

  justify-content: flex-start;

  margin: 0 !important;

  cursor: pointer;
}

@media (max-width: 980px) {
  .swiper-free-mode > .swiper-wrapper {
    gap: calc(var(--padunit-mobile) * 0.5);
  }
}

.fiche-prod__links {
  border-top: var(--gris) 1px solid;

  border-bottom: var(--gris) 1px solid;

  padding-top: 0.75em;

  padding-bottom: 1.5em;

  margin: calc(var(--padunit) * 3) 0;
}

@media (max-width: 980px) {
  .fiche-prod__links {
    padding: calc(var(--padunit-mobile) * 1) 0;
  }
}

@media (max-width: 640px) {
  .fiche-prod__links {
    padding: calc(var(--padunit-mobile) * 1.5) 0;
  }
}

.fiche-prod__links__sep {
  display: block;

  width: 100%;

  height: 1px;

  background-color: var(--gris);

  margin-top: 1.5em;

  margin-bottom: 1.5em;
}

.fiche-prod__links label {
  margin: 0 !important;
}

@media (max-width: 980px) {
  .fiche-prod__links label {
    margin: 0 !important;
  }
}

@media (max-width: 640px) {
  .fiche-prod__links label {
    margin: 0 !important;
  }
}

.fiche-prod__link {
  width: 100%;

  height: fit-content;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: calc(var(--padunit)) 0;
}

@media (max-width: 980px) {
  .fiche-prod__link {
    padding: calc(var(--padunit) * 2) 0;
  }
}

@media (max-width: 640px) {
  .fiche-prod__link {
    padding: calc(var(--padunit-mobile) * 0.5) 0;
  }
}

@media (max-width: 500px) {
  .fiche-prod__link {
    padding: calc(var(--padunit-mobile) * 0.65) 0;
  }
}

.fiche-prod__link img {
  aspect-ratio: 1/1;

  width: 1.5em;
}

.fiche-prod__infos {
  margin-bottom: calc(var(--padunit) * 1);
}

.fiche-prod__info {
  margin-bottom: calc(var(--padunit) * 1);
}

@media (max-width: 980px) {
  .fiche-prod__info {
    margin-bottom: calc(var(--padunit) * 2);
  }
}

@media (max-width: 640px) {
  .fiche-prod__info {
    margin-bottom: calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 500px) {
  .fiche-prod__info {
    margin-bottom: calc(var(--padunit-mobile) * 1);
  }
}

.fiche-prod__info__tit3 {
  font-size: clamp(1.25rem, 1.0073rem + 1.0356vw, 2.25rem);

  margin-bottom: calc(var(--padunit) * 0.5);

  color: var(--vert);

  font-weight: var(--semibold);
}

@media (max-width: 980px) {
  .fiche-prod__info__tit3 {
    margin-bottom: calc(var(--padunit) * 1);
  }
}

@media (max-width: 640px) {
  .fiche-prod__info__tit3 {
    margin-bottom: calc(var(--padunit-mobile) * 0.25);
  }
}

@media (max-width: 500px) {
  .fiche-prod__info__tit3 {
    margin-bottom: calc(var(--padunit-mobile) * 0.35);
  }
}

.mod__list {
  font-size: 0.75em;

  list-style: none;

  line-height: normal;

  margin-bottom: 0.25em;
}

.mod__item {
  margin-bottom: 0.25em;
}

.fiche-prod__info.dl {
  margin-top: calc(var(--padunit) * 3);

  margin-bottom: 0;
}

@media (max-width: 980px) {
  .fiche-prod__info.dl {
    margin-top: calc(var(--padunit) * 5);

    margin-bottom: calc(var(--padunit-mobile) * 1);
  }
}

@media (max-width: 640px) {
  .fiche-prod__info.dl {
    margin-top: calc(var(--padunit-mobile) * 1.25);

    margin-bottom: calc(var(--padunit-mobile) * 1.5);
  }
}

@media (max-width: 500px) {
  .fiche-prod__info.dl {
    margin-top: calc(var(--padunit-mobile) * 1.75);
  }
}

.fiche-prod__info.dl h3 {
  margin-bottom: calc(var(--padunit) * 1);
}

@media (max-width: 980px) {
  .fiche-prod__info.dl h3 {
    margin-bottom: calc(var(--padunit) * 1.5);
  }
}

@media (max-width: 640px) {
  .fiche-prod__info.dl h3 {
    margin-bottom: calc(var(--padunit-mobile) * 0.35);
  }
}

@media (max-width: 500px) {
  .fiche-prod__info.dl h3 {
    margin-bottom: calc(var(--padunit-mobile) * 0.5);
  }
}

.fiche-prod__info__dl {
  display: flex;

  gap: calc(var(--padunit) * 0.5);

  align-items: center;

  margin-bottom: calc(var(--padunit) * 0.6);

  text-transform: uppercase;

  font-weight: var(--semibold);

  font-size: clamp(1rem, 0.9697rem + 0.1294vw, 1.125rem);
}

@media (max-width: 980px) {
  .fiche-prod__info__dl {
    margin-bottom: calc(var(--padunit) * 1);
  }
}

@media (max-width: 640px) {
  .fiche-prod__info__dl {
    gap: calc(var(--padunit-mobile) * 0.25);

    margin-bottom: calc(var(--padunit-mobile) * 0.25);
  }
}

@media (max-width: 500px) {
  .fiche-prod__info__dl {
    margin-bottom: calc(var(--padunit-mobile) * 0.25);
  }
}

.fiche-prod__info__dl img {
  aspect-ratio: 1/1;

  width: 1.1em;
}

@media (max-width: 980px) {
  .fiche-prod__info__dl img {
    width: 1.5em;
  }
}

.other-product {
  display: flex;

  gap: calc(var(--padunit) * 2);

  background-color: var(--vert);

  border-radius: 0px 0px 0px 5.2em;

  align-items: center;
}

@media (max-width: 800px) {
  .other-product {
    flex-direction: column;

    padding-top: calc(var(--padunit-mobile) * 1);

    padding-bottom: calc(var(--padunit-mobile) * 1.5);

    gap: calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 640px) {
  .other-product {
    flex-direction: column;

    padding-top: calc(var(--padunit-mobile) * 1.5);

    padding-bottom: calc(var(--padunit-mobile) * 3);

    gap: calc(var(--padunit-mobile) * 1);
  }
}

@media (max-width: 500px) {
  .other-product {
  }
}

.other-product__tit {
  font-size: clamp(1.25rem, 1.0073rem + 1.0356vw, 2.25rem);

  margin-bottom: calc(var(--padunit) * 0.5);

  color: var(--white);

  font-weight: var(--semibold);

  width: calc(100% / 3);
}

@media (max-width: 980px) {
  .other-product__tit {
    width: calc(100% / 2);
  }
}

@media (max-width: 800px) {
  .other-product__tit {
    width: calc(100%);
  }
}

.other-product .products {
  gap: calc(var(--padunit) * 0.675);

  width: calc((100% / 3) * 2);
}

@media (max-width: 980px) {
  .other-product .products {
    width: calc(100% / 2);

    grid-template-columns: repeat(2, 1fr);

    gap: calc(var(--padunit) * 1);
  }
}

@media (max-width: 800px) {
  .other-product .products {
    width: calc(100%);

    grid-template-columns: repeat(2, 1fr);

    gap: calc(var(--padunit) * 1);
  }
}

@media (max-width: 500px) {
  .other-product .products {
    grid-template-columns: repeat(1, 1fr);

    gap: calc(var(--padunit-mobile) * 1);
  }
}

.outil__card .outil__nom--big {
  color: var(--white);
}

.outil__card .outil__img-wrapper {
  transition: 0.2s ease;
}
.outil__card:hover .outil__img-wrapper {
  border-radius: 0px 0px 0px 2em;
  overflow: hidden;
}

.storloc__content {
  background-color: var(--white);
}

.storloc {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  background-color: var(--vert);
}

.storloc__1 {
  position: relative;

  height: 87.5vw;

  width: 100%;
}

.storloc__2 {
  position: relative;

  padding: 6.25vw;

  padding-top: 3em;

  width: 100%;
}

.map {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;
}

.storloc__input {
  width: 100%;

  font-size: 16px;

  border: 2px solid var(--white);

  background-color: var(--white);

  padding: 0.5em 1em;

  color: var(--vert);
}

.storloc__input:focus {
  border-color: var(--jaune);
}

@media (min-width: 640px) {
  .storloc__input {
    font-size: 0.85em;
  }
}

.storloc__list {
  margin-top: 1.5em;
}

@media (min-width: 640px) {
  .storloc__list {
    margin-top: 0;

    position: absolute;

    overflow-y: auto;

    top: 6.5em;

    left: 0;

    height: calc(100% - 7.5em);

    width: calc(100% - 3.125vw - 3.125vw);

    margin-left: calc(3.125vw - 0.25em);

    margin-right: calc(3.125vw - 0.25em);
  }
}

.storloc__list::-webkit-scrollbar {
  width: var(--sb-size);
}

.storloc__list::-webkit-scrollbar-track {
  background: var(--sb-track-color);

  border-radius: 9px;
}

.storloc__list::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);

  border-radius: 9px;
}

@supports not selector(::-webkit-scrollbar) {
  .storloc__list {
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
  }
}

.storeitem {
  padding: 0.35em 0.25em;

  transition: all ease 0.3s;

  border-bottom: 1px solid var(--white);

  user-select: none;
}

.storeitem:first-child {
  margin-top: 0.75em;
}

.storeitem:last-child {
  border-bottom-color: var(--vert);
}

@media (min-width: 640px) {
  .storeitem {
    margin-right: 0.5em;
  }
}

.storeitem.ok {
  color: var(--vert);

  background-color: var(--jaune);
}

.storloc__dist {
  font-size: 0.65em;

  text-transform: uppercase;

  color: #aaaaaa;

  padding-right: 0.75em;
}

.storeitem__nom {
  display: block;

  font-size: 0.75em;

  font-weight: var(--bold);

  color: var(--white);

  user-select: none;
}

.storeitem__adr {
  display: block;

  font-size: 0.75em;

  user-select: none;

  color: var(--white);

  padding-top: 0.25em;
}

.storeitem__adr span {
  color: transparent;
}

.storeitem__adr span::after {
  content: "";

  display: block;
}

.storeitem__adr span.storeitem__tel {
  color: var(--white);

  padding-top: 0.25em;
}

.storeitem__adr span.storeitem__tel::before {
  content: "☎ ";
}

@media (min-width: 640px) {
  .storeitem.ok .storeitem__adr span {
    color: var(--white);
  }

  .storeitem__adr span {
    color: var(--white);
  }

  .storeitem__adr span::after {
    display: inline;
  }
}

@media (min-width: 640px) {
  .storloc {
    flex-direction: row;
  }

  .storloc__1 {
    width: 50%;

    height: 80vh;

    min-height: 400px;
  }

  .storloc__2 {
    padding: 3.125vw;

    width: 50%;

    height: 80vh;

    min-height: 400px;
  }
}

.storloc__lab {
  position: absolute;

  top: -1.75em;

  font-size: 0.65em;

  font-weight: var(--bold);

  text-transform: uppercase;

  color: var(--white);
}

.storloc_chp {
  position: relative;
}

.storloc__option {
  position: relative;

  margin-top: 0.25em;
}

.storloc__localisation {
  all: initial;

  position: absolute;

  right: 0;

  top: 0;

  width: 4em;

  height: 100%;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='m0 14 16 6 6 16L36 0 0 14Z' style='fill:none'/%3E%3Cpath d='m28.98 7.02-17.77 6.91 7.9 2.96 2.96 7.9 6.91-17.77M36 0 22 36l-6-16-16-6L36 0Z' style='fill:%23005a55'/%3E%3C/svg%3E");

  background-size: 1.38em 1.38em;

  background-repeat: no-repeat;

  background-position: center center;

  cursor: pointer;
}

.qu__radioin {
  position: absolute;

  left: 0;

  visibility: hidden;

  height: 0;

  width: 0;

  transform: scale(0);
}

.qu__radioincont {
  display: inline-block;

  position: relative;

  margin-bottom: 0.25em;
}

.qu__radioincont:last-child {
  margin-right: 0;
}

.qu__radiolab {
  position: relative;

  z-index: 2;

  display: inline-block;

  font-size: 0.8em;

  font-weight: 700;

  text-transform: uppercase;

  cursor: pointer;

  background-color: #000000;

  color: #fff;

  padding: 0.25em 0.75em;

  border-radius: 0;

  -webkit-transition: background-color 0.2s ease-in;

  transition: background-color 0.3s ease-in;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;
}

.qu__radiolab--small {
  font-size: 0.65em;

  font-weight: var(--bold);

  background-color: var(--vert);
}

.qu__radioin:checked + label {
  background-color: var(--jaune);
}

.qu__radiolab:hover:not(:checked) + label {
  background-color: var(--jaune);
}

.bgblanc {
  background-color: var(--white);
  position: relative;
  z-index: 1;
}

.mw840p {
  max-width: 840px;
}

.faqcol__2 {
  margin-top: 3em;
}

@media (min-width: 900px) {
  .faqcol {
    display: flex;
  }

  .faqcol__1 {
    width: 50%;
  }

  .faqcol__2 {
    margin-top: 0;

    padding-left: calc(var(--padunit) * 3);

    width: 50%;
  }
}

.faqsom__item {
  display: block;

  font-size: 0.9em;

  color: var(--vert);

  font-weight: var(--bold);

  line-height: normal;

  padding: 1em 0;

  border-bottom: 1px solid var(--gris);

  transition: color ease 0.3s;
}

.faqsom__item:hover {
  color: var(--jaune);
}

/* PRESS */

.press__tit {
  font-size: 1em;

  font-weight: var(--bold);

  color: var(--vert);

  margin-bottom: 0.25em;
}

.press__col {
  padding-top: 4em;

  padding-bottom: 2em;
}

.press__col2 {
}

.press__col1 {
  margin-bottom: 1.5em;
}

@media (min-width: 700px) {
  .press__col {
    padding-top: 2em;

    display: flex;
  }

  .press__col1 {
    margin-top: 0;

    width: 40%;

    text-align: right;

    padding-right: 3em;
  }

  .press__col2 {
    width: 60%;

    max-width: 800px;
  }

  .press__img {
    text-align: right;
  }

  .press__img img {
    width: auto;
  }
}

@media (min-width: 1300px) {
  .press__col {
    padding-top: 1em;
  }

  .press__col1 {
    padding-right: 6em;
  }
}

/* RECRUTEMENT */

.guidesom__pad {
  margin-top: 3em;

  max-width: 960px;
}

.guidesom__tit {
  font-size: 1.4em;

  color: #fcde00;

  margin-bottom: 2em;
}

.guidesom__list {
}

.guidesom__item {
  display: block;

  text-decoration: none;

  color: #005a55;

  transition: color 0.3s ease;

  margin-top: 2.8em;
}

.guidesom__item:hover {
  color: #fcde00;
}

.guidesom__txt {
  border-top: 3px solid #fcde00;

  font-size: 1.2em;

  font-weight: 700;

  line-height: 1.2;

  padding: 0.5em 0;
}

.guidesom__img {
  position: relative;
}

.guidesom__img img {
  border-bottom-left-radius: 3em;
}

.guidesom__over {
  position: absolute;

  border-bottom-left-radius: 3em;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background-color: rgba(252, 222, 0, 0);

  transition: background-color 0.3s ease;
}

.guidesom__item:hover .guidesom__over {
  background-color: rgba(252, 222, 0, 0.25);
}

.recru__item {
  padding-top: 2em;

  padding-bottom: 2em;

  max-width: 48em;
}

/* FORM CONTACT */

.contact_form {
  background-color: var(--jaune);

  padding: 2em 1em;

  border-bottom-left-radius: 2em;
}

.contact_form--fdblanc .contact_form {
  background-color: var(--white);

  padding: 2em 0;
}

.contact_form__tit {
  margin-top: 0.75em;
  color: var(--vert);
  font-weight: 700;
}
.contact_form__tit em {
  margin-top: 0.75em;
  font-size: 0.75em;
  font-weight: 400;
}

@media (min-width: 700px) {
  .contact_form {
    padding: 3em;
  }

  .contact_form--fdblanc .contact_form {
    padding: 0;
  }
}

.mw24em {
  max-width: 24em;
}

@media (min-width: 1300px) {
  .contact_form {
    padding: 3em;
    border-bottom-left-radius: 3em;
  }
}

/* CONTACT

***************/

.formsstit {
  font-size: 1.125em;

  color: var(--gris);

  font-weight: var(--bold);

  padding-bottom: 0.75em;
}

.form__container {
  margin-top: 2em;
}

.form__cont {
  padding-top: 1.5em;
}

.form__group {
  clear: both;
}

.form__group--radio {
  margin-bottom: 1.5em;
}

.form__group--mask {
  display: none;
}

.form__group--alert .form__lab {
  color: var(--rouge);
}

.form__group--alert .form__lab:before {
  content: "⌦ ";

  color: var(--rouge);
}

.form__group--alert .form__chp {
  border: 1px solid var(--rouge);
}

.form__lab {
  font-size: 0.65em;

  font-weight: var(--bold);

  text-transform: uppercase;

  color: var(--gris);

  padding-top: 0.5em;

  display: block;

  width: 100%;
}

.form__labradio {
  font-size: 0.65em;

  color: var(--gris);

  padding-right: 1em;

  display: block;

  cursor: pointer;

  margin-bottom: 0.35em;
}

.form__labradio--2 {
  font-weight: var(--bold);

  text-transform: uppercase;
}

.form__labradio--blc {
  color: #fff;
}

.form__labradio--rgpd {
  font-size: 0.65em;

  margin-top: 0.5em;
}

.form__labradio--rgpd--last {
  margin-top: 1.5em;
}

.mention {
  margin-top: 1em;

  color: var(--gris);

  font-size: 0.65em;
}

.mention a {
  color: var(--gris);
}

.form__lab--optionel:after {
  content: " (optionnel)";

  text-transform: lowercase;

  font-style: italic;

  color: var(--gris);
}

.form__chp {
  font-family: var(--font);

  font-weight: 400;

  font-size: 16px;

  border: 2px solid var(--vert);

  color: var(--gris);

  background-color: var(--gris-clair);

  width: 100%;

  margin-top: 0.25em;

  margin-bottom: 0.5em;

  padding: 0.6em 0.8em;

  appearance: none;

  outline: none;

  -webkit-appearance: none;

  border-radius: 0;

  border-bottom-left-radius: 1em;

  transition: all 0.5s ease;
}

@media (min-width: 700px) {
  .form__chp {
    font-size: 0.65em;
  }
}

.form__chp--bd {
  border: 2px solid var(--jaune);
}

.contact_form--fdblanc .form__chp--bd {
  border-color: var(--gris-clair);
}

.form__chp--withbtn {
  margin-bottom: 0;
}

::-webkit-input-placeholder {
  font-weight: 700;

  color: var(--vert);
}

:-moz-placeholder {
  font-weight: 700;

  color: var(--vert);
}

::-moz-placeholder {
  font-weight: 700;

  color: var(--vert);
}

:-ms-input-placeholder {
  font-weight: 700;

  color: var(--vert);
}

.form__chp:focus {
  border-color: var(--jaune);
}

.form__chp--bd:focus {
  border-color: var(--gris);
}

.form__chp--error {
  border-color: var(--rouge);
}

.form__chp--error:focus {
  border-color: var(--rouge);
}

.form__chp--area {
  height: 4em;

  transition: height 1s ease;
}

.form__chp--area--bigger {
  height: 10em;
}

.form__info {
  color: var(--gris);
}

.form__info {
  color: var(--gris);
}

.form__info .error {
  font-size: 0.75em;
  font-weight: 700;
  margin-top: 0.75em;
  color: var(--white);
  background-color: var(--rouge);
  padding: 0.75em;
}

.form__info .success {
  font-size: 0.75em;
  font-weight: 700;
  margin-top: 0.75em;
  color: var(--white);
  background-color: var(--vert);
  padding: 0.75em;
}

.form__submit__cont {
  margin-top: 0.75em;

  text-align: left;
}

.form__submit {
  font-family: var(--font);

  font-size: 0.9em;

  color: var(--vert);

  margin-bottom: 0.5em;

  -webkit-appearance: none;

  appearance: none;

  color: var(--white);

  background-color: var(--vert);

  border: 3px solid var(--vert);

  transition: all 0.3s ease-in-out;

  text-transform: uppercase;

  padding: 1em;

  border-radius: 0px 0px 0px 0.59em;

  font-weight: var(--bold);

  display: inline-block;

  font-size: 0.65em;

  font-weight: var(--bold);

  white-space: nowrap;
}

.form__submit:hover {
  background-color: var(--gris);

  border-color: var(--gris);

  cursor: pointer;
}

.form__submit--2 {
  font-weight: 400;

  text-transform: uppercase;

  background-color: #fff;

  color: var(--vert);

  border: 3px solid #fff;

  border-bottom-left-radius: 1em;

  min-width: 12em;
}

.form__chp optgroup {
  background-color: #f3f3f3;
}

.form__chp option {
  background-color: #fff;
}

/* DOCUMENT */

.telech__list {
  display: block;
}

.telech__item {
  display: block;

  margin-top: 3em;
}

.telech__link {
  text-decoration: none;

  color: var(--gris);
}

.telech__txt {
  margin-top: 0.5em;
}

.telech__tit {
  display: block;

  font-size: 0.8em;
}

.telech__info {
  display: block;

  font-size: 0.7em;

  font-weight: 700;

  color: var(--vert);
}

.telech__item img {
  transition: box-shadow 0.3s ease;
}

.telech__item:hover img {
  box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.4);
}

.telechbox__bt {
  color: #fff;

  display: none;
}

@media (min-width: 375px) {
  .telech__list {
    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: flex-start;

    max-width: 69em;

    margin-left: -1em;

    margin-right: -1em;
  }

  .telech__item {
    margin-top: 0;

    flex: 0 1 auto;

    width: 50%; /* ou bien flex: 0 1 24% */

    height: auto;

    align-self: flex-end;

    padding: 1em;
  }

  .telech__txt {
    min-height: 6em;
  }
}

@media (min-width: 700px) {
  .telech__list {
    margin-left: -3em;

    margin-right: -3em;
  }

  .telech__item {
    width: 33%;

    padding: 3em 3em 0 3em;
  }
}

@media (min-width: 1100px) {
  .telech__item {
    width: 24%;
  }
}

.formail__tit {
  font-weight: 400;

  color: var(--white);

  margin-bottom: 0.75em;
}

#form__info_mail .error {
  color: var(--jaune);

  padding-bottom: 0.5em;
}

.nomdoc {
  color: var(--jaune);
}

.backDrop {
  background-color: var(--black);

  display: none;

  filter: alpha(opacity=0);

  height: 100%;

  left: 0;

  opacity: 0;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 50;
}

.box {
  position: fixed;

  display: none;

  box-shadow: 0px 0px 5px #444444;

  opacity: 0;

  z-index: 51;

  margin: auto;

  bottom: 0;

  right: 0;

  width: auto;
}

.close {
  color: var(--jaune);

  cursor: pointer;

  float: left;

  font-size: 1.8em;

  line-height: 1;

  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);

  padding: 0.3em;

  position: absolute;

  top: -1.5em;

  left: 0;
}

.close:hover {
  color: #fff;
}

.box--mail {
  max-width: 26em;

  padding: 2em 1em 3em 1em;

  margin-left: auto;

  margin-right: auto;

  background-color: var(--vert);

  border-bottom-left-radius: 2em;
}

@media (min-width: 700px) {
  .box--mail {
    top: 10%;

    bottom: auto;

    left: 50%;

    margin-left: -13em;
  }
}

.marqsousnav a {
  display: inline-block;

  font-size: 0.72em;

  text-transform: uppercase;

  font-weight: var(--bold);

  color: var(--gris);

  padding-right: 1em;

  text-decoration: underline;
}

.marqsousnav a:hover {
  text-decoration: none;
}

.marqbloq {
  padding-top: 4em;
}

.marqbloq--pt2 {
  padding-top: 2em;
}

.marqbloq__2 {
  margin-top: 1.5em;
}

@media (min-width: 900px) {
  .marqbloq {
    display: flex;
  }

  .marqbloq__1 {
    width: 50%;

    padding-right: calc(var(--padunit) * 2);
  }

  .marqbloq__1--65 {
    width: 65%;
  }

  .marqbloq__2 {
    margin-top: 0;

    width: 50%;

    padding-right: calc(var(--padunit) * 2);
  }
}

.marq__intro {
  font-size: clamp(1.25rem, 0.9818rem + 1.1442vw, 2.8125rem);

  color: var(--jaune);

  font-weight: var(--bold);
}

@media (min-width: 900px) {
  .marqbloq__video {
    padding-left: calc(var(--padunit) * 5);

    padding-right: calc(var(--padunit) * 5);
  }
}

.arrondiombre__cont {
  padding-bottom: 5em;

  background-color: var(--white);
}

.arrondiombre {
  height: 5em;

  background-color: var(--white);

  border-radius: 0 0 0 5.2em;

  box-shadow: 0px 38px 70px 0px rgba(55, 53, 47, 0.1);
}

.chrono__titprincip {
  padding-left: calc(var(--padunit) * 3);
}

@media (min-width: 900px) {
  .chrono__titprincip {
    padding-left: 0;

    width: 50%;

    padding-right: calc(var(--padunit) * 2);
  }
}

.chrono__item {
  padding-top: 3em;

  padding-left: calc(var(--padunit) * 3);
}

.chrono__annee {
  font-size: 6em;

  font-weight: var(--extrabold);

  color: var(--jaune);

  text-align: left;
}

.chrono__tit {
  font-size: 1em;

  text-transform: uppercase;

  font-weight: var(--bold);

  color: var(--vert);

  text-align: left;
}

.chrono {
  position: relative;
}

.chrono__line {
  position: absolute;

  left: 0;

  top: 0;

  width: 0.4em;

  background-color: var(--jaune);

  height: 100%;

  z-index: 0;
}

.chrono__line-dot {
  position: sticky;
  top: 50%;
  transform: translate(calc(-50% + 0.2em), -50%);
  aspect-ratio: 1/1;
  width: calc(var(--padunit) * 2);
  background: white;
  border: solid 0.4em var(--jaune);
  border-radius: 50%;
}

@media (max-width: 1260px) {
  .chrono__line-dot {
    width: calc(var(--padunit) * 3);
  }
}
@media (max-width: 760px) {
  .chrono__line-dot {
    width: calc(var(--padunit) * 3.5);
  }
}
@media (max-width: 450px) {
  .chrono__line-dot {
    width: calc(var(--padunit) * 4.25);
  }
}

.chrono__item img {
  padding-top: 1em;

  border-radius: 0 0 0 5em;
}

@media (min-width: 900px) {
  .chrono__line {
    left: 50%;

    margin-left: -0.2em;
  }

  .chrono__item {
    padding-top: 0;

    padding-left: 0;

    width: 50%;

    padding-right: calc(var(--padunit) * 2);
  }

  .chrono__item.animscroll {
    opacity: 0;

    transform: translateX(calc(var(--padunit) * 1));

    transition: all ease 1s;
  }

  .chrono__item.animscroll--go {
    opacity: 1;

    transform: translateX(0);
  }

  .chrono__item:nth-child(2n + 1) {
    padding-right: 0;

    padding-left: calc(var(--padunit) * 2);

    margin-left: 50%;
  }

  .chrono__item.animscroll:nth-child(2n + 1) {
    opacity: 0;

    transform: translateX(calc(var(--padunit) * -1));

    transition: all ease 1s;
  }

  .chrono__item.animscroll--go:nth-child(2n + 1) {
    opacity: 1;

    transform: translateX(0);
  }

  .chrono__annee {
    text-align: right;
  }

  .chrono__tit {
    text-align: right;
  }

  .chrono__item:nth-child(2n + 1) .chrono__annee,
  .chrono__item:nth-child(2n + 1) .chrono__tit {
    text-align: left;
  }
}

.chrono__leg {
  padding-top: 0.5em;

  font-size: 0.74em;

  font-weight: var(--bold);

  text-align: center;
}

.marq__imgsecond img {
  margin-top: 3em;
}

.rse__titbas__cont {
  background-color: var(--white);

  padding-top: calc(var(--padunit) * 4);

  padding-bottom: calc(var(--padunit) * 4);

  text-align: center;
}

@media (min-width: 900px) {
  .rse__titbas__cont {
    padding-left: calc(var(--padunit) * 6);

    padding-right: calc(var(--padunit) * 6);
  }
}

.rse__titbas {
  font-size: 5.83vw;

  font-weight: var(--bold);

  color: var(--jaune);

  line-height: normal;

  text-transform: uppercase;
}

.border-placeholder {
  height: 5.52em;

  width: 100%;

  background-color: var(--white);

  border-radius: 0px 0px 0px 5.2em;
}

.rub1 .border-placeholder {
  display: none;
}

.footer {
  position: relative;

  background: var(--jaune);
}

.footer::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  transform: translateY(-99%);

  background: var(--jaune);

  z-index: -1;
}

@media (max-width: 750px) {
  .footer {
    padding-top: calc(var(--padunit-mobile) * 1);

    padding-bottom: calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 640px) {
  .footer {
    padding-top: calc(var(--padunit-mobile) * 1.5);

    padding-bottom: calc(var(--padunit-mobile) * 0.5);
  }
}

.footer__drawers {
  display: flex;

  gap: calc(var(--padunit) * 3.5);

  margin-bottom: 0.18em;
}

@media (max-width: 1400px) {
  .footer__drawers {
    gap: calc(var(--padunit) * 2);

    margin-bottom: calc(var(--padunit) * 2);
  }
}

@media (max-width: 1200px) {
  .footer__drawers {
    gap: calc(var(--padunit) * 2);
  }
}

@media (max-width: 1050px) {
  .footer__drawers {
    flex-wrap: wrap;
  }
}

@media (max-width: 750px) {
  .footer__drawers {
    flex-wrap: nowrap;

    flex-direction: column;

    gap: calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 640px) {
  .footer__drawers {
    gap: calc(var(--padunit-mobile) * 0.75);
  }
}

@media (max-width: 450px) {
  .footer__drawers {
    gap: calc(var(--padunit-mobile) * 1);
  }
}

.footer-drawer {
  display: flex;

  flex-direction: column;

  gap: calc(var(--padunit) * 0.75);

  width: 11.85em;
}

@media (max-width: 750px) {
  .footer-drawer {
    width: 100%;

    gap: 0;
  }
}

.footer-drawer--open {
  gap: calc(var(--padunit-mobile) * 0.5);
}

.footer-drawer__head {
  display: flex;

  align-items: center;

  gap: calc(var(--padunit-mobile) / 2);
}

@media (max-width: 640px) {
  .footer-drawer__head {
    width: 100%;

    justify-content: space-between;
  }
}

.footer-drawer__tit {
  font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);

  font-weight: var(--bold);
}

.footer-drawer__head img {
  aspect-ratio: 25/12;

  width: 1.56em;

  display: none;

  transition: all 0.15s ease-in-out;
}

@media (max-width: 750px) {
  .footer-drawer__head img {
    aspect-ratio: 25/12;

    width: 1.56em;

    display: block;
  }
}

.footer-drawer__img--open {
  transform: rotate(180deg);
}

.footer-drawer ul {
  display: flex;

  flex-direction: column;

  gap: calc(var(--padunit) * 0.25);

  font-weight: var(--medium);

  font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
}

@media (max-width: 750px) {
  .footer-drawer ul {
    height: 0;

    overflow: hidden;

    gap: calc(var(--padunit-mobile) * 0.25);
  }
}

.footer-drawer__ul--open {
  height: fit-content !important;
}

.footer-drawer a:hover {
  text-decoration: underline;
}

.footer-drawer--rs {
  margin-right: calc(var(--padunit) * 1.5);
}

@media (max-width: 750px) {
  .footer-drawer--rs {
    margin-right: calc(var(--padunit) * 0);
  }
}

@media (max-width: 750px) {
  .footer-drawer__head--rs {
    display: none;
  }

  .footer-drawer__ul--rs {
    display: flex;

    flex-direction: row !important;

    height: fit-content !important;

    justify-content: space-between;

    margin-top: calc(var(--padunit-mobile) * 0.5);
  }

  .footer-drawer__a--rs span {
    display: none;
  }
}

@media (max-width: 640px) {
  .footer-drawer__ul--rs {
    margin-top: calc(var(--padunit-mobile) * 1);
  }
}

.footer-drawer__a--rs {
  display: flex;

  gap: calc(var(--padunit) * 0.25);

  align-items: center;
}

@media (max-width: 750px) {
  .footer-drawer__a--rs span {
    display: none;
  }
}

.footer-drawer__a--rs img {
  aspect-ratio: 1/1;

  width: 1.22em;
}

@media (max-width: 750px) {
  .footer-drawer__a--rs img {
    width: 2.5em;
  }
}

.footer__promo {
  font-weight: var(--semibold);

  font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
}

@media (max-width: 1050px) {
  .footer__promo {
    margin-top: calc(var(--padunit) * 2);
  }
}

@media (max-width: 750px) {
  .footer__promo {
    margin-top: calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 640px) {
  .footer__promo {
    margin-top: calc(var(--padunit-mobile) * 1);
  }
}

.footer__footer {
  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  width: 100%;

  margin-top: calc(var(--padunit) * 2);
}

@media (max-width: 1050px) {
  .footer__footer {
    flex-direction: column-reverse;

    gap: calc(var(--padunit) * 2);

    align-items: center;
  }
}

@media (max-width: 750px) {
  .footer__footer {
    gap: calc(var(--padunit-mobile) * 0.5);

    margin-top: calc(var(--padunit-mobile) * 0.5);
  }
}

@media (max-width: 640px) {
  .footer__footer {
    gap: calc(var(--padunit-mobile) * 1);

    margin-top: calc(var(--padunit-mobile) * 1);
  }
}

.footer__footer img {
  aspect-ratio: 340/40;

  width: 12.6em;

  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(288deg) brightness(102%) contrast(102%);
}

@media (max-width: 640px) {
  .footer__footer img {
    width: 100%;
  }
}

.footer__footer-links {
  display: flex;

  flex-direction: column;

  align-items: flex-end;

  gap: calc(var(--padunit) * 0.5);

  font-size: 16px;
}

@media (max-width: 1050px) {
  .footer__footer-links {
    align-items: flex-start;

    gap: calc(var(--padunit) * 0.5);
  }
}

@media (max-width: 750px) {
  .footer__footer-links {
    gap: calc(var(--padunit-mobile) * 0.25);
  }
}

@media (max-width: 640px) {
  .footer__footer-links {
    gap: calc(var(--padunit-mobile) * 0.5);
  }
}

.footer__footer-links p a {
  text-decoration: underline;
}

.video__cont {
  margin: 2em 0;
}

.embed-container {
  margin: 0 0;

  position: relative;

  height: 0;

  padding-bottom: 56.25%;

  overflow: hidden;

  margin-top: 2em;
}

.embed-container iframe {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;
}

.embed-youtube {
  position: relative;

  overflow: hidden;

  aspect-ratio: 16 / 9;

  /*aspect-ratio: 1.861;*/

  background-color: #000;

  color: #fff;

  margin-top: 2em;

  margin-bottom: 2em;
}

.embed-youtube a::after {
  content: "▶";

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-size: 1.5em;

  line-height: 1;

  padding: 0.85em 0.75em 0.75em 0.85em;

  z-index: 10;

  color: var(--main-color1);

  pointer-events: none;

  transition: all ease 0.3s;

  background-color: var(--main-bgcolor0);
}

.embed-youtube a:hover::after {
  background-color: var(--main-color1);

  color: var(--main-bgcolor0);
}

.embed-youtube--1-6 {
  aspect-ratio: 1.6;
}

.embed-youtube iframe,
.embed-youtube a {
  position: absolute;

  width: 100%;

  height: 100%;
}

.embed-youtube img {
  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;
}

.imgmultiins {
  margin-top: 2em;

  margin-bottom: 2em;
}

.imgmultiins img {
}

.imgmultiins__figcaption {
  font-size: 0.65em;

  color: #aaaaaa;

  margin-top: 0.75em;
}

@media (min-width: 900px) {
  .imgmultiins {
    margin-left: 0;

    margin-right: 0;
  }
}

/*ACCORDION*/

*:not(.accordion) + .accordion {
  margin-top: 2em;
}

.accordion + *:not(.accordion) {
  margin-top: 1.5em;
}

.accordion {
  border-top: 2px solid var(--main-color1);

  border-bottom: 2px solid var(--main-color1);
}

.accordion + .accordion {
  border-top-width: 0;
}

.accordion__btn,
.editor h2.accordion__btn {
  font-family: var(--font2);

  text-transform: var(--titreuc);

  display: block;

  font-size: 1em;

  font-weight: 700;

  line-height: 1.2;

  cursor: pointer;

  width: 100%;

  border: none;

  text-align: left;

  outline: none;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  background-color: var(--main-bgcolor0);

  color: var(--main-color1);

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='36' height='21'%3E%3Cpath d='M0 2.821 2.8 0 18 15.352 33.2 0 36 2.821 20.8 18.175 18 21Z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-size: 0.75em 0.44em;

  background-position: right 1.15em;

  padding-right: 1.5em;

  padding-top: 0.7em;

  padding-bottom: 0;
}

/*

.accordion__btn:hover {

background-color: #fff

}

*/

.accordion__btn.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='36' height='21'%3E%3Cpath d='M36 18.179 33.2 21 18 5.648 2.8 21 0 18.179 15.2 2.825 18 0Z'/%3E%3C/svg%3E");
}

.accordion__contenu {
  padding-top: 1em;

  max-height: 0;

  overflow: hidden;

  -webkit-transition: max-height 0.5s ease-out;

  transition: max-height 0.5s ease-out;

  font-size: 1em;

  line-height: 1.5;

  color: var(--main-color1);
}

.accordion__contenu::after {
  content: "-";

  opacity: 0;
}

/* autocomplete */

.mobferme {
  display: none;
}

@media (max-width: 980px) {
  .navchercheropen .mobferme {
    display: block;

    position: absolute;

    top: 1em;

    left: calc(2 * var(--padunit));

    color: #fff;

    pointer-events: none;
  }
}

.autocomplete__cont {
  position: absolute;

  z-index: 150;

  top: 0;

  right: valc(2 * var(--padunit));
}

#autoComplete {
  font-size: 16px;

  padding: 0.75em 0.75em;

  padding-left: 3em;

  width: 100%;

  color: #000;

  background-color: rgba(255, 255, 255, 0.2);

  border: 1px solid var(--vert);

  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='m21.55,19.38l-5.12-5.12c1.04-1.47,1.66-3.27,1.66-5.21C18.09,4.06,14.03,0,9.04,0S0,4.06,0,9.04s4.06,9.04,9.04,9.04c1.94,0,3.74-.62,5.21-1.66l5.12,5.12c.3.3.69.45,1.09.45s.79-.15,1.09-.45c.6-.6.6-1.57,0-2.17Zm-12.51-4.36c-3.29,0-5.97-2.68-5.97-5.97s2.68-5.97,5.97-5.97,5.97,2.68,5.97,5.97-2.68,5.97-5.97,5.97Z' style='fill:%23005a55; stroke-width:0px;'/%3E%3C/svg%3E");

  background-size: 1.2em 1.2em;

  background-position: left 1em center;

  background-repeat: no-repeat;

  border-radius: 0 0 0 0.75em;
}

.headerblanc:not(.body--headerbg) #autoComplete {
  border-color: var(--white);

  color: #fcfcfc;

  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='m21.55,19.38l-5.12-5.12c1.04-1.47,1.66-3.27,1.66-5.21C18.09,4.06,14.03,0,9.04,0S0,4.06,0,9.04s4.06,9.04,9.04,9.04c1.94,0,3.74-.62,5.21-1.66l5.12,5.12c.3.3.69.45,1.09.45s.79-.15,1.09-.45c.6-.6.6-1.57,0-2.17Zm-12.51-4.36c-3.29,0-5.97-2.68-5.97-5.97s2.68-5.97,5.97-5.97,5.97,2.68,5.97,5.97-2.68,5.97-5.97,5.97Z' style='fill:%23fff; stroke-width:0px;'/%3E%3C/svg%3E");
}

.headerblanc:not(.body--headerbg) #autoComplete::placeholder {
  color: #fff;
}

.navchercheropen.headerblanc:not(.body--headerbg) #autoComplete::placeholder {
  color: #000;
}

.navchercheropen.headerblanc:not(.body--headerbg) #autoComplete {
  color: #000;
}

.navchercheropen.headerblanc:not(.body--headerbg) #autoComplete {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='m21.55,19.38l-5.12-5.12c1.04-1.47,1.66-3.27,1.66-5.21C18.09,4.06,14.03,0,9.04,0S0,4.06,0,9.04s4.06,9.04,9.04,9.04c1.94,0,3.74-.62,5.21-1.66l5.12,5.12c.3.3.69.45,1.09.45s.79-.15,1.09-.45c.6-.6.6-1.57,0-2.17Zm-12.51-4.36c-3.29,0-5.97-2.68-5.97-5.97s2.68-5.97,5.97-5.97,5.97,2.68,5.97,5.97-2.68,5.97-5.97,5.97Z' style='fill:%23005a55; stroke-width:0px;'/%3E%3C/svg%3E");
}

.navchercheropen #autoComplete {
  background-color: rgba(255, 255, 255, 1);
}

@media (min-width: 981px) {
  #autoComplete {
    font-size: 0.8em;
  }
}

#autoComplete:focus {
  border: 1px solid var(--vert);

  outline: solid var(--vert) 1px;
}

.autoComplete_wrapper {
  display: block;

  font-size: 0.65em;

  /*position: absolute;*/

  position: fixed;

  z-index: 150;

  right: calc(2 * var(--padunit));

  width: 20vw;

  padding-bottom: 1.5em;

  top: calc(1.5 * var(--padunit) + 2em);

  transition: all ease 0.5s;
}

@media (max-width: 981px) {
  .autoComplete_wrapper {
    left: 0.2em;

    width: 4em;

    top: 1em;
  }

  #autoComplete {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7305 14.7305L19.9992 19.9992' stroke='%23ffca00' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='8.83876' cy='8.83876' r='7.33876' stroke='%23ffca00' stroke-width='3'/%3E%3C/svg%3E%0A");

    background-size: 1.5em 1.5em;

    border: none;

    background-color: transparent;
  }
}

body.headhide .autoComplete_wrapper {
  /*position: absolute;*/

  transform: translateY(-8em);
}

.navchercheropen .autoComplete_wrapper {
  width: 27vw;
}

@media (max-width: 981px) {
  .navchercheropen .autoComplete_wrapper {
    width: calc(100vw - 4 * var(--padunit));

    left: calc(2 * var(--padunit));

    top: 3em;
  }
}

.navchercheropen .autoComplete_wrapper ul {
  margin-top: 0.5em;

  background-color: #fff;

  padding-bottom: 0.75em;
}

.autoComplete_wrapper p {
  font-size: 0.8em;

  font-weight: 500;

  padding-top: 1em;

  padding-bottom: 0.5em;

  padding-left: 0.75em;

  padding-right: 0.5em;

  text-transform: uppercase;

  color: var(--vert);
}

@media (max-width: 981px) {
  .autoComplete_wrapper p {
    font-size: 1.25em;

    padding-top: 1.5em;
  }
}

.autoComplete_wrapper li a {
  font-size: 0.9em;

  padding: 0.15em 0;

  padding-left: 1.5em;
}

@media (max-width: 981px) {
  .autoComplete_wrapper li a {
    font-size: 1.5em;

    padding-top: 0.15em;

    padding-bottom: 0.5em;
  }
}

@media (min-width: 900px) {
  .autoComplete_wrapper li {
    padding: 0.15em 0.5em;
  }
}

.autoComplete_wrapper a {
  text-decoration: none;

  color: #000;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath style='fill:none;stroke:%23777;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' d='M16.31 16.31 25 25M9.75 1c4.83 0 8.75 3.92 8.75 8.75s-3.92 8.75-8.75 8.75S1 14.58 1 9.75 4.92 1 9.75 1Z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-size: 0.8em 0.8em;

  background-position: 0.25em 0.35em;

  padding-left: 1.5em;

  padding-right: 0.5em;
}

.autoComplete_wrapper a span:first-child {
  text-transform: lowercase;
}

.autoComplete_wrapper a span:first-letter {
  text-transform: uppercase;
}

.autoComplete_wrapper a:hover {
  background-color: #f0f0f0;
}

.autoComplete_wrapper a span:nth-child(2) {
  opacity: 0;
}

.autoComplete_wrapper a:hover span:nth-child(2) {
  opacity: 1;
}

.autoComplete_wrapper mark {
  background: none;

  color: #000;

  font-weight: 700;
}

.autoComplete__cat {
  display: flex;
  align-items: center;
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.75);
}

.sticky__wrapper {
  position: sticky;
  top: var(--pt-header);
}

/**
 * Swiper 11.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 13, 2024
 */

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}