@font-face {
  font-family: "booton"; /* Le nom que tu choisis */
  src: url("/theme/fr/assets/fonts/BootonVF-TRIAL.ttf") format("truetype");
}

body {
  font-family: "booton", sans-serif;
}

:root {
  /* Font variables */
  --font-main: "booton", sans-serif;
  --font-title: "booton", serif;

  /* Couleurs */
  --noir: #181d14; /* Noir bleuté profond, moins dur que le noir pur */
  --gris: #f7f6f5;
  --gris-clair: #f5f6f9; /* Gris clair moderne, lumineux mais pas trop blanc */
  --primary: #173e1e; /* Orange brûlé (complémentaire du violet), très tendance */
  --primary-25: #f8dad2; /* 25% du orange brûlé */
  --secondary: #2e8be4; /* Bleu franc, frais, qui fonctionne bien en duo avec l’orange */
  --jaune: #fff5d6; /* Jaune vanille pâle, doux et élégant */
  --vert: #d9f2e6; /* Vert d’eau pastel, très relaxant et naturel */
  --blanc: #fff; /* Rose poudré très doux, moderne et compatible avec le reste */

  --text-gris: #5b5650;

  --btn-color: #fff;
  --btn-hover-color: #fff;

  --bg-gray: #f7f6f5;

  /* sticky top */
  --sticky-top-up: 120px;
  --sticky-top-down: 80px;
}

.bg-light {
  background: var(--gris) !important;
}

.bg-sombre {
  background: var(--sombre);
}

.banniere-profonde.bg-sombre h1,
.banniere-profonde.bg-sombre .surtitre {
  color: #fff;
}

.banniere-profonde.bg-sombre .ban-picto {
  mix-blend-mode: luminosity;
}

.banniere-profonde.bg-pale .ban-picto {
  mix-blend-mode: luminosity;
  filter: brightness(0.8) contrast(1.1);
}

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

.text-sombre {
  color: var(--sombre);
}

.text-pale {
  color: var(--pale);
}

.text-flash {
  color: var(--flash);
}

.bg-pale {
  background: var(--pale);
}

body.theme-vert {
  --flash: #94df00;
  --sombre: #173e1e;
  --pale: #d2ffa0;
}

body.theme-orange {
  --flash: #ffa601;
  --sombre: #5d4a1a;
  --pale: #ffe8a7;
}

body.theme-bleu {
  --flash: #46abea;
  --sombre: #13377b;
  --pale: #c0e6ff;
}

body.theme-violet {
  --flash: #b96dff;
  --sombre: #4a2385;
  --pale: #e7caff;
}

.bg-gray {
  background: var(--bg-gray);
}

.text-pale * {
  color: var(--pale) !important;
}

body {
  font-family: var(--font-main);
  color: var(--noir);
  font-size: 1rem;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

.accordion-body a:hover,
section.post-text-image .post-content a:hover,
.composant-historique .post-content a:hover,
.item-apercu a:hover,
section.post-text .post-content a:hover,
section .post-content a:hover,
.section-blog .card-title a:hover {
  color: var(--flash);
}

.wrapper {
  overflow: clip;
}
div#main {
  position: relative;
  /* z-index: 1; */
}

.font-14 {
  font-size: 14px !important;
}
.font-16 {
  font-size: 16px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-bold,
strong,
b {
  font-weight: bold !important;
}
.font-title {
  font-family: var(--font-title);
}
.text-muted {
  color: var(--noir) !important;
  opacity: 0.5;
}

/* Background */
.bg-primary {
  background-color: var(--primary) !important;
}
.bg-secondary {
  background-color: var(--secondary) !important;
}
.bg-gris-clair {
  background-color: var(--gris-clair);
}
.bg-primary-25 {
  background-color: var(--primary-25);
}
.dark-overlay[style*="background-image"] {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
}
.bg-jaune {
  background-color: var(--jaune);
}
.bg-vert {
  background-color: var(--vert);
}
.bg-rose {
  background-color: var(--rose);
}

/* marges et padding*/
.mb-32 {
  margin-bottom: 2rem;
}
.mb-40 {
  margin-bottom: 2.5rem;
}
.mb-56 {
  margin-bottom: 3.5rem;
}
.mb-64 {
  margin-bottom: 4rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.g-40 {
  --bs-gutter-x: 2.5rem;
  --bs-gutter-y: 2.5rem;
}

.p-32 {
  padding: 2rem !important;
}

@media (min-width: 992px) {
  .g-lg-64,
  .gx-lg-64 {
    --bs-gutter-x: 4rem;
  }
  .mb-lg-32 {
    margin-bottom: 2rem;
  }
  .mb-lg-64 {
    margin-bottom: 4rem;
  }
}

/* Container 1600 */

@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1500px;
  }
  .col-xxxl {
    flex: 1 0 0%;
  }

  .row-cols-xxxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .row-cols-xxxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

.row-container-services {
  container-type: inline-size;
  container-name: row-container-services;
}

@container row-container-services (width >= 1024px) {
  .row-container-services .col-container {
    flex: 1 0 0%;
  }
}
@container row-container-services (width <= 1023.98px) {
  .row-container-services .col-container {
    flex: 0 0 auto;
    width: 50%;
  }
}

@container row-container-services (width <= 576px) {
  .row-container-services .col-container {
    flex: 0 0 auto;
    width: 100%;
  }
}

.row-container-sommaire {
  container-type: inline-size;
  container-name: row-container-sommaire;
}

@container row-container-sommaire (width >= 1200px) {
  .row-container-sommaire .col-container {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}
@container row-container-sommaire (width <= 1199.98px) {
  .row-container-sommaire .col-container {
    flex: 0 0 auto;
    width: 50%;
  }
}

@container row-container-sommaire (width <= 991.98px) {
  .row-container-sommaire .col-container {
    flex: 0 0 auto;
    width: 100%;
  }
}

.row-container-jumbotron-photo {
  container-type: inline-size;
  container-name: row-container-jumbotron-photo;
}

@container row-container-jumbotron-photo (width <= 800px) {
  .row-container-jumbotron-photo .col-container {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-container-jumbotron-photo .col-container.jumbotron {
    order: 1 !important;
  }
  .row-container-jumbotron-photo .col-container.photo {
    order: 2 !important;
  }
}

.row-container-post-image {
  container-type: inline-size;
  container-name: row-container-post-image;
}

@container row-container-post-image (width <= 800px) {
  .row-container-post-image .col-container {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-container-post-image .col-container.col-texte {
    order: 1 !important;
  }
  .row-container-post-image .col-container.col-image {
    order: 2 !important;
  }
}

/* Icones  */

#dl-icon path {
  stroke: var(--sombre) !important;
}

/*  Header */
.navbar-inner .navbar-brand,
.navbar-inner .navbar-text {
  padding: 0;
}
div#navbar-menu .navbar-nav .nav-item {
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
}
div#navbar-menu .navbar-nav .nav-item:last-child {
  margin-right: 0;
}

/* Boutons et liens */
.text-primary {
  --bs-text-opacity: 1;
  color: var(--primary) !important;
}

a {
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.btn {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 1rem;
  --bs-btn-font-family: var(--font-main);
}
.btn-sm {
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-font-size: 1rem;
}
.btn-lg {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-size: 1rem;
  border-radius: 6px;
}
.btn-border.btn-lg {
  --bs-btn-padding-y: calc(1.5rem - 1.5px);
}

.btn-primary {
  --bs-btn-color: var(--btn-color);
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-color: var(--btn-hover-color);
  --bs-btn-hover-bg: var(--noir);
  --bs-btn-hover-border-color: var(--noir);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--noir);
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  border: none;
  font-weight: 400;
}

.btn-flash {
  --bs-btn-color: var(--sombre);
  --bs-btn-bg: var(--flash);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-color: var(--btn-hover-color);
  --bs-btn-hover-bg: var(--noir);
  --bs-btn-hover-border-color: var(--noir);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--noir);
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  border: 1px solid var(--flash);
  font-weight: 400;
}

.btn-sombre {
  --bs-btn-color: var(--pale);
  --bs-btn-bg: var(--sombre);
  --bs-btn-border-color: var(--pale);
  --bs-btn-hover-color: var(--btn-hover-color);
  --bs-btn-hover-bg: var(--noir);
  --bs-btn-hover-border-color: var(--noir);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--noir);
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  border: 1px solid;
  font-weight: 400;
}

.banniere-profonde.bg-light .btn-sombre {
  color: var(--blanc);
}

.btn-transparent {
  --bs-btn-color: var(--sombre);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--sombre);
  --bs-btn-hover-color: var(--btn-hover-color);
  --bs-btn-hover-bg: var(--noir);
  --bs-btn-hover-border-color: var(--noir);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--noir);
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  border: 1px solid;
  font-weight: 400;
}

.btn:hover {
  color: var(--btn-hover-color) !important;
  background-color: var(--sombre);
  border-color: var(--sombre);
}

.link {
  color: var(--noir);
  font-style: normal;
  line-height: 150%; /* 21px */
  text-decoration-line: none;
  padding-bottom: 0.25rem;
  position: relative;
  transition: 0.3s;
}
.link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--noir);
  opacity: 0.15;
  transition: 0.3s;
}
.link:hover {
  /* color:var(--primary); */
  transition: 0.3s;
}
.link:hover:after {
  background: var(--primary);
  height: 1.5px;
  opacity: 1;
  transition: 0.3s;
}

.btn-border {
  border-radius: 6px;
  border: 2px solid var(--primary-25);
  background: transparent;
  color: var(--noir);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.btn-border {
  --bs-btn-padding-y: calc(1rem - 1.5px);
}
.btn-border:hover,
.btn-border:focus {
  border: 2px solid var(--primary);
  background: var(--primary);
  color: #fff;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--primary);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--secondary);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--secondary);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}

.btn-light {
  --bs-btn-color: var(--noir);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--secondary);
  --bs-btn-hover-border-color: var(--secondary);
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--secondary);
  --bs-btn-active-border-color: var(--secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.link-absolute {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

/* Header au scroll */
#header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  box-shadow: 0px 19px 27.8px -19px rgba(0, 74, 173, 0);
  transition: 0.3s;
}
.body-scrolled #header {
  transition: 0.3s;
}

#header .header-top {
  height: 40px;
  transition: 0.3s;
}

/*
div#banner {
    padding-top: 120px;
}
	*/

.body-scrolled:not(.menu-open) #header:not(:hover) .header-top {
  height: 0px;
  transition: 0.3s;
}

/* Menu principal */

.navbar-nav .dropdown-menu {
  margin-top: 0;
  border: none;
}
.navbar-nav .dropdown-menu .dropdown-item {
  white-space: normal;
  font-size: 14px;
  padding: 0.5rem;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: transparent;
}

.navbar-nav .nav-link,
.navbar-nav .nav-link {
  color: var(--sombre);
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  /* color: var(--primary); */
  color: var(--noir);
}

.nav-link {
  color: var(--noir);
}
.nav-link:hover,
.nav-link.active,
.expand > .nav-link {
  /* color:var(--primary); */
  color: var(--noir);
}
.page-1.has-child .dropdown-toggle + .dropdown .dropdown-menu {
  position: relative;
  display: block;
  padding: 0;
  gap: 20px;
}
.page-1.has-child .dropdown-toggle + .dropdown .dropdown-menu a {
  /*padding:0.75rem 1rem;*/
  color: var(--noir);
}

/* style only for the deepest active link (or hovered deepest link) */
.page-1.has-child .dropdown-item.active:not(:has(+ .dropdown .dropdown-menu a.active)),
.page-1.has-child .dropdown-item:hover:not(:has(+ .dropdown .dropdown-menu a.active)) {
  color: unset;
  background: var(--pale);
  border-radius: 4px;
}

/* Mega Menu */
.mega-menu .page-1.has-child > .dropdown {
  position: absolute;
  /*width: 100%;*/
  background: #fff;
  padding: 0;
  /*left:0;*/
  top: -100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: -1;
  overflow-y: auto;
  box-shadow: 0px 19px 27.8px -14px rgba(18, 40, 64, 0.15);
}
.mega-menu .page-1.has-child.expand > .dropdown {
  top: 100%;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}

.mega-menu .page-1.has-child > .dropdown-mega-menu {
  /*width: 100%;*/
  padding: 1rem;
  /*left: 0;*/
  top: -100%;
}

.mega-menu .page-1 .nav-link {
  position: relative;
  font-size: 14px;
}
.mega-menu .page-1 .nav-link.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: middle;
  content: "\f078";
  font-family: "FontAwesome";
  border: none;
  font-size: 0.75rem;
  transition: transform 0.3s;
}

.mega-menu .page-1.expand .nav-link.dropdown-toggle::after {
  transform: rotate(180deg);
  transition: transform 0.3s;
}

.mega-menu .page-1 .nav-link[title="Accueil"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.4276 10.7337L13.2851 5.4927C12.487 4.6793 11.1716 4.69615 10.3946 5.52973L5.53702 10.741C5.1919 11.1112 5 11.5985 5 12.1047V18C5 18.5523 5.44772 19 6 19H8.95212C9.49803 19 9.94306 18.5622 9.95198 18.0164L10.0096 14.4958C10.0185 13.95 10.4635 13.5122 11.0094 13.5122H13.0641C13.6164 13.5122 14.0641 13.9599 14.0641 14.5122V18C14.0641 18.5523 14.5118 19 15.0641 19H18C18.5523 19 19 18.5523 19 18V12.1344C19 11.6105 18.7945 11.1076 18.4276 10.7337Z' stroke='%23101820' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent !important;
  width: 1.5rem;
  height: 1.5rem;
  transition: 0.3s;
  padding: 0;
  border-radius: 0;
}

.mega-menu .page-1 .nav-link[title="Accueil"] .menu-title {
  display: none;
}

.navbar-nav .nav-link span.menu-title {
  position: relative;
}

/*
.navbar-nav .nav-link:not([title=Accueil], [title=Contact]) span.menu-title::before {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    width: 100%;
    left: 0;
    height: 2px;
    background: var(--primary);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
	*/

.navbar-nav .page-1:hover .nav-link span.menu-title::before,
.navbar-nav .page-1.expand .nav-link span.menu-title::before {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}
.mega-menu .page-1 .nav-link.active.dropdown-toggle span.menu-title::before,
.navbar-nav .nav-link.active span.menu-title::before {
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
}

.navbar-nav .dropdown-mega-menu .dropdown-item {
  padding: 0.5rem;
  transition: 0.3s;
}
.navbar-nav .dropdown-mega-menu .dropdown-item:hover {
  background: var(--primary);
  transition: 0.3s;
}
.navbar-nav .dropdown-mega-menu .dropdown-item.active {
  background: transparent;
  transition: 0.3s;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu > .container > .dropdown-menu {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  gap: 1rem; /* Espacement entre les éléments */
  padding: 0;
}

.page-spacer .dropdown-toggle + .dropdown-mega-menu > .container > .dropdown-menu .page-link-spacer:hover {
  background: none !important;
  cursor: default !important;
}

.dropdown-toggle + .dropdown-mega-menu .sommaire {
  grid-row: 2 / 2;
  grid-column: 1 / 2;
  display: flex;
}

.page-spacer .dropdown-toggle + .dropdown-mega-menu .encart {
  grid-column: 2 / 3;
  grid-row: 1 / span 2; /* Cela permet à cet item de s'étendre sur deux lignes */
  position: relative;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .encart a {
  position: relative;
  height: 100%;
  padding: 2rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: none;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .encart a:active {
  background-color: transparent;
}

.page-spacer .dropdown-toggle + .dropdown-mega-menu .encart .menu-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 1rem;
}

.page-spacer .dropdown-toggle + .dropdown-mega-menu .encart.filtre .container-img:after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 1rem;
}

.page-spacer .dropdown-toggle + .dropdown-mega-menu .encart .menu-title,
.page-spacer .dropdown-toggle + .dropdown-mega-menu .encart .menu-description,
.page-spacer .dropdown-toggle + .dropdown-mega-menu .encart .menu-attribute {
  position: relative;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .encart .menu-title {
  font-size: 24px;
  margin-bottom: 0.5rem;
  color: #fff;
  font-style: normal;
  font-weight: bold;
  line-height: 140%; /* 33.6px */
  opacity: 1;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .encart .menu-description {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 140%; /* 33.6px */
  opacity: 1;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .encart a .btn {
  color: #fff;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .encart a:hover .btn {
  background: var(--primary);
  border: 2px solid var(--primary);
  color: var(--btn-hover-color);
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .encart a:hover,
.page-spacer .dropdown-toggle + .dropdown-mega-menu .encart a.active {
  background: none !important;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .menu-title {
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .dropdown-menu a {
  padding: 0.5rem;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .dropdown-menu .menu-title {
  font-size: 1rem;
  font-weight: normal;
  /*padding-left: 1rem;*/
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .menu-description {
  display: block;
  font-weight: normal;
  font-size: 14px;
  opacity: 0.5;
}

.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .dropdown-item.active .menu-description,
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .dropdown-item:active .menu-description,
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .dropdown-item:hover .menu-description,
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .dropdown-item:hover .menu-description {
  opacity: 1;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .dropdown-item:hover,
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .dropdown-item:hover {
  /* color:#fff; */
}

.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .sommaire a,
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .sommaire a.active {
  color: var(--noir);
  transition: 0.3s;
  padding: 0.5rem 1rem;
  border: 2px solid var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin-top: auto;
  position: relative;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .sommaire a .menu-title {
  font-weight: 700;
  font-size: 20px;
}
.page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .sommaire a:hover {
  color: var(--btn-hover-color);
  transition: 0.3s;
  background: var(--primary);
}

.page-spacer .page-2 .dropdown-toggle:after {
  content: none;
}

/* Banniere Hero */
/* #banner .owl-carousel .jumbotron .container {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
} */

/* Banniere Profonde */

.banniere-profonde {
  padding-top: 150px;
}

.jumbotron {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

[class^="col-"] .post-text [class^="col-"],
[class^="col-"] .post-jumbotron [class^="col-"] {
  flex: 0 0 auto;
  width: 100%;
}

/* page de contact */
body.contact #main {
  padding-top: 0;
  padding-bottom: 0;
}

/* Chemin */
.text-center .breadcrumb {
  justify-content: center;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: none;
}
ol.breadcrumb .breadcrumb-item:last-child a:after {
  content: none;
}
.text-white ol.breadcrumb .breadcrumb-item a {
  color: #fff;
}
.text-white ol.breadcrumb .breadcrumb-item a:after {
  background: #fff;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}
.chemin.chemin-long .breadcrumb-item:last-child {
  max-width: calc(100% - 124px);
}
.chemin .breadcrumb-item:last-child {
  max-width: calc(100% - 50px);
}
.chemin .breadcrumb-item:last-child a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.chemin.chemin-long a.dropdown-toggle:after {
  content: none;
}
.chemin.chemin-long a.dropdown-toggle {
  padding: 0.25rem 1rem;
}
.chemin.chemin-long .dropdown-menu i {
  display: none;
}
/* Content */

.box {
  border-radius: 0.5rem;
}

.content {
  max-width: 750px;
}

.post-content ul {
  padding: 0;
  margin-bottom: 1rem;
}
.post-content ul li {
  position: relative;
  margin-bottom: 0.5rem;
}

.post-content h3 {
  margin-top: 25px;
}

article.post_simple + article.post_simple {
  margin-top: 3rem;
}
.composant-bouton + .content {
  margin-top: 3rem;
}

.composant-chronologie .container::before {
  position: absolute;
  display: inline-block;
  top: 0;
  width: 3px;
  height: 100%;
  content: "";
  background-color: var(--gris);
  opacity: 0.3;
}

.composant-chronologie .chronologie-item {
  position: relative;
}

.ville-historique {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 5%;
  text-transform: uppercase;
  color: #5b5650;
}

.composant-chronologie .chronologie-item::before {
  position: absolute;
  display: inline-block;
  top: 0;
  width: 15px;
  height: 15px;
  content: "";
  background: var(--primary);
  border-radius: 50px;
}

.composant-chronologie .container::before {
  left: 15px;
}

.composant-chronologie .chronologie-item {
  padding-left: 3rem;
  padding-right: 3rem;
}

.composant-chronologie .chronologie-item::before {
  left: 9px;
}

@media (min-width: 767px) {
  .composant-chronologie.center .container::before {
    left: 50%;
    margin-left: -1px;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n + 1) {
    align-self: flex-start;
    text-align: right;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n + 1):before {
    left: auto;
    right: -8px;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n) {
    align-self: flex-end;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n)::before {
    left: -7px;
  }
}
.badge-primary {
  background: var(--primary);
}

/* Accordeon */

.cms-page-faq .composant-accordeon > .container > .row {
  align-items: flex-start;
}

.accordion-item {
  color: var(--noir);
  background-color: transparent;
  border: none; /* supprime toutes les bordures */
  border-bottom: var(--bs-accordion-border-width) solid var(--gris); /* garde seulement en bas */
}
.accordion-button:not(.collapsed) {
  color: var(--noir);
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.composant-accordeon .mask {
  background: linear-gradient(to bottom, var(--sombre), transparent);
}

.accordion-button::after {
  display: none;
}

.accordion-button {
  position: relative;
}

.accordion-button::before {
  content: "+";
  right: 0;
  background: #f7f6f5;
  border-radius: 4px;
  height: 24px;
  line-height: 13px;
  color: #5b5650;
  font-weight: 400;
  padding: 5px;
  display: inline-block;
}

/* Quand le bouton est ouvert */
.accordion-button:not(.collapsed)::before {
  content: "–";
}

/* composant Aperçu */

.composant-apercu .item-apercu .apercu-title {
  color: var(--noir);
  font-style: normal;
}
banniere-profonde .composant-apercu .item-apercu .apercu-img {
  border-radius: 0.5rem;
  object-fit: cover;
  width: 100%;
}
.composant-apercu .item-apercu .apercu-text ul {
  padding-left: 1rem;
  margin-bottom: 0;
}
.composant-apercu .item-apercu .apercu-text ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}

/* Titres */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: var(--font-title);
}

h1,
.h1 {
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 60px */
  letter-spacing: -2%;
}
h2,
.h2 {
  color: var(--noir);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 40px */
  letter-spacing: -2%;
}
h3,
.h3 {
  font-size: 24px;
  font-style: normal;
  color: #000;
  font-weight: 600;
  line-height: 140%; /* 35.2px */
  letter-spacing: -1%;
}
h4,
.h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 27.6px */
  letter-spacing: 0;
}
h5,
.h5 {
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 126%; /* 26.46px */
}
h6,
.h6 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 26px */
  letter-spacing: -0.2px;
}
.post_simple h1 {
  margin-bottom: 2rem;
}
.post_simple h2 {
  margin-bottom: 1.5rem;
}
.post_simple h3,
.post_simple h4,
.post_simple h5,
.post_simple h6 {
  margin-bottom: 1rem;
}
p + h2,
ul + h2 {
  margin-top: 3rem;
}
p + h3,
ul + h3 {
  margin-top: 2.5rem;
}
p + h4,
ul + h4,
p + h5,
ul + h5 {
  margin-top: 2rem;
}
article.post_simple.content + .composant-chiffres-cles {
  margin-top: 3rem;
}

.img-cover {
  object-fit: cover;
}

/* Offre d'emploi */
.tag {
  padding: 0.25rem 0.5rem;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  border-radius: 4px;
}
.tag + .tag {
  margin-left: 0.5rem;
}
.tag-bleu {
  color: var(--primary);
  border: 2px solid var(--primary);
}
.card.offre-emploi {
  --bs-card-border-color: var(--jaune);
  --bs-card-bg: var(--rose);
  color: var(--noir);
  border-radius: 4px;
}
.card.offre-emploi + .card.offre-emploi {
  margin-top: 3rem;
}

.card.offre-emploi > .card-header {
  background-color: var(--rose);
}
.card.offre-emploi .list-group {
  --bs-list-group-bg: var(--rose);
}
.card.offre-emploi .list-group > .list-group-item {
  border-color: var(--jaune);
  color: var(--noir);
}
.card.offre-emploi .tags {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.card.offre-emploi .tags .tag {
  margin: 0.25rem;
  display: inline-block;
}

/* accordéon */

.accordion-button {
  font-size: inherit;
  font-weight: inherit;
}

/* Sidebar */

.site-web-menu-v.liste > ul > li > a.nav-link {
  padding: 0.25rem 0.5rem;
  font-weight: 500;
  font-size: 1.125rem;
}

.site-web-menu-v.liste > ul ul > li > a.nav-link {
  padding: 0.25rem 0.5rem;
  padding-left: 1rem;
  font-weight: 400;
  font-size: 1rem;
}
.site-web-menu-v.liste > ul ul ul > li > a.nav-link {
  padding: 0.25rem;
  padding-left: 1.5rem;
  font-weight: 400;
  font-size: 0.875rem;
}

.container-sidebar,
.main-content {
  position: relative;
  z-index: 1;
  margin: 4rem 0;
}

.body-scrolled-top .sidebar.sticky-top {
  top: calc(var(--sticky-top-up) + 1rem);
  transition: 0.3s;
}

.body-scrolled-bottom .sidebar.sticky-top {
  top: calc(var(--sticky-top-down) + 1rem);
  transition: 0.3s;
}

.sidebar .post-text {
  padding: 2rem;
  background: var(--jaune);
  border-radius: 4px;
}

.sidebar .post-text + .post-text,
.sidebar .post-text + .widget-reseaux,
.sidebar .post-text + .composant-bouton,
.sidebar .section + .section,
.sidebar .section + .widget {
  margin-top: 2rem;
  border-radius: 4px;
}

.sidebar h2 {
  font-size: 26px;
}
.sidebar h3 {
  font-size: 24px;
}

/* FIltres sidebar */
.sidebar .widget.filtres {
  padding: 1rem;
  border-radius: 4px;
  border: 1.5px solid var(--primary);
  background: var(--primary-25);
}

.sidebar .groupe-filtre + .groupe-filtre {
  border-top: 1px solid var(--primary-25);
  mix-blend-mode: multiply;
}
.sidebar .widget.filtres .groupe-filtre .btn-link {
  padding: 1rem 0;
  width: 100%;
  text-align: left;
  color: var(--noir);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 165%;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
  position: relative;
}
.sidebar .widget.filtres .groupe-filtre .btn-link:hover {
  color: var(--primary);
  transition: 0.3s;
}
.sidebar .widget.filtres .groupe-filtre .btn-link span {
  position: relative;
}
.sidebar .widget.filtres .groupe-filtre .btn-link > span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1.5px;
  background: var(--primary);
  transition: 0.3s;
}
.sidebar .widget.filtres .groupe-filtre .btn-link > span .nb-filtre {
  border-radius: 54px;
  background: var(--noir);
  color: #fff;
  font-size: 14px;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.5rem;
}
.sidebar .widget.filtres .groupe-filtre .btn-link:hover span:after {
  width: 100%;
  transition: 0.3s;
}
.sidebar .widget.filtres .groupe-filtre .btn-link svg {
  transition: 0.3s;
  transform: rotate(-180deg);
}
.sidebar .widget.filtres .groupe-filtre .btn-link.collapsed svg {
  transition: 0.3s;
  transform: rotate(0deg);
}
.liste-filtres {
  padding: 0 1rem;
}

/*   Formulaires   */

.form-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}
.form-control {
  padding: 0.5rem;
  border-radius: 4px;
  transition: 0.3s;
  border: solid var(--sombre) 1px;
  background: var(--gris);
}

.blog .form-control:active,
.recherche-blog .form-control:active {
  background: var(--blanc);
}

.form-control:focus,
.form-control:hover {
  background-color: rgba(255, 255, 255, 1);
  border-color: var(--primary);
  box-shadow: none;
  transition: 0.3s;
}
.form-control::placeholder,
.form-select::placeholder {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  color: var(--noir);
  opacity: 0.2;
}
.form-text {
  color: var(--noir);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  opacity: 0.5;
}
.form-select {
  padding: 0.5rem;
  border-radius: 4px;
  border: 1px solid var(--noir);
}
.form-control:focus,
.form-control:hover,
.form-select:focus,
.form-select:hover {
  background-color: rgba(255, 255, 255, 1);
  border-color: var(--primary);
  box-shadow: none;
  transition: 0.3s;
}
.form-check {
  min-height: 1.5rem;
  padding-left: 1.75em;
  margin-bottom: 0.5rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.75em;
}
.form-check input,
.form-check label {
  cursor: pointer;
  transition: 0.3s;
}
.form-check-input {
  width: 20px;
  height: 20px;
  --bs-form-check-bg: transparent;
  border: 1px solid var(--noir);
  margin-right: 0.5rem;
  margin-top: 0.125em;
  transition: 0.3s;
  box-shadow: none;
}
.form-check-input:checked {
  background-color: var(--noir);
  border-color: var(--noir);
}
.form-check-input:checked[type="radio"] {
  background-color: #fff;
  background-size: 1.5rem;
  --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%23122840'/></svg>");
}
.form-check:hover label {
  color: var(--primary);
  transition: 0.3s;
}
.form-check:hover .form-check-input,
.form-check .form-check-input:focus {
  border-color: var(--primary);
  transition: 0.3s;
  box-shadow: none;
}
button.show-password {
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4101 18.0002L20.7101 19.2902L20.7159 19.296C21.1048 19.6881 21.1022 20.3213 20.7101 20.7102L20.7043 20.716C20.3121 21.1049 19.679 21.1023 19.2901 20.7102L16.5901 18.0002L16.0001 17.4102L14.6601 16.0702L14.5901 16.0002L12.0842 13.4978C11.6728 13.5208 11.2537 13.3751 10.9394 13.0608C10.6257 12.747 10.48 12.3288 10.5023 11.9181L7.28007 8.70019L5.53007 7.00019L3.29007 4.71019C2.89794 4.31807 2.89794 3.68231 3.29007 3.29019C3.68219 2.89806 4.31794 2.89806 4.71007 3.29019L6.42007 5.00019L7.89007 6.47019L11.918 10.5024C12.3288 10.48 12.747 10.6257 13.0608 10.9395C13.3749 11.2537 13.5206 11.6725 13.4978 12.0838L17.4101 16.0002L19.4101 18.0002ZM8.59007 5.76019L11.3901 8.56019C11.5916 8.52488 11.7955 8.50482 12.0001 8.50019C13.9331 8.50019 15.5001 10.0672 15.5001 12.0002C15.4954 12.2047 15.4754 12.4086 15.4401 12.6102L18.1201 15.2902L18.9601 16.1302C20.1029 15.0695 21.0834 13.8464 21.8701 12.5002C22.0487 12.1908 22.0487 11.8096 21.8701 11.5002C21.2301 10.3902 17.7101 4.82018 11.7301 5.00018C10.6225 5.03304 9.52931 5.2598 8.50007 5.67018L8.59007 5.76019ZM14.0001 16.7802L15.2901 18.1202L15.5001 18.3302C14.4708 18.7406 13.3776 18.9673 12.2701 19.0002H12.0201C6.13007 19.0002 2.76007 13.5902 2.13007 12.5002C1.95144 12.1908 1.95144 11.8096 2.13007 11.5002C2.90448 10.1566 3.8714 8.93366 5.00007 7.87019L6.56007 9.39019L8.56007 11.3902C8.52476 11.5917 8.50471 11.7956 8.50007 12.0002C8.50007 12.017 8.50019 12.0338 8.50043 12.0505C8.52804 13.9833 10.1173 15.5278 12.0501 15.5002C12.2546 15.4955 12.4585 15.4755 12.6601 15.4402L13.9301 16.7102L14.0001 16.7802Z' fill='%231A202C'/%3E%3C/svg%3E");
  border: none;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  padding: 1.1rem;
  height: 24px;
  width: 48px;
  box-sizing: unset;
  transition: 0.3s;
}
button.show-password.show {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.8701 11.4999C21.2301 10.3899 17.7101 4.81987 11.7301 4.99987C6.20007 5.13987 3.00007 9.99987 2.13007 11.4999C1.95144 11.8093 1.95144 12.1905 2.13007 12.4999C2.76007 13.5899 6.13007 18.9999 12.0201 18.9999H12.2701C17.8001 18.8599 21.0101 13.9999 21.8701 12.4999C22.0487 12.1905 22.0487 11.8093 21.8701 11.4999ZM12.0001 15.4999C10.0671 15.4999 8.50007 13.9329 8.50007 11.9999C8.50007 10.0669 10.0671 8.49987 12.0001 8.49987C13.9331 8.49987 15.5001 10.0669 15.5001 11.9999C15.5001 13.9329 13.9331 15.4999 12.0001 15.4999ZM13.0608 13.0605C13.6466 12.4747 13.6466 11.525 13.0608 10.9392C12.475 10.3534 11.5252 10.3534 10.9394 10.9392C10.3537 11.525 10.3537 12.4747 10.9394 13.0605C11.5252 13.6463 12.475 13.6463 13.0608 13.0605Z' fill='%231A202C'/%3E%3C/svg%3E");
}

.communication-formulaires {
  scroll-margin-top: var(--sticky-top-down);
}

/* Modal */
.modal-content {
  padding: 3rem;
}
.modal-title {
  font-size: 2rem;
  font-weight: 600;
  line-height: 110%;
}
.modal-header,
.modal-footer {
  border: none;
  justify-content: flex-start;
}
.modal-header .btn-close {
  margin-bottom: auto;
  margin-top: 0.25rem;
}

.kiubi-modal .section,
.kiubi-modal .container,
.kiubi-modal .row {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.kiubi-modal .post-text .col-lg-8 {
  width: 100%;
}

/* Section et espacement */

.section {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.section-lg {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.section-md {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.section-sm {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section[style*="background-image"] {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Suppression des espacements entre 2 sections identiques */

.section.bg-light:not([style*="background-image"]) + .section.bg-light:not([style*="background-image"]),
.section:not([class*="bg-"]):not([style*="background-image"]) + .section:not([class*="bg-"]):not([style*="background-image"]) {
  padding-top: 0;
}

/* Suppression des espacements des sections imbriquees */

.section .section:not([class*="bg-"]):not([style*="background-image"]):first-child {
  padding-top: 0;
}

.section .section:not([class*="bg-"]):not([style*="background-image"]):last-child {
  padding-bottom: 0;
}

/* Suppression des espacements des containers imbriques */

.container .container {
  padding-right: 0;
  padding-left: 0;
}
.section h2 {
  position: relative;
}

.section .titre-center h2 {
  display: inline-block;
  position: relative;
}

.section img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
}

.section.section-bg {
  background-size: cover;
}
.section .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  background-size: cover;
  background-position: right;
}
.section .bg + * {
  position: relative;
}

/* Section Blog */

.section-blog .card-body {
  --bs-card-spacer-y: 2rem;
  --bs-card-spacer-x: 2rem;
  transition: 0.5s;
  transform: translateY(0);
}
.section-blog .card-title {
  --bs-card-title-spacer-y: 1.5rem;
}
.section-blog .card-title a {
  color: var(--noir);
  text-decoration: none;
}

.blog-detail-billet iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
  border: 0;
}

.blog-detail-billet ul {
  margin-left: 20px;
}

.blog-detail-billet ul li {
  margin-bottom: 0;
}

.section-blog .card-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  color: var(--noir);
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 165%;
  opacity: 0.5;
  transition: 0.5s;
}

a.lien-absolu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.section-blog .card:hover .card-title a {
  text-decoration: underline;
}
.section-blog .card:hover .card-text {
  opacity: 1;
}

.text-bg-primary {
  background-color: var(--primary) !important;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: var(--primary);
  text-decoration: none;
  background-color: var(--pale);
  border: 1.5px solid transparent;
  transition: 0.3s;
}
.page-item + .page-item {
  margin-left: 0.25rem;
}
.active > .page-link,
.page-link.active {
  z-index: 3;
  color: #fff;
  background-color: var(--primary);
  border-color: 1.5px solid var(--primary);
}
.page-link:hover {
  border-color: 1.5px solid var(--primary);
  transition: 0.3s;
}

.badge-side {
  font-size: 13px !important;
}

.badge-actualites {
  background: var(--pale);
  color: var(--sombre);
  text-transform: uppercase;
  padding: 5px 8px;
  font-size: 14px;
  border-radius: 4px;
}

.badge-presse {
  background: var(--noir);
  color: var(--blanc);
  text-transform: uppercase;
  padding: 5px 8px;
  font-size: 14px;
  border-radius: 4px;
}

.badge-webinars {
  background: var(--sombre);
  color: var(--pale);
  text-transform: uppercase;
  padding: 5px 8px;
  font-size: 14px;
  border-radius: 4px;
}

.badge-dico {
  background: #f7f6f5;
  color: #5b5650;
  text-transform: uppercase;
  padding: 5px 8px;
  font-size: 14px;
  border-radius: 4px;
}

.badge-formations {
  background: var(--flash);
  color: var(--sombre);
  text-transform: uppercase;
  padding: 5px 8px;
  font-size: 14px;
  border-radius: 4px;
}

.infos-actus {
  font-size: 14px;
}

.items-categories li {
  text-transform: uppercase;
  background: var(--pale);
  color: var(--sombre);
  border-radius: 4px;
  font-size: 14px;
  padding: 0;
}

.items-categories li.active a {
  background: var(--sombre);
  color: var(--pale) !important;
  border-radius: 4px;
}

.items-categories li a {
  padding: 4px 8px;
}

.badge {
  border-radius: 4px !important;
  margin-left: 15px !important;
  color: var(--pale);
}

.blog-liste-billets img {
  aspect-ratio: 16 / 9;
}

/* Alertes */

/* Footer */
footer#footer {
  padding: 4.5rem 3rem 2rem 3rem;
  background: var(--sombre);
  position: relative;
}

footer#footer .h3 {
  color: var(--blanc) !important;
}

.theme-vert #cadena-vert {
  display: inline-block !important;
}

.theme-bleu #cadena-bleu {
  display: inline-block !important;
}

.theme-orange #cadena-jaune {
  display: inline-block !important;
}

.theme-violet #cadena-violet {
  display: inline-block !important;
}

div#returnTop {
  position: fixed;
  right: 0.5rem;
  bottom: 6rem;
  z-index: 1;
  cursor: pointer;
}

.col-footer-solution aside > ul.nav.flex-column > li:not(:nth-child(1)),
.col-footer-solution aside > ul.nav.flex-column > li:nth-child(1) > a,
.col-footer-solution aside > ul.nav.flex-column > li:nth-child(1) > ul.niveau-2:not(:first-of-type) {
  display: none;
}

.col-footer-usages aside > ul.nav.flex-column > li:not(:nth-child(1)),
.col-footer-usages aside > ul.nav.flex-column > li:nth-child(1) > a,
.col-footer-usages aside > ul.nav.flex-column > li:nth-child(1) > ul.niveau-2:not(:nth-of-type(2)) {
  display: none;
}

.col-footer-partenaires aside > ul.nav.flex-column > li:not(:nth-child(1)),
.col-footer-partenaires aside > ul.nav.flex-column > li:nth-child(1) > a,
.col-footer-partenaires aside > ul.nav.flex-column > li:nth-child(1) > ul.niveau-2:not(:nth-of-type(3)) {
  display: none;
}

.col-footer-ressources aside > ul.nav.flex-column > li:not(:nth-child(1)),
.col-footer-ressources aside > ul.nav.flex-column > li:nth-child(1) > a,
.col-footer-ressources aside > ul.nav.flex-column > li:nth-child(1) > ul.niveau-2:not(:nth-of-type(4)) {
  display: none;
}

.col-footer-apropos aside > ul.nav.flex-column > li:not(:nth-child(1)),
.col-footer-apropos aside > ul.nav.flex-column > li:nth-child(1) > a,
.col-footer-apropos aside > ul.nav.flex-column > li:nth-child(1) > ul.niveau-2:not(:nth-of-type(5)) {
  display: none;
}

.col-footer-contact aside > ul.nav.flex-column > li:not(:nth-child(1)),
.col-footer-contact aside > ul.nav.flex-column > li:nth-child(1) > a,
.col-footer-contact aside > ul.nav.flex-column > li:nth-child(1) > ul.niveau-2:not(:nth-of-type(6)) {
  display: none;
}

.copyright {
  color: var(--pale);
}

.mentions {
  font-size: 12px !important;
}

/* Iframe */

.embed-responsive iframe {
  width: 100%;
  height: 100%;
}

/* Blog */

/* Agenda */
div#agenda {
  margin: 4rem 0;
}
div#agenda .post-agenda + .post-agenda {
  margin-top: 1.5rem;
}
.post-agenda .date-agenda,
.post-agenda .description-agenda {
  transition: 0.3s;
}
.post-agenda:nth-child(odd) .date-agenda,
.post-agenda:nth-child(odd) .description-agenda {
  background: var(--gris-clair);
}
.post-agenda .date-agenda {
  border: 1px solid transparent;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
}
.post-agenda .description-agenda {
  border: 1px solid transparent;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: none;
}
.post-agenda:not(.post-agenda-detail):hover .date-agenda {
  background: #fff;
  border-color: var(--primary);
  transition: 0.3s;
}
.post-agenda:not(.post-agenda-detail):hover .description-agenda {
  background: var(--primary-25);
  border-color: var(--primary);
  transition: 0.3s;
}
.date-agenda {
  font-family: var(--font-title);
}
.date-agenda span.points {
  margin-bottom: auto;
  margin-top: 1rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.date-agenda .date {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.date-agenda .jour {
  font-size: 2rem;
  font-weight: bold;
  background: var(--primary-25);
  padding: 0.5rem 1rem;
  background: var(--rose);
  border-radius: 4px;
}

.intervenants > span {
  background: var(--rose);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}

/* Plan du site */

/* Media queries */

.hamburger {
  font: inherit;
  display: block;
  overflow: visible;
  margin: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
}
.hamburger-box {
  position: relative;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  position: absolute;
  width: 32px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  background-color: var(--noir);
}
.hamburger-inner:after,
.hamburger-inner:before {
  display: block;
  content: "";
}
.hamburger--squeeze .hamburger-inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms;
}
.hamburger-inner:before {
  top: -10px;
}
.hamburger--squeeze .hamburger-inner:before {
  transition:
    top 75ms ease 0.12s,
    opacity 75ms ease;
}
.hamburger-inner:after {
  bottom: -10px;
  width: 24px;
}
.hamburger--squeeze .hamburger-inner:after {
  transition:
    bottom 75ms ease 0.12s,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  transition:
    top 75ms ease,
    opacity 75ms ease 0.12s;
  opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  width: 32px;
  transition:
    bottom 75ms ease,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}

@media (min-width: 1400px) {
  .width-responsive-1400 {
    width: auto !important;
  }
}

@media (max-width: 1399.98px) {
}

@media (max-width: 1199px) {
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .container-lg-fluid {
    max-width: 100%;
    padding: 0 3rem;
  }
}
@media (max-width: 1080px) {
}
@media (min-width: 992px) and (max-width: 1080px) {
  .container-lg-fluid {
    max-width: 100%;
    padding: 0 3rem;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky !important;
    z-index: 1020; /* même z-index que .sticky-top */
  }
}
@media (max-width: 991.98px) {
  .navbar-inner .accroche-site {
    display: block;
  }
  nav#navbar-main {
    padding: 1rem 0;
  }
  .navbar-toggler {
    padding: 0.5rem;
    border: none;
    box-shadow: none !important;
  }
  .navbar-inner .logo-site > img {
    /*width: 64px;*/
    transition: 0.3s;
  }
  .navbar-inner {
    flex-grow: 1;
  }
  div#navbar-menu {
    position: absolute;
    top: 110%;
    left: 0;
    display: none;
    background: #fff;
    transition: none;
    height: calc(100vh - 93px);
    width: 100%;
    padding-bottom: 5rem;
  }
  #header .header-top {
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: 0.3s;
  }
  #header .header-top .nav {
    flex-direction: column;
  }
  div#navbar-menu .navbar-nav {
    padding: 1rem;
    width: 100%;
  }
  .mega-menu .page-1 > .nav-link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    line-height: 145%;
    padding: 0.5rem;
  }
  .mega-menu .page-1 > .nav-link,
  .mega-menu .page-1.has-child > .dropdown > .container > .dropdown-menu > .page-2 > a {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    line-height: 145%;
    padding: 0.5rem;
    justify-content: space-between;
    white-space: normal;
  }
  .mega-menu .page-1.has-child > .dropdown > .container > .dropdown-menu > .page-2.encart a {
    flex-direction: column;
    padding: 2rem;
  }
  .mega-menu .page-1.accueil > .nav-link .menu-title {
    display: block;
    margin-left: 0.75rem;
  }
  div#navbar-menu .navbar-nav .nav-item {
    width: 100%;
    margin-bottom: 0.5rem;
    margin-right: 0;
  }
  .mega-menu .page-1 > .nav-link:after {
    position: relative !important;
    bottom: unset !important;
    transform: rotate(-90deg) !important;
    background-position: center !important;
    left: 0 !important;
  }
  .mega-menu .page-1.has-child > .dropdown {
    position: absolute;
    width: 100vw;
    background: #fff;
    padding: 1rem;
    left: 100%;
    top: 0;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 94.4px);
    max-height: none;
    opacity: 1;
    visibility: visible;
    padding-bottom: 6rem;
    box-shadow: none;
  }

  .page-spacer .dropdown-toggle + .dropdown-mega-menu .dropdown-menu .column.column-2 {
    column-count: 1;
  }
  .mega-menu .page-1.has-child.expand > .dropdown {
    top: 0;
    z-index: 2;
  }
  .mega-menu .page-2.has-child.expand > .dropdown {
    top: 0;
    z-index: 3;
    overflow-y: auto !important;
  }

  #navbar-menu:not(.expand-level-2) .scroll-y > .dropdown {
    overflow: hidden !important;
    overflow-y: auto !important;
  }

  .mega-menu .page-1.has-child > .dropdown > .container > .dropdown-menu {
    position: unset !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    column-count: 1 !important;
  }
  #header .btn-reservation-container .btn {
    padding: 1.5rem 2rem;
    text-align: center;
    justify-content: center;
  }

  .scroll {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 94.4px);
    padding-bottom: 2rem;
  }

  div#navbar-menu {
    transition: transform 0.3s;
    transform: none;
  }
  div#navbar-menu.expand-level-1 {
    transition: transform 0.3s;
    transform: translateX(-100%);
  }
  div#navbar-menu.expand-level-2 {
    transition: transform 0.3s;
    transform: translateX(-200%);
  }
  .mega-menu .page-1.has-child.expand > .dropdown > .container {
    padding: 0;
    max-width: none;
  }
  .mega-menu .sommaire {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .mega-menu .sommaire:before {
    content: "";
    position: absolute;
    top: -2rem;
    left: -2rem;
    width: calc(100% + 4rem);
    height: calc(100% + 3.5rem);
    background: var(--vert-15);
  }
  .mega-menu .sommaire .back {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--noir-vert, #122840);
    padding: 1rem 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 165%;
    z-index: 1;
  }
  .mega-menu .sommaire .back:before {
    content: "";
    width: 24px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='10' viewBox='0 0 25 10' fill='none'%3E%3Cpath d='M1 5H23.5M1 5L4.75 8.75M1 5L4.75 1.25' stroke='%23122840' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-right: 0.75rem;
  }
  .mega-menu .sommaire a {
    font-size: 32px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 112% !important; /* 35.84px */
    letter-spacing: -0.32px !important;
    z-index: 1;
    color: var(--primary) !important;
  }
  .mega-menu .page-1.has-child > .dropdown > .container > .dropdown-menu > .page-2 {
    margin-bottom: 0.5rem;
  }
  .mega-menu .page-1.has-child > .dropdown > .container > .dropdown-menu > .page-2 > a > .menu-title {
    padding: 0;
    border: none;
  }
  .mega-menu .page-2.has-child > a:after {
    content: "";
    margin: 0;
    border: none;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon / arrow'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M9.25 9.75L6.25 9.75C6.25 7.75 3.25 3.75 0.250001 3.75L0.250001 0.749999C2.25 0.749999 7.75 3.75 7.75 7.75C7.75 3.75 13.25 0.75 15.25 0.75L15.25 3.75C12.25 3.75 9.25 7.75 9.25 9.75Z' fill='%235A5FDF'/%3E%3C/g%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: bottom;
    transform: rotate(-90deg);
  }
  .mega-menu .page-1.has-child > .dropdown > .container > .dropdown-menu > .page-2.has-child > .dropdown .dropdown-menu {
    column-count: 1 !important;
    padding-top: 0 !important;
    display: block !important;
    position: unset !important;
    background: none !important;
    border: none !important;
  }
  .mega-menu .page-1.has-child > .dropdown > .container > .dropdown-menu > .page-2.has-child > .dropdown .dropdown-menu > .page-3 {
    margin-bottom: 0.5rem;
  }
  .mega-menu .page-1.has-child > .dropdown > .container > .dropdown-menu > .page-2.has-child > .dropdown .dropdown-menu > .page-3 > a {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 145%;
    white-space: normal;
    padding: 0.5rem;
  }
  div#navbar-menu .header-top {
    padding: 2rem;
  }
  div#navbar-menu .header-top > .container {
    padding: 0 15px;
  }
  .menu-top .nav-item:not(:last-child):after {
    content: none;
  }
  #header .header-top .nav li.nav-item {
    margin-bottom: 1rem;
  }
  .header-top .nav-link {
    font-size: 14.5px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    padding: 0.5rem 0;
    opacity: 1;
    text-align: left;
    display: inline-block;
    border-bottom: 2px solid rgba(45, 54, 72, 0.15);
  }

  h1,
  .h1 {
    font-size: 32px;
    line-height: 100%;
  }
  h2,
  .h2 {
    font-size: 26px;
    letter-spacing: 0;
  }

  h3,
  .h3 {
    font-size: 18px;
  }
  h4,
  .h4 {
    font-size: 16px;
  }

  .banniere-profonde {
    padding-top: 130px;
  }

  footer#footer {
    padding: 4.5rem 0.2rem 2rem 0.5rem;
  }

  .composant-chiffres img {
    max-width: unset;
    opacity: 0.2;
  }

  footer .banniere-footer {
    padding: 0px 0 50px !important;
  }

  .modal-content {
    padding: 1rem;
  }
  /*
	div#banner {
		padding-top: 96px;
	}
		*/

  .scroll {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 94.4px);
    padding-bottom: 2rem;
  }

  #navbar-main {
    margin-top: 14px !important;
  }

  .section {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
  .composant-accordeon.accordion .col-lg-5 {
    height: 500px;
  }
}

/* tables */

.table-light td {
  background: var(--pale);
}

.table-light td span {
  color: var(--sombre) !important;
}

table tbody tr td {
  color: var(--sombre) !important;
}

table tbody tr td:nth-child(2) {
  font-size: 14px !important;
}

/* tabs */

.composant-tabs ul li:not(:last-child) {
  border-bottom: 1px solid #ccc; /* ou la couleur que tu veux */
}

.composant-tabs ul li.active {
  background: #f7f6f5;
}

/* card */

.card {
  border: 0;
}

.badge-categorie {
  background: #d2ffa0;
  text-transform: uppercase;
  padding: 5px 8px;
  font-size: 14px;
  font-size: 14px;
  display: inline-block;
  color: #173e1e;
}

/* blocs apercu */

.cms-accueil .composant-apercu .item-apercu.bloc-marron a:hover {
  background: #ffa601;
}

.cms-accueil .composant-apercu .item-apercu.bloc-bleu a:hover {
  background: #46abea;
}

.cms-accueil .composant-apercu .item-apercu.bloc-violet a:hover {
  background: #b96dff;
}

.composant-apercu .card-body {
  padding: 2rem;
}

.bloc-marron {
  background: #5d4a1a;
}

.bloc-marron p {
  color: #ffe8a7;
}

.bloc-marron .btn {
  color: #5d4a1a;
  background: var(--blanc);
}

.bloc-bleu {
  background: #13377b;
}

.bloc-bleu p {
  color: #c0e6ff;
}

.bloc-bleu .btn {
  color: #13377b;
  background: var(--blanc);
}

.bloc-violet {
  background: #4a2385;
}

.bloc-violet p {
  color: #e7caff;
}

.bloc-violet .btn {
  color: #4a2385;
  background: var(--blanc);
}

.liste-footer .titre-liste-footer {
  color: var(--flash);
  text-transform: uppercase;
  font-size: 16px !important;
  line-height: 150% !important;
  font-weight: 400 !important;
}

.liste-footer ul li a {
  color: var(--blanc) !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 150% !important;
  font-weight: 400 !important;
}

.banniere-footer {
  padding: 100px 0 200px !important;
  position: relative;
}

#illu-pale {
  background: var(--pale);
  content: "";
  width: 350px;
  height: 80px;
  position: absolute;
  top: 5%;
  border-radius: 4px;
  left: 2%;
  display: inline-block;
}

#illu-vert {
  background: var(--flash);
  content: "";
  width: 350px;
  height: 80px;
  position: absolute;
  bottom: 25%;
  border-radius: 4px;
  right: 5%;
  display: inline-block;
}

#illu-blanc {
  background: var(--blanc);
  content: "";
  width: 350px;
  height: 80px;
  position: absolute;
  bottom: 10%;
  border-radius: 4px;
  left: 20%;
  display: inline-block;
}

/* banniere */

.banniere-accueil {
  padding-top: 130px;
  background: var(--gris);
}

.sur-titre-banniere {
  padding: 4px 8px;
  border: solid 1px var(--flash);
  display: inline-block;
  border-radius: 4px;
}

.banniere-accueil #illu-acc1 {
  background: #94df00;
  content: "";
  width: 350px;
  height: 80px;
  position: absolute;
  top: 5%;
  z-index: -1;
  border-radius: 4px;
  left: 18%;
  display: inline-block;
}

.banniere-accueil #illu-acc2 {
  background: #d2ffa0;
  content: "";
  width: 350px;
  z-index: -1;
  height: 80px;
  position: absolute;
  bottom: 5%;
  border-radius: 4px;
  left: 2%;
  display: inline-block;
}

.banniere-accueil #illu-acc3 {
  background: #94df00;
  content: "";
  width: 350px;
  z-index: -1;
  height: 80px;
  position: absolute;
  top: 60%;
  border-radius: 4px;
  right: 2%;
  display: inline-block;
}

/* lignes de logos */

.logos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 2rem; /* espacement identique entre les logos */
  align-items: center;
}

.logos-grid img {
  max-width: 100%;
  height: auto;
  display: block;
}

.logos-7 section.post-text {
  padding-bottom: 2rem;
}

#main > section.logos-7 {
  padding-top: 0;
}

/* megamenu */

.dropdown-menu-1 {
  display: flex !important;
  flex-direction: column;
}

.mega-menu .dropdown-1 > .container {
  /*
	padding:30px 15px;
	*/
}

.dropdown-menu-2 {
  display: flex !important;
  flex-direction: row;
}

#navbar-main {
  background: var(--pale);
  margin-top: 20px;
  border: solid 1px var(--flash);
  border-radius: 4px;
}

.tester-maintenant {
  background: var(--sombre);

  border-radius: 4px;
}

.tester-maintenant a {
  color: var(--blanc) !important;
  padding: 8px 16px !important;
}

.tester-maintenant .menu-title:before {
  display: none !important;
}

#navbar-menu .mega-menu > li:first-child {
  display: none !important;
}

.mega-menu .page-1 > a.active {
  background: var(--sombre);
  color: var(--flash);
  padding: 3px 6px;
  border-radius: 4px;
}

#navbar-menu .page-1 .dropdown-menu-1:not(:has(.page-3)) {
  gap: 0;
}

#navbar-menu .page-1 .dropdown-menu-1:not(:has(.page-3)) .page-2 a {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 150% !important;
  text-transform: unset !important;
  letter-spacing: 0% !important;
  color: var(--noir) !important;
}

/*
.mega-menu .dropdown-menu-1 .page-2 {
	margin-bottom: 40px;
}*/

.mega-menu .dropdown-menu-1 .page-2:last-child {
  margin-bottom: 0px;
}

.mega-menu .dropdown-menu-1 .page-2 > a {
  text-transform: uppercase;
  color: var(--sombre) !important;
  font-weight: 600 !important;
}

.mega-menu .dropdown-menu-2 .page-3 > a {
  color: #5b5650 !important;
}

.mega-menu .dropdown-menu-3 .page-4 > a {
  /* 
	padding: 0.25rem 1rem !important;
	*/
  font-size: 14px !important;
  padding: 0.3rem 0.5rem !important;
}

.dropdown-mega-menu .last-level a {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 150% !important;
  text-transform: unset !important;
  letter-spacing: 0% !important;
  color: var(--noir) !important;
}

/* chiffres */

.chiffre {
  font-weight: 600;
  font-size: 48px;
  line-height: 100%;
  letter-spacing: -3%;
}

.composant-historique .historique-item:not(:last-child) {
  border-bottom: 1px solid #000;
}

/* references */

.composant-apercu-references .item-apercu .apercu-img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.composant-apercu-references .item-apercu {
  padding-bottom: 0 !important;
}

.hack-click {
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0 */
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px; /* cache le texte si tu veux mettre un aria-label */
  background: transparent; /* invisible */
}

.bloc-image-cloud h2 span {
  color: #ffa601;
}

.bloc-image-cloud .btn {
  color: #5d4a1a;
  border: #5d4a1a solid 1px;
}

.bloc-image-cloud .btn:hover {
  background: #5d4a1a;
  color: #fff;
}

.bloc-image-sante h2 span {
  color: #46abea;
}

.bloc-image-sante .btn {
  color: #13377b;
  border: #13377b solid 1px;
}

.bloc-image-sante .btn:hover {
  background: #13377b;
  color: #fff;
}

.bloc-image-performance h2 span {
  color: #b96dff;
}

.bloc-image-performance .btn {
  color: #4a2385;
  border: #4a2385 solid 1px;
}

.bloc-image-performance .btn:hover {
  background: #4a2385;
  color: #fff;
}

.contact iframe {
  border-radius: 6px !important;
}

.billet-sidebar-blog:first-child {
  display: none;
}

.lotti-kiwi {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* cover pour remplir sans distorsion */
  pointer-events: none; /* laisse passer les clics sur l'image dessous */
  z-index: 2;
}

.btn-404 {
  background: #94df00;
  color: #173e1e;
}

.btn-404:hover {
  background: #173e1e;
  color: #fff;
}

.btn-go-footer:hover {
  border: 1px solid var(--pale) !important;
}

.btn-nous-contacter-footer:hover {
  background: var(--flash) !important;
  color: var(--sombre) !important;
}

/* TEMOIGNAGES */

.text-zinc-900,
.text-zinc-700,
.text-zinc-500 {
  color: #fff !important;
}

#composant-tabs-telechargement .process-tab li:not(.active) {
  opacity: 0.5;
  cursor: pointer;
}

/* lotti */

.lotti-kiwi {
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}

#navbar-menu ul.mega-menu > li:nth-child(3) ul li .page-link-spacer,
#navbar-menu ul.mega-menu > li:nth-child(3) ul li .page-link-spacer:hover {
  cursor: default;
  background: none;
}

/* Activation uniquement sur les blocs voulus */
.avec-parralax .parallax-img {
  position: relative;
  width: 100%;
  min-height: 420px; /* ajuste selon ton design */
  overflow: hidden;
  border-radius: 6px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0%;

  will-change: background-position;
}

section.post-text .text-center.text-left {
  text-align: left !important;
}

section.post-text .post-content ul {
  margin-left: 20px;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig {
  left: 20px !important;
  bottom: 20px !important;
  top: auto !important;
  border-radius: 6px !important;
  background: var(--sombre) !important;
  width: 500px !important;
  text-align: left !important;
  transform: none !important;
  padding: 20px 15px !important;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
  padding-left: 7px !important;
  text-align: left !important;
}

.tac-secondary-title {
  font-size: 24px !important; /* même ordre de grandeur que le titre principal */
  font-weight: 600;
  color: #fff !important;
  margin-bottom: 20px !important;
}

.tac-secondary-text {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #f7f6f5 !important;
  margin: 0;
}

.cms-accueil .sticky-top {
  position: initial;
}

body.cms-page-plan-du-site #main {
  padding-top: 50px;
  padding-bottom: 50px;
}