:root {
  /* pack variables style*/
  /* color */
  --brand: #e66329;
  --accent: #488284;
  --base-gray: #727272;

  --gray0: white;
  --gray50: #fafafa;
  --gray100: #f5f5f5;
  --gray200: #e6e6e6;
  --gray300: #d3d3d3;
  --gray400: #a3a3a3;
  --gray500: #727272;
  --gray600: #535353;
  --gray700: #404040;
  --gray800: #272727;
  --gray900: #1a1a1a;
  --gray950: #0b0b0b;

  --brand50: #fdf6ef;
  --brand100: #fbe9d9;
  --brand200: #f7cfb1;
  --brand300: #f2ae7f;
  --brand400: #eb844c;
  --brand500: #e66329;
  --brand600: #d74b1f;
  --brand700: #b3371b;
  --brand800: #8f2e1d;
  --brand900: #73281b;
  --brand950: #3e120c;

  --accent50: #f4f9f9;
  --accent100: #dbeceb;
  --accent200: #b7d8d6;
  --accent300: #8abebd;
  --accent400: #629e9f;
  --accent500: #488284;
  --accent600: #3c6e71;
  --accent700: #305255;
  --accent800: #294446;
  --accent900: #26393b;
  --accent950: #121f21;

  --shade-background: var(--gray0);
  --shade-text: var(--gray700);

  --img-radius: 0;
  --card-radius: 0;
  --card-inner-img-radius: 0;
  --button-radius: 0;
  --input-radius: 8px;
  --icon-radius: 0;
  --transition: 0.6s all ease-in-out;
  --link-color: var(--link-default-color);
  --section-padding-block: var(--spacing10);

  --button-padding-block: var(--button-md-padding-block);
  --button-padding-inline: var(--button-md-padding-inline);
  --button-font-size: var(--text-md);
  --button-line-height: var(--line-height-md);
  --text-icon-icon-size: var(--text-icon-md-icon-size);

  /* font-size */
  /* font de base (pour les textes) */
  --font-size: 18px;
  --font-size-sm: 14px;

  /* réglage des tailles cf maquette */
  --text-xs: 11px;
  --text-sm: 13px;
  --text-md: var(--font-size);
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 28px;

  --display-xs: 20px;
  --display-sm: 24px;
  --display-md: 28px;
  --display-lg: 33px;
  --display-xl: 40px;
  --display-2xl: 61px;

  /* pour la gestion des classes */
  --h1-font-size: var(--display-2xl);
  --h2-font-size: var(--display-xl);
  --h3-font-size: var(--display-lg);
  --h4-font-size: var(--display-md);
  --h5-font-size: var(--display-sm);
  --h6-font-size: var(--display-xs);

  --h1-mobile-font-size: var(--display-xl);
  --h2-mobile-font-size: var(--display-lg);
  --h3-mobile-font-size: var(--display-md);
  --h4-mobile-font-size: var(--display-sm);
  --h5-mobile-font-size: var(--display-xs);
  --h6-mobile-font-size: var(--text-lg);

  /* font-family */
  --font-text: "Times New Roman", serif;
  --font-menu: "Times New Roman", serif;
  --font-display: "Instrument Serif", serif;

  /* font-weight */
  --display-default: var(--font-regular);
  --display-heavy: var(--font-regular);
  --display-font-weight: var(--display-heavy);

  --menu-default: var(--font-regular);
  --menu-heavy: var(--font-regular);

  --text-default: var(--font-regular);
  --text-heavy: var(--font-bold);

  /* BUTTONS */
  --button-font-family: var(--font-display);
  --button-font-weight: var(--menu-heavy);

  /* BUTTON PRIMARY */
  /* default */
  --button-primary-default-color: var(--accent500);
  --button-primary-default-background: var(--gray0);
  --button-primary-default-border: 1px solid var(--accent500);
  /* hover */
  --button-primary-hover-color: var(--accent500);
  --button-primary-hover-background: var(--accent200);
  --button-primary-hover-border: 1px solid var(--accent500);
  /* active */
  --button-primary-active-color: var(--accent500);
  --button-primary-active-background: var(--accent400);
  --button-primary-active-border: 1px solid transparent;
  /* disabled */
  --button-primary-disabled-color: var(--accent300);
  --button-primary-disabled-background: var(--gray10);
  --button-primary-disabled-border: 1px solid transparent;

  /* BUTTON SECONDARY */
  /* default */
  --button-secondary-default-color: var(--gray0);
  --button-secondary-default-background: var(--gray900);
  --button-secondary-default-border: 1px solid transparent;
  /* hover */
  --button-secondary-hover-color: var(--gray900);
  --button-secondary-hover-background: var(--gray0);
  --button-secondary-hover-border: 1px solid var(--gray900);
  /* active */
  --button-secondary-active-color: var(--gray800);
  --button-secondary-active-background: var(--gray500);
  --button-secondary-active-border: 1px solid transparent;
  /* disabled */
  --button-secondary-disabled-color: var(--gray300);
  --button-secondary-disabled-background: var(--gray100);
  --button-secondary-disabled-border: 1px solid transparent;

  /* BUTTON CONVERSION */
  /* default */
  --button-conversion-default-color: var(--gray0);
  --button-conversion-default-background: var(--accent600);
  --button-conversion-default-border: 1px solid var(--accent600);
  /* hover */
  --button-conversion-hover-color: var(--gray0);
  --button-conversion-hover-background: var(--accent300);
  --button-conversion-hover-border: 1px solid var(--accent600);
  /* active */
  --button-conversion-active-color: var(--gray0);
  --button-conversion-active-background: var(--accent900);
  --button-conversion-active-border: 1px solid var(--accent600);
  /* disabled */
  --button-conversion-disabled-color: var(--accent300);
  --button-conversion-disabled-background: var(--accent100);
  --button-conversion-disabled-border: 1px solid var(--accent600);

  /* LINK */
  /* default */
  --link-default-color: var(--accent800);
  --link-default-text-decoration: underline;
  /* hover */
  --link-hover-color: var(--accent600);
  --link-hover-text-decoration: none;
  /* active */
  --link-active-color: var(--accent600);
  --link-active-text-decoration: none;
  /* visited */
  --link-visited-color: var(--link-default-color);
  /* disabled */
  --link-disabled-color: var(--accent200);

  /* TAG PRIMARY */
  /* default */
  --tag-primary-default-color: var(--gray0);
  --tag-primary-default-background: var(--brand500);
  --tag-primary-default-border: none;
  /* hover */
  --tag-primary-hover-color: var(--gray0);
  --tag-primary-hover-background: var(--brand400);
  --tag-primary-hover-border: none;
  /* active */
  --tag-primary-active-color: var(--gray0);
  --tag-primary-active-background: var(--brand600);
  --tag-primary-active-border: none;

  /* TAG CONVERSION */
  /* default */
  --tag-conversion-default-color: var(--gray0);
  --tag-conversion-default-background: var(--accent500);
  --tag-conversion-default-border: none;
  /* hover */
  --tag-conversion-hover-color: var(--gray0);
  --tag-conversion-hover-background: var(--accent400);
  --tag-conversion-hover-border: none;
  /* active */
  --tag-conversion-active-color: var(--gray0);
  --tag-conversion-active-background: var(--accent600);
  --tag-conversion-active-border: none;

  /* TAG INFO */
  /* default */
  --tag-info-default-color: var(--gray0);
  --tag-info-default-background: var(--info500);
  --tag-info-default-border: none;
  /* hover */
  --tag-info-hover-color: var(--gray0);
  --tag-info-hover-background: var(--info400);
  --tag-info-hover-border: none;
  /* active */
  --tag-info-active-color: var(--gray0);
  --tag-info-active-background: var(--info600);
  --tag-info-active-border: none;
}

@media screen and (992px <=width) {
  :root {
    --section-padding-block: var(--spacing30);
    --section-padding-block-small: var(--spacing20);
  }
}

.card {
  /* text */
  --card-text-color: var(--gray800);
  /* direction : vertical */
  --image-aspect-ratio: 16 / 9;
  /* direction : horizontal */
  --card-horizontal-image-width: 50%;
  --card-horizontal-content-width: calc(
    100% - var(--card-horizontal-image-width)
  );
  /* image : background */
  --image-background-overlay: linear-gradient(transparent, black 125%);
  --image-background-text-color: var(--gray0);
  /* card background */
  --card-background-color: var(--gray0);
  /* icon */
  --card-icon-size: var(--display-sm);
}

/* ============== */
/* === BLOCS BIBLIOTHEQUE === */
/* ============== */

/* ============== */
/* === HEADER === */
/* ============== */

.menu-mobile {
  background-color: var(--shade-background);
}

.menu-mobile .btn-menu {
  height: auto;
  color: var(--shade-text);
}

#menu-burger span,
.close-menu span {
  padding: var(--spacing3);
}

.menu_opened .no-menu-opened,
.top-bar-cta {
  display: none;
}

.fold-actions {
  padding-block: var(--header-padding);
  text-align: center;
}

.fold-actions .contactInfos--phone {
  padding-block: var(--header-padding);
  align-items: center;
}

@media screen and (max-width: 992px) {
  .header-content .nav#main-nav li:not(.opened) a,
  .header-content .nav#topbar-nav li:not(.opened) a {
    padding: 0.75rem 5%;
    border-bottom: none;
  }

  .header-content .nav ul li {
    border-bottom: solid 1px var(--gray200);
  }

  .header-content .nav ul li a.selected {
    color: var(--gray0);
    background-color: var(--brand);
  }

  .header-content .nav .sous_menu .btnMenuLevel2,
  .header-content .nav .sous_menu .btnMenuLevel3 {
    right: 0;
    border-left: solid 1px var(--gray200);
  }

  .header-content #nav-container,
  .dropdown,
  .ssdropdown {
    border-top: solid 1px var(--gray200);
  }

  .header-content .nav > ul > .sous_menu.opened > a,
  .header-content .nav .dropdown > .sous_menu.opened > a {
    justify-content: center;
    max-width: 500px;
    text-align: center;
    color: var(--shade-text);
  }

  .header-content .nav > ul > .sous_menu.opened > a.selected,
  .header-content .nav .dropdown > .sous_menu.opened > a.selected {
    background: transparent;
  }

  .header-content .nav#main-nav li.sous_menu:not(.opened) > a,
  .header-content .nav#topbar-nav li.sous_menu:not(.opened) > a {
    padding-right: calc(5% + 3rem);
  }
}

@media screen and (min-width: 768px) {
  .fold-actions {
    display: none;
  }

  .top-bar-cta {
    display: block;
  }
}

@media screen and (min-width: 993px) {
  .header-content .nav#main-nav > ul > li,
  .header-content .nav#topbar-nav > ul > li {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .header-content .nav > ul > li > ul.dropdown > li a {
    font-size: var(--font-size-sm);
  }

  .header-content .nav#main-nav > ul > li > a,
  .header-content .nav#topbar-nav > ul > li > a {
    padding: 0.25rem;
  }

  .main-header-content {
    padding-block: var(--header-padding);
  }

  #topbar-nav {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .top-bar {
    padding-block: var(--header-padding-topbar);
    font-size: var(--font-size-sm);
  }

  .top-bar .socialLinkList a.RS {
    padding-block: 0;
  }
}

/* ============== */
/* === FOOTER === */
/* ============== */

.footer {
  padding-block: calc(2 * var(--footer-padding));
}

.footer > .container {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--footer-padding));
}

.footer__mainContent.row {
  width: 100%;
  row-gap: var(--contact-infos-list-gap);
}

@media (width <=992px) {
  .footer__mainContent.row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media screen and (992px <=width) {
  .footerLogoCenter > .container {
    align-items: center;
  }
}

@media (992px < width <=1199px) {
  .footerLogoLeft .footer__brand {
    width: 100%;
    margin-bottom: var(--footer-padding);
    text-align: center;
  }

  .footer.footerLogoLeft .footer__brand .socialLinkList {
    justify-content: center;
  }
}

/* socialLinkList : liens réseaux sociaux dans le footer */

.footer__socialLinks {
  display: flex;
  flex-direction: column;
  gap: var(--spacing2);
}

.footer .socialLinkList {
  justify-content: flex-start;
}

.footer__socialLinks p:not(.textBlock p) {
  width: max-content;
  margin-bottom: 0;
}

.footerLogoLeft--b .socialLinkList,
.footerLogoLeft--d .socialLinkList,
.footerLogoLeft--e .socialLinkList,
.footerLogoCenter--d .socialLinkList,
.footerLogoBottom--b .socialLinkList {
  margin-top: var(--paragraph-gap-md);
}

@media screen and (992px <=width) {
  .footerLogoCenter--a .socialLinkList {
    justify-content: center;
  }
}

/* footer__siteNav : navigation du site dans le footer */

.footer__siteNav ul {
  margin-block: 0;
}

.footer__siteNav .dropdown,
.footer__siteNav .ssdropdown {
  flex-direction: column;
  gap: 0;
  padding-left: var(--spacing6);
  font-size: var(--text-sm);
  border-top: none;
}

@media screen and (992px <=width) {
  .footer__siteNav--horizontal ul {
    /* display: flex; */
    justify-content: center;
    gap: var(--text-list-gap-md);
  }
}

/* footer__legalNav : liens légaux dans le footer */

.footer__paragraph {
  margin-bottom: var(--text-list-gap-md);
}

nav.footer__legalNav a {
  color: var(--link-color, var(--link-default-color));
}

.footer__legalNav a:not(:last-child),
.footer__siteNav li:not(:last-child) a {
  display: inline-block;
}

/* .footer__siteNav li:not(:last-child) a {
  margin-bottom: calc(var(--text-list-gap-md) - var(--spacing1));
} */

@media (width < 992px) {
  .footer__nav a {
    padding-block: var(--spacing1);
  }

  .footer__legalNav .buttonGroup {
    flex-direction: column;
  }

  .footer__legalNav .buttonGroup .link:not(:first-child) {
    margin-left: 0;
  }

  .footerLogoBottom .footer__legalInfos {
    margin-top: var(--footer-gap);
  }
}

@media screen and (992px <=width) {
  .footer__paragraph {
    text-align: center;
  }

  /* .footer__siteNav li:not(:last-child) a {
    margin-bottom: var(--text-list-gap-sm);
  } */
  .footerLogoLeft--e .footer__legalNav .buttonGroup {
    flex-direction: column;
  }

  .footerLogoLeft--e .footer__legalNav .buttonGroup .link:not(:first-child) {
    margin-left: 0;
  }
}

/* Footer contact infos */

.footer address {
  margin-block: 0;
}

.footer .contactInfos--address2lines .lien-maps span {
  display: block;
}

/* Footer menu dropdown */
.footer__siteNav ul li.sous_menu {
  position: relative;
}

.footer__siteNav ul li.sous_menu ul.dropdown {
  position: absolute;
  left: 0;
  display: none;
  flex-direction: column;
  align-items: stretch;
  width: max-content;
  min-width: 100%;
  margin: 0;
  padding: 0;
  z-index: 1;
  background-color: var(--shade-background);
  border: 1px solid var(--gray100);
}

.footer__siteNav ul li.sous_menu > a::after {
  position: absolute;
  right: 0.625rem;
  display: block;
  font-family: var(--icon-font);
  line-height: 0;
  content: "\e5cf";
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: -0.125em 0 0 0.25em;
  text-decoration: none;
}

.footer__siteNav ul li.sous_menu ul.dropdown > li:not(:last-child) {
  border-bottom: 1px solid var(--gray100);
}

.footer__siteNav ul li.sous_menu:hover ul.dropdown {
  display: flex;
}

.footer__siteNav ul li.sous_menu ul.dropdown > li a {
  padding: 0.5rem;
  margin: 0;
  font-size: var(--text-sm);
  display: block;
}

.footer__siteNav ul li a {
  border-bottom: 2px solid transparent;
}

@media screen and (min-width: 992px) {
  .footer__siteNav ul li.sous_menu ul.dropdown {
    bottom: 100%;
  }
}

/* @media screen and (max-width: 992px) {
  .footer__siteNav ul li.sous_menu ul.dropdown {
    min-width: 18%;
    top: 100%;
  }
} */

/* ============= */
/* === BRAND === */
/* ============= */

.brand a {
  display: inline-block;
  transition: opacity 0.3s;
}

.brand a:hover {
  opacity: 0.75;
}

header .brand img.footer-only,
footer .brand img.header-only,
.rappel_telephonique .brand img.footer-only {
  display: none;
}

/* ============== */
/* === HERO 1 === */
/* ============== */

.hero1__image img {
  display: block;
  width: 100%;
  height: auto;
}

.hero1--imageSizeFullWidth .hero1__image img {
  width: 100%;
}

@media screen and (992px <=width) {
  .hero1__content {
    align-content: center;
  }

  .hero1__image > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    background-position: center;
  }
}

@media screen and (width < 992px) {
  .hero1--textPositionLeft .hero1__content {
    margin-bottom: var(--section-gap-md);
  }

  .hero1--textPositionRight .hero1__content {
    margin-top: var(--section-gap-md);
  }
}

.hero1--textPositionLeft .hero1__backgroundBlock {
  margin-bottom: calc(-1 * var(--section-padding-block));
  margin-top: calc(3 * var(--section-padding-block));
}

.hero1--textPositionRight .hero1__backgroundBlock {
  margin-top: calc(-1 * var(--section-padding-block));
  margin-bottom: calc(3 * var(--section-padding-block));
}

@media screen and (992px <=width) {
  .hero1--textPositionLeft .hero1__backgroundBlock,
  .hero1--textPositionRight .hero1__backgroundBlock {
    margin-block: calc(-1 * var(--section-padding-block));
  }
}

@media screen and (601px <=width < 992px) {
  .hero1__image img {
    object-fit: cover;
    background-position: center;
    max-height: 500px;
  }
}

/* ============== */
/* === HERO 2 === */
/* ============== */

.html-block.hero2 {
  padding-block: 0;
}

.hero2__content {
  margin-block: var(--section-padding-block);
}

@media screen and (992px <=width) {
  .html-block.padding-small .hero2__content {
    margin-block: var(--section-padding-block-small);
  }
}

/* =================== */
/* === CARDS SET 1 === */
/* =================== */

.cardsSet1__cards {
  margin-block: var(--section-gap-md);
}

@media screen and (1200px <=width < 1500px) {
  .cardsSet1--directionCarrousel .grid .xl-col-end-13 {
    --col-end: 12;
  }

  .cardsSet1--directionCarrousel .grid .xl-col-start-1 {
    --col-start: 2;
  }
}

/* =================== */
/* === CARROUSEL 1 === */
/* =================== */

.html-block.carrousel1 {
  padding-block: 0;
}

.carrousel1 [class^="slide-"] .container .cell {
  min-height: 30rem;
  padding-block: var(--section-padding-block);
  align-content: center;
  text-align: center;
}

.carrousel1 .cell {
  position: relative;
}

.carrousel1 .slick-slide .cell > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.carrousel1 .slick-slider {
  margin: 0 !important;
  z-index: 0;
}

.carrousel1 .slick-slider.slick-dotted {
  margin: 0 !important;
}

.carrousel1 .slick-dots {
  position: absolute;
  bottom: calc(var(--section-padding-block) / 2) !important;
  width: 100%;
  max-width: 640px;
  left: 50%;
  transform: translateX(-50%);
}

@media not (pointer: fine) {
  .carrousel1-slick-prev,
  .carrousel1-slick-next {
    display: none;
  }
}

@media (992px <=width) {
  .carrousel1-slick-prev,
  .carrousel1-slick-next {
    position: absolute;
    top: 50%;
    z-index: 1;
  }

  .carrousel1-slick-prev {
    right: calc(50% + var(--container) / 2);
    left: auto !important;
    transform: translate(100%, -50%) !important;
  }

  .carrousel1-slick-next {
    right: auto !important;
    left: calc(50% + var(--container) / 2);
    transform: translate(-100%, -50%) !important;
  }
}

/* ====================== */
/* === TESTIMONIALS 1 === */
/* ====================== */

.testimonials1__cards {
  margin-block: var(--section-gap-md);
}

@media screen and (992px <=width) {
  .testimonials1:not(.testimonials1--textPositionTop) .testimonials1__cards {
    margin-block: 0;
  }
}

/* ===================== */
/* === IMAGES LIST 1 === */
/* ===================== */

.imagesList1__imagesList {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--grid-gutter);
  padding-left: 0;
  margin-block: 0;
}

.imagesList1--textPositionTop .imagesList1__imagesList {
  margin-block: var(--section-gap-md);
}

.imagesList1--textPositionLeft .imagesList1__imagesList,
.imagesList1--textPositionRight .imagesList1__imagesList {
  margin-top: var(--section-gap-md);
}

.imagesList1__imagesList .imageText__media {
  max-height: 10rem;
}

@media screen and (400px <=width) {
  .imagesList1__imagesList {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .imagesList1__imagesList .imageText {
    flex-basis: calc(50% - (var(--grid-gutter) / 2));
  }
}

@media screen and (768px <=width) {
  .imagesList1--textPositionTop .imagesList1__imagesList .imageText {
    flex-basis: calc(33% - (2 * (var(--grid-gutter)) / 3));
  }

  .imagesList1--textPositionLeft .imagesList1__imagesList,
  .imagesList1--textPositionRight .imagesList1__imagesList {
    margin-block: 0;
  }
}

@media screen and (992px <=width) {
  .imagesList1--textPositionTop .imagesList1__imagesList {
    flex-wrap: nowrap;
  }
}

/* ====================== */
/* ==== contactSection === */
/* ====================== */

.contactSection__content1 {
  margin-bottom: var(--section-gap-md);
}

.contactSection__content2 {
  margin-top: var(--section-gap-md);
}

.contactSection .socialLinkList {
  justify-content: flex-start;
}

.contactSection .textBlock__col {
  flex-basis: 50%;
}

@media screen and (min-width: 768px) {
  .contactSection .textBlock__col2 {
    align-items: end;
  }
}

/* ====================== */
/* === FORM SECTION 2 === */
/* ====================== */

.form2 * {
  box-sizing: border-box;
}

.form2__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}

.form2 iframe {
  display: block;
  width: 100%;
  height: auto;
  border: none;
  aspect-ratio: 4 / 3;
}

.form2__infos {
  --contact-infos-list-gap: var(--section-gap-md);
  display: flex;
  flex-direction: column;
  padding: var(--spacing4);
  background-color: var(--gray100);
}

.form2__content:not(:last-child),
.container:not(:last-child) .form2__content,
.form2__infos:not(:last-child),
:where(.form2__content, .form2__infos) .textBlock:not(:last-child),
.form2__infos .contactInfosList:not(:last-child) {
  margin-bottom: var(--section-gap-md);
}

@media (992px <=width) {
  .form2__infos {
    height: 100%;
    padding: var(--spacing10);
  }

  .form2__content:not(:last-child),
  .container:not(:last-child) .form2__content,
  .form2__infos:not(:last-child) {
    margin-bottom: 0;
  }

  .form2__infos .contactInfosList:last-child,
  .form2__infos .form2__image:last-child,
  .form2__infos .contactInfosList > :last-child,
  .form2__infos .contactInfosList > :last-child > :last-child {
    flex-grow: 1;
  }

  .form2__infos iframe,
  .form2__image img {
    height: 100%;
    aspect-ratio: 16 / 9;
  }
}

/* ====================== */
/* === CUSTOM === */
/* ====================== */
#blocHorsLigne {
  z-index: 999 !important;
}

.slick-slide {
  padding: 0px 0px 13px;
}

.color-brand950 {
  color: var(--brand950);
}

.bg-brand950 {
  background-color: var(--brand950);
}

.color-accent950 {
  color: var(--accent950);
}

.bg-accent950 {
  background-color: var(--accent950);
}

.color-gray950 {
  color: var(--gray950);
}

.bg-gray950 {
  background-color: var(--gray950);
}

.card__image,
.card__image * {
  border-radius: inherit;
  overflow: hidden;
}

.card--clickable {
  background-color: transparent;
}

.card--clickable *,
.socialLinkList a path {
  transition: var(--transition);
}

.valide p {
  color: green;
  padding: var(--spacing3);
  border: 1px solid green;
}

.erreur p {
  color: red;
}

.socialLinkList a:hover path {
  fill: #4b5ffa;
  transform: scale(0.9);
}

.paragraph__text p {
  line-height: 26px;
}

.paragraph__text p:not(:last-of-type) {
  margin-bottom: var(--spacing8);
}

.card__text p {
  margin-bottom: 0;
}

a.lien-maps:hover,
a.lien-maps:hover span {
  text-decoration: underline;
}

.buttonGroup .link {
  font-family: var(--font-text);
}

.title-1,
h1,
.title-2,
h2 {
  letter-spacing: 0px;
}

h2 {
  font-weight: 500;
  color: var(--gray950);
}

.button {
  min-height: 52px;
  max-height: 52px;
  box-sizing: border-box;
}

.btn-tel {
  border: 1px solid var(--accent500);
  border-radius: var(--button-radius);
  height: 50px;
}

.btn-tel:hover {
  background-color: var(--accent200);
}

.mx-auto {
  margin-inline: auto;
}

.m-auto {
  margin: auto;
}

.span-titre {
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0%;
  font-size: 13px;
  color: var(--accent600);
  position: relative;
  padding-left: 38px;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.span-titre::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 1px;
  background-color: var(--accent600);
  left: 0;
  top: calc(50% - 0.5px);
}

[id*="bloc-"] .paragraph__text:has(h2.open) p:has(em),
.ac-doubleColonne p:has(em) {
  padding: 60px 32px 32px 32px;
  position: relative;
  border-radius: 10px;
  border: 1px solid var(--accent400);
  border-left: 4px solid var(--brand950);
  margin-top: var(--spacing6);
  letter-spacing: 0px;
  overflow: hidden;
}

[id*="bloc-"] p em,
.ac-doubleColonne p em {
  position: relative;
  font-style: normal;
  z-index: 2;
}

[id*="bloc-"] .paragraph__text:has(h2.open) p:has(em)::before,
.ac-doubleColonne p:has(em)::before {
  position: absolute;
  color: var(--gray950);
  content: "BON À NOTER";
  font-family: var(--font-text);
  font-weight: bold;
  line-height: 24px;
  top: 24px;
  left: 32px;
}

.slick--dots .slick-dots li button {
  padding: var(--spacing1);
}

.slick--dots {
  margin-top: var(--spacing6);
  z-index: 2;
}

.slick--dots .slick-dots li button .slick-dot-icon::before {
  width: 12px;
  height: 12px;
  background-color: var(--accent300);
}

.slick--dots .slick-dots li.slick-active button .slick-dot-icon::before {
  border-radius: var(--radius6);
  width: 20px;
  background-color: var(--accent500);
  height: 12px;
}

@media screen and (min-width: 992px) {
  div:not(.card__footer) > .buttonGroup {
    align-items: center;
  }

  .html-block.position-relative {
    z-index: 2;
  }

  .html-block:not(#hero) {
    position: relative;
    z-index: 2;
    margin-top: -1px;
  }
}

@media screen and (max-width: 991px) and (min-width: 579px) {
  div:not(.card__footer) > .buttonGroup {
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 991px) {
  .cardsList--directionCarrousel .slick-dots,
  .cardsList--mobileCarrousel.slick-slider .slick-dots {
    margin-top: 27px;
  }
}

@media screen and (min-width: 1750px) and (max-width: 1920px) {
  .html-block .grid {
    --container: calc(100% - 120px);
  }
}

@media screen and (min-width: 1680px) {
  .html-block .grid {
    --container: 1680px;
  }
}

@media screen and (min-width: 992px) {
  .html-block .container {
    max-width: 1680px;
  }
}

@media screen and (1200px <=width < 1400px) {
  .html-block .grid {
    --container: 1080px;
  }
}

/* ===================HEADER==================== */
nav#topbar-nav {
  display: none;
}
@media screen and (min-width: 993px) {
  .top-bar .row {
    justify-content: center;
    gap: 8px;
}
  body:not(.page-404) {
    padding-top: 0 !important;
  }
  nav#topbar-nav {
    display:block;
  }
  body:not(.contact-page) header .contact-link {
    display: none;
  }

  .top-bar {
    padding-block: var(--spacing6);
  }

  .main-header-content {
    padding-block: 0;
    display: none;
  }

  .header-content {
    background-color: transparent;
  }

  .sticky-active .header-content {
    background: var(--accent600);
  }

  .header-content .nav ul li.sous_menu ul.ssdropdown li a,
  .header-content .nav ul li.sous_menu ul.ssdropdown li:not(:last-child) a,
  .header-content .nav ul li.sous_menu ul.dropdown li a,
  .header-content .nav ul li.sous_menu ul.dropdown > li:last-child > a,
  .header-content .nav ul li a {
    border-bottom: 2px solid transparent;
    display: block;
    margin-inline: 0;
    color: var(--gray0);
    padding-inline: var(--spacing2);
  }

  .header-content .nav ul li.sous_menu ul.dropdown {
    border: 0;
    background-color: var(--accent600);
  }

  .header-content .nav ul li.sous_menu ul.dropdown > li a:hover,
  .header-content .nav ul li.sous_menu ul.dropdown > li a.selected,
  .header-content .nav ul li.sous_menu ul.dropdown > li:last-child > a:hover,
  .header-content .nav ul li.sous_menu ul.dropdown > li:last-child > a.selected,
  .header-content .nav ul li a.selected,
  .header-content .nav ul li a:hover,
  .header-content .nav ul li:hover > a,
  .header-content
    .nav
    ul
    li.sous_menu
    ul.dropdown
    > li.sous_menu:not(.empty-link):hover
    > a {
    color: var(--gray0);
    opacity: 1;
    border-color: var(--gray0);
  }

  .header-content .nav ul li.sous_menu ul.ssdropdown li > a.selected {
    border-color: transparent !important;
  }

  .header-content .nav ul li.sous_menu ul.ssdropdown li:hover > a,
  .header-content .nav ul li.sous_menu ul.ssdropdown li a:hover,
  .header-content
    .nav
    ul
    li.sous_menu
    ul.ssdropdown
    li:not(:last-child)
    a:hover {
    border-color: var(--gray0) !important;
    color: var(--gray0);
  }

  .header-content .tel {
    font-family: var(--font-display);
    color: var(--gray0);
  }

  .empty-link:hover > a {
    cursor: default;
  }

  .header-content .container {
    max-width: 1680px !important;
  }

  .header-content .button {
    border-color: var(--gray0);
  }
}

@media screen and (min-width: 993px) and (max-width: 1620px) {
  .header-content .nav#main-nav > ul > li > a {
    font-size: 15px;
    text-align: center;
  }

  .header-content .nav#main-nav > ul > li {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
  }

  .main-header-content .container {
    width: 94%;
  }

  .main-header-content .brand .col {
    width: 150px;
    padding: 0;
  }

  .main-header-content .col:has(.tel) {
    padding: 0;
  }

  .main-header-content .row {
    justify-content: center;
  }
}

@media screen and (max-width: 992px) {
  body:not(.menu_opened) .menu-mobile {
    height: 5.5rem;
    background-color: var(--accent700);
  }

  .header-content .nav ul li a.selected {
    background-color: var(--accent700);
  }

  .header-content .nav .sous_menu .btnMenuLevel2::after,
  .header-content .nav .sous_menu .btnMenuLevel3::after {
    color: var(--gray900);
  }

  .menu-mobile .brand .col {
    width: 115px;
  }
}


@media screen and (min-width: 1600px) {

.top-bar .row {
  justify-content: space-between;
  gap: 0px;
}
}
/* ===================HERO======================= */
#hero .hero2__content {
  margin-block: 396px 194.6px;
}

#hero .button {
  border-color: var(--gray0);
}

.video-hero {
  z-index: -2;
}

@media screen and (max-width: 992px) {
  #hero .hero2__content {
    margin-block: 90px;
  }

  #hero .hero2__backgroundBlock {
    --overlay-background: linear-gradient(
      to right,
      #3c6e71,
      #3c6e7161
    ) !important;
  }

  .video-hero {
    opacity: 0.4;
    object-position: 74%;
  }
}

/* =========POINTS FORTS ============ */
#encart-points-forts .imageText {
  height: 100%;
  position: relative;
  padding: 64.5px 16px;
}

#encart-points-forts .imagesList1__imagesList {
  margin-block: 0;
  gap: 0;
}

#encart-points-forts .paragraph__text p {
  font-size: 14px;
}

@media screen and (min-width: 992px) {
  #encart-points-forts .imageText:not(:last-of-type)::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: var(--accent100);
    right: 0;
    top: 0;
  }
}

@media screen and (max-width: 992px) {
  #encart-points-forts .imageText {
    padding: 64.5px 16px 10px;
  }
}

/*====BLOC 01=============*/
#bloc-01 .paragraph__text p {
  font-size: 18px;
}

#bloc-01 .paragraph__text p:last-of-type {
  font-size: 16px;
  padding-top: 36px;
  margin-top: 36px;
  border-top: 1px solid #3c6e7133;
}

#bloc-01 h1 {
  position: relative;
  padding-bottom: var(--spacing6);
}

#bloc-01 h1::after {
  position: absolute;
  content: "";
  width: 120px;
  height: 2px;
  background-color: var(--accent600);
  left: 0;
  bottom: 0;
}

#bloc-01 img {
  object-position: top;
}

@media screen and (min-width: 992px) {
  #bloc-01 .container {
    gap: 0;
  }

  #bloc-01 img {
    aspect-ratio: 1;
  }
}

@media screen and (max-width: 991px) {
  #bloc-01 img {
    width: auto;
    height: auto;
    margin: auto;
  }
}

@media screen and (1200px <=width < 1500px) {
  #bloc-01 img {
    margin-left: -57px;
    width: calc(100% + 80px);
    max-width: none;
  }
}

/* ===============POINTS FORTS 2 ==============*/
#encart-points-forts-2 .imageText {
  height: 100%;
  border: 1px solid #3c6e7133;
  background-color: var(--gray0);
  padding: var(--spacing8);
}

#encart-points-forts-2 .imageText__media {
  margin-bottom: var(--spacing6);
}

#encart-points-forts-2 .imagesList1__imagesList {
  margin-bottom: 0;
}

@media screen and (min-width: 992px) {
  #encart-points-forts-2 .title-2 {
    font-size: 48px;
  }
}

/* =========PRESTATIONS=========== */
#encart-prestations .cardsSet1__cards {
  margin-bottom: 0;
}

#encart-prestations .cardsList {
  gap: 0;
}

#encart-prestations .card {
  min-height: 680px;
}

#encart-prestations .card .link__label {
  text-decoration: none;
  font-weight: 700;
}

#encart-prestations .card__content {
  gap: var(--spacing4);
  padding: var(--spacing12);
}

#encart-prestations .card__text p.bold {
  font-size: 16px;
}

#encart-prestations .card.active .card__text p:not(.bold) {
  display: block;
  animation: mymove 0.8s ease;
}

#encart-prestations .sous-titre {
  top: 48px;
  left: 48px;
  padding: 6px 12px;
  background: #ffffff1a;
  font-size: 13px;
  letter-spacing: 3px;
  border: 1px solid #ffffff2e;
}

@keyframes mymove {
  from {
    transform: translateY(50px);
  }

  to {
    transform: translateY(0px);
  }
}

#encart-prestations .sous-titre::before {
  position: absolute;
  content: "";
  width: 102px;
  height: 114px;
  background-image: url(../assets/gifs/Number-1.png);
  left: 0;
  top: 0;
}

#encart-prestations .card:nth-of-type(2) .sous-titre::before {
  width: 122px;
  background-image: url(../assets/gifs/Number-2.png);
}

#encart-prestations .card:nth-of-type(3) .sous-titre::before {
  width: 117px;
  background-image: url(../assets/gifs/Number-3.png);
}

#encart-prestations .card.leave .card__text p:not(.bold) {
  display: none;
  animation: toBottom 0.8s ease;
}

@keyframes toBottom {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(50px);
  }
}

#encart-prestations .card .card__image::before {
  background: linear-gradient(
    180deg,
    rgba(60, 110, 113, 0.75),
    rgb(22 40 41) 90%
  );
}

#encart-prestations .card:hover .card__image::before,
#encart-prestations .card.active .card__image::before {
  background: linear-gradient(
      180deg,
      rgba(22, 40, 41, 0) 0%,
      rgba(22, 40, 41, 0.93) 90%
    ),
    linear-gradient(0deg, rgb(60 110 113 / 90%) 0%, rgb(60 110 113 / 85%) 100%);
}

#encart-prestations .card:not(:last-of-type)::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  background-color: var(--gray0);
  right: 0;
  top: 0;
  z-index: 1;
}

/* ======================BLOC 02================= */
@media screen and (min-width: 1750px) and (max-width: 1920px) {
  #bloc-02 .grid {
    --container: 1320px;
  }
}

@media screen and (min-width: 1680px) {
  #bloc-02 .grid {
    --container: 1320px;
  }
}

@media screen and (min-width: 992px) {
  #bloc-02 .container {
    max-width: 1320px;
  }

  #bloc-02 img {
    aspect-ratio: 1 / 0.6;
  }
}

/* =========CONTACT============= */
#encart-contact .span-titre {
  color: var(--gray0);
}

#encart-contact .span-titre::before {
  background-color: var(--gray0);
}

#encart-contact .button {
  border-color: var(--gray0);
}

@media screen and (min-width: 992px) {
  #encart-contact {
    padding-block: 72px;
  }

  #encart-contact .title-1 {
    font-size: 56px;
  }

  #encart-contact .paragraph__text {
    max-width: 822px;
    margin-inline: auto;
  }
}

/* ==================BLOC 3 + 4 + 5 + 6  /================ */
#bloc-04 .paragraph__text:has(h2.open) p,
#bloc-04 .paragraph__text:has(h2.open) ul {
  max-height: fit-content;
}

.bloc-accordeon p a {
  color: var(--brand100);
}

.bloc-accordeon .paragraph__text {
  display: revert;
  padding: var(--spacing10) var(--spacing12);
  position: relative;
}

.bloc-accordeon .paragraph__text:has(h2.open) {
  background-color: var(--accent600);
  color: #ffffffee;
}

.bloc-accordeon .paragraph__text:has(h2.open) h2 {
  color: var(--gray0);
}

.bloc-accordeon .paragraph__text,
.bloc-accordeon .paragraph__text * {
  transition: var(--transition);
}

.bloc-accordeon .paragraph__text.active h2 {
  position: relative;
  max-width: 87%;
  line-height: 135%;
  cursor: pointer;
  margin-bottom: 0;
  color: var(--gray950);
  letter-spacing: -0.7px;
}

.bloc-accordeon .paragraph__text.active h2::after {
  position: absolute;
  right: -15%;
  top: 28%;
  content: '+';
  z-index: 2;
  font-weight: 600;
  transition: var(--transition);
  font-size: 2rem;
  color: var(--accent500);
}

.bloc-accordeon .paragraph__text.active h2::after:hover {
  transform: rotate(45deg);
}

.bloc-accordeon .paragraph__text.active h2.open {
  margin-bottom: var(--spacing2);
}

.bloc-accordeon .paragraph__text.active h2.open::after {
  content: url(../assets/gifs/minus.png);
}

.bloc-accordeon .paragraph__text.active p,
.bloc-accordeon .paragraph__text.active ul {
  max-height: 0;
  overflow: hidden;
  max-width: 85%;
  transition: all 0.6s ease;
}

.bloc-accordeon .paragraph__text.active:not(:has(h2.open)) p,
.bloc-accordeon .paragraph__text.active:not(:has(h2.open)) ul {
  margin: 0;
}

.img_note {
  font-size: 13px;
  left: var(--spacing12);
  bottom: var(--spacing14);
  color: var(--gray0);
  letter-spacing: 3px;
}

.img_number {
  font-size: 13px;
  right: var(--spacing12);
  bottom: var(--spacing14);
  color: var(--gray0);
}

.progress {
  position: absolute;
  left: 48px;
  right: 48px;
  bottom: 88px;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
  z-index: 2;
}

.progress-fill {
  height: 100%;
  background: #ffffff;
  width: 25%;
  transform: translateX(100%);
  transition: width 0.5s ease;
}

#bloc-03 .hero1__image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background: #0b0b0b4d;
}

#bloc-03 .hero1__image img {
  z-index: 0;
  position: relative;
}

@media screen and (min-width: 992px) {
  .container:has(.bloc-accordeon) {
    gap: 0;
  }

  .bloc-accordeon .paragraph__text {
    padding-left: 94px;
  }

  #bloc-03 img {
    aspect-ratio: 1;
  }

  .bloc-accordeon .paragraph__text::before {
    position: absolute;
    content: "01";
    left: 34px;
    top: 60px;
    font-size: 14px;
    color: var(--gray950);
  }

  .bloc-accordeon .paragraph__text:has(h2.open)::before {
    color: var(--gray0);
  }

  .bloc-03 .paragraph__text::before {
    content: "01";
  }

  #bloc-04 .paragraph__text::before {
    content: "02";
  }

  #bloc-05 .paragraph__text::before {
    content: "03";
  }

  #bloc-06 .paragraph__text::before {
    content: "04";
  }

  #bloc-03 .hero1__image::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 87px;
    border-radius: 0 409px 377px 0;
    background-color: var(--accent600);
    left: 0px;
    top: 39%;
    z-index: 2;
  }
}

@media screen and (max-width: 991px) {
  .bloc-accordeon .paragraph__text {
    padding: var(--spacing4);
  }

  .bloc-accordeon .paragraph__text.active h2::after {
    right: -19%;
  }

  .bloc-accordeon .paragraph__text.active h2 {
    max-width: 85%;
    font-size: 28px;
  }

  .bloc-accordeon .hero1__content {
    margin-top: 0;
  }

  .bloc-accordeon .container::after {
    font-size: 45.32px;
    top: 24px;
  }

  .bloc-accordeon {
    padding-top: 0;
  }
}

/* =============BLOC 07=========================== */
@media screen and (min-width: 992px) {
  #bloc-07 img {
    aspect-ratio: 1 / 0.6;
  }
}

/* ======================ACTUALITES================= */
.cardActualite {
  min-height: fit-content;
}

.cardActualite__image img {
  aspect-ratio: 4/3.5;
}

.cardActualite .card__title a {
  color: var(--gray950);
}

.cardActualite__content {
  border-bottom: 4px solid var(--accent600);
}

.cardActualite:hover .cardActualite__content {
  background-color: var(--accent100);
}

.cardActualite .link__label {
  position: relative;
  z-index: 2;
  font-family: var(--font-display);
  font-weight: 500;
  text-decoration: underline;
}

.cardActualite:hover .card__image img {
  transform: scale(1.1);
}

.cardActualite:hover .card__image a::after {
  background: #00000066;
}

.cardActualite .card__footer a:hover .link__label {
  color: var(--accent500);
}

a.lightbox img {
  border-radius: var(--card-radius);
}

#encart-actualites .paragraph__content {
  max-width: 755px;
  margin-inline: auto;
}

@media screen and (min-width: 1750px) and (max-width: 1920px) {
  #encart-actualites .grid {
    --container: 1320px;
  }
}

@media screen and (min-width: 1680px) {
  #encart-actualites .grid {
    --container: 1320px;
  }
}

@media screen and (min-width: 992px) {
  #encart-actualites .container {
    max-width: 1320px;
  }
}

@media screen and (max-width: 991px) {
  #encart-actualites .cardsSet1__cards {
    margin-bottom: var(--spacing10);
  }
}

@media screen and (601px > width) {
  .actualites-listing .cardActualite {
    margin-bottom: var(--spacing10);
  }
}

/* ============MARKETING================= */
#encart-marketing .button {
  border-color: var(--gray0);
}

#encart-marketing .title-2::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 2px;
  background-color: #e8f0f0;
  bottom: 0;
  left: calc(50% - 30px);
}

/* ==============FORMULAIRE========== */
#encart-formulaire .form2__infos {
  padding: var(--spacing16) var(--spacing12);
  background-color: var(--accent600);
}

#encart-formulaire .form2__infos .textBlock {
  margin-bottom: 36px;
}

[id*="formulaire_"] .button--conversion {
  width: 100%;
  position: relative;
  z-index: 2;
  font-family: var(--font-display);
  font-weight: 400;
  margin-bottom: var(--spacing2);
}

[id*="formulaire_"] p.submit {
  margin-top: var(--spacing6);
}

#encart-formulaire {
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}

.page-interne #encart-formulaire {
  padding-block: 0;
}

#encart-formulaire label {
  font-weight: var(--font-bold);
}

#encart-formulaire ul label {
  font-weight: var(--font-regular);
  display: flex;
  align-items: flex-start;
}

#encart-formulaire .divGenerateur > label {
  display: none;
}

#encart-formulaire input:not([type="submit"]):not([type="checkbox"]),
#encart-formulaire textarea {
  box-shadow: 0px 1px 2px 0px #1018280d;
  border: 1px solid var(--gray200);
  background-color: var(--gray0);
  min-height: 50px;
}

input[type="checkbox"] {
  accent-color: var(--accent600);
}

#encart-formulaire .divGenerateur ul {
  width: fit-content;
  margin: auto;
  padding: 0;
  list-style: none;
}

.valide p {
  color: green;
  padding: var(--spacing3);
  border: 1px solid green;
}

.erreur p {
  color: red;
}

#encart-formulaire .contactInfosList > ul {
  gap: var(--spacing0);
}

#encart-formulaire .contactInfosList > ul li {
  padding-block: var(--spacing5);
}

#encart-formulaire .contactInfosList > ul li:first-of-type {
  padding-top: 0;
}

#encart-formulaire .contactInfosList > ul li:not(:last-of-type) {
  border-bottom: 1px solid #ffffff4d;
}

@media screen and (min-width: 601px) {
  #encart-formulaire .cp_ville {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }

  #encart-formulaire .cp_ville p {
    margin-block: var(--spacing2);
  }

  #encart-formulaire p:has(textarea) {
    margin-bottom: var(--spacing5);
    margin-top: var(--spacing4);
  }

  #encart-formulaire .cp_ville > p {
    width: calc(50% - 6px);
  }
}

@media screen and (min-width: 1600px) {
  #encart-formulaire .form2__infos {
    margin-inline: 40px 0;
  }
}

/* ==================FOOTER========================= */

body:not(.page-404) .footer__legalNav {
  border-top: 1px solid var(--gray50);
}

footer .horaires span {
  display: none;
}

.footer > .container {
  gap: var(--spacing8);
}

.footer__legalNav .link__label {
  text-decoration: none;
  font-family: var(--font-display);
}

.footer__legalNav .link__label:hover {
  text-decoration: underline;
}

footer * {
  line-height: 26px;
}

.footer__siteNav ul li a {
  border-bottom: 2px solid transparent;
  color: var(--gray50);
}

.footer__siteNav ul li a.selected,
.footer__siteNav ul li a:hover,
.footer__siteNav ul li:hover > a {
  color: var(--gray50);
  border-bottom: 2px solid var(--accent600);
}

.footer__legalNav a:hover .link__label {
  text-underline-offset: var(--spacing2);
  text-decoration: underline var(--accent600) 2px;
}

.footer__siteNav ul li.sous_menu ul.dropdown > li a {
  text-align: left;
}

.footer__siteNav ul li.sous_menu ul.dropdown {
  background-color: var(--accent600);
  z-index: 3;
}

footer .contactInfos__textIcon {
  line-height: 26px;
}

footer .no-menu {
  display: none;
}

footer .container {
  max-width: 1680px;
}

@media screen and (min-width: 992px) {
  .footer__legalNav {
    margin: auto;
  }

  .footer {
    padding-block: var(--spacing10) var(--spacing6);
  }

  footer .text-sm {
    max-width: 256px;
  }

  footer .footer > .container {
    gap: var(--spacing16);
  }
}

@media screen and (max-width: 992px) {
  footer .text-sm {
    font-size: var(--text-md);
  }

  footer .contact-link {
    min-height: 36px;
  }

  body:not(.page-404) .footer__legalNav {
    margin-top: var(--spacing4);
  }
}

@media screen and (max-width: 1080px) and (min-width: 992px) {
  .footer__siteNav a,
  .footer__legalNav .link__label {
    font-size: 14px;
  }
}

/* ======================PAGES INTERNE========= */

.sitemap-nav li {
  margin-bottom: 1rem;
  padding-top: var(--spacing2);
}

.page-interne h2 {
  color: var(--gray950);
}

.hero-bg {
  position: relative;
}

.hero-bg .title-1,
.hero-interne .title-1,
.hero-interne h1 {
  margin-block: var(--spacing3) 0;
  color: var(--gray50);
  font-weight: 400;
}

.contact-page .primary-30 {
  background-color: var(--accent800);
}

.contact-page .contact-hero .horaires {
  color: var(--gray0);
}

.contact-page footer .horaires {
  color: var(--gray50);
}

.contact-page .map-container iframe {
  border-radius: var(--card-radius);
}

.ac-doubleColonne.hero-bg::before,
.contact-hero::before,
.hero-interne::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100%;
  background: url(../assets/gifs/hero-interne.png);
  background-size: cover;
  background-position: center;
  z-index: -1;
  transform: translateX(-50%);
  left: 50%;
  top: 0px;
}

.contact-hero::before {
  background: linear-gradient(to right, #1414143b, #294446),
    url(../assets/gifs/hero-interne.png);
  background-size: cover;
}

.hero-bg nav,
.hero-interne nav {
  font-size: var(--font-size-sm);
  line-height: 19px;
  color: var(--gray0);
}

[class*="hero-"] a,
[class*="hero"] #fil_ariane a:not([href="#"]),
.contact-hero nav a {
  color: var(--gray300);
}

.hero-interne h1 {
  margin-top: var(--spacing3);
  margin-bottom: 0;
}

.page-interne #container h1 {
  margin-top: 0;
  color: var(--gray950);
}

body:not(.contact-page) main > .section {
  padding-top: 0;
}

#container .ac-include .container {
  width: 100%;
}

.page-interne #container {
  padding-bottom: 0;
}

.sc-content .ac-doubleColonne.bloc-border .ac-colonne {
  border: 1px solid var(--accent700);
  padding: var(--spacing6);
}

.page-interne .sc-content .ac-inlink {
  padding: 1rem;
  background-color: var(--accent200);
  border-radius: var(--radius6);
}

.ac-doubleColonne h2:not(:first-of-type),
.ac-doubleColonne:has(h1) h2 {
  margin-top: var(--spacing8);
}

.ac-doubleColonne.bloc-border.align-center
  + .ac-doubleColonne.bloc-border.align-center {
  padding-top: 0;
}

.ac-doubleColonne.bloc-border h2:first-of-type {
  margin-top: var(--spacing3);
}

.sc-content .ac-doubleColonne.bloc-border.align-center .ac-colonne ul {
  text-align: left;
}

.page-interne .sc-content .ac-doubleColonne + .ac-doubleColonne {
  margin-top: 0;
}

.page-interne .container,
.contact-page .container,
.actualites-listing .container,
.actualites-detail .container,
body:not(.index-page) .container {
  max-width: 1680px;
}

.page-interne .sc-content .ac-doubleColonne.ac-accordeon {
  padding: 12px 0;
}

@media only screen and (max-width: 992px) {
  .sc-content .ac-doubleColonne .ac-colonne:has(img) {
    width: fit-content;
    margin: auto;
  }

  .ac-doubleColonne.bloc-border:not(.align-center)
    .ac-colonne.ac-colonne_2:not(.align-center) {
    margin-top: var(--section-padding-block);
  }

  .ac-doubleColonne:has(+ #relance) {
    padding-bottom: var(--section-padding-block);
  }

  #container .sc-content .ac-doubleColonne.bloc-border .ac-colonne.ac-colonne_1,
  .sc-content .ac-doubleColonne.bloc-border .ac-colonne {
    margin-bottom: var(--spacing4);
  }

  .page-interne .ac-include {
    padding-block: var(--spacing4);
  }

  .sc-content #relance li {
    margin-bottom: var(--spacing4);
  }

  #container .hero-bg {
    padding-block: var(--spacing20) var(--spacing10);
  }

  .ac-doubleColonne.hero-bg::before,
  .contact-hero::before,
  .hero-interne::before {
    background: linear-gradient(to right, #1414143b, #294446),
      url(../assets/gifs/hero-interne.png);
    background-position: center;
  }

  #container
    .ac-doubleColonne.align-center.bloc-border:has(
      + .ac-doubleColonne.align-center.bloc-border
    ) {
    padding-bottom: 0;
  }

  #container .sc-content .clear_both {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 993px) and (max-width: 1379px) {
  .contact-hero .title-2 {
    font-size: 36px;
  }

  .page-interne .title-2,
  .page-interne h2 {
    font-size: 35px;
  }
}

@media screen and (min-width: 993px) {
  .hero-bg .title-1,
  .hero-interne .title-1,
  .hero-interne h1 {
    width: 65%;
  }

  .hero-bg,
  .hero-interne {
    padding-block: 380px 114px;
  }

  .contact-hero {
    padding-block: 330px 40px;
  }

  .page-interne h1 {
    font-size: 50px;
  }

  .sc-content .ac-doubleColonne {
    justify-content: space-between;
  }

  .sc-content .ac-doubleColonne:has(img) .ac-colonne {
    flex-basis: 47%;
  }

  .page-interne #container .sc-content img {
    object-fit: cover;
    margin: auto;
  }

  .page-interne #container .sc-content img.img-auto {
    width: auto;
  }

  .page-interne .sc-content .ac-doubleColonne:has(img) {
    align-items: center;
  }

  #container .hero-bg p {
    margin-bottom: 0;
  }

  .sc-content .ac-doubleColonne.bloc-border.align-center .ac-colonne {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}

@media only screen and (max-width: 1200px) {
  .contact-page .map-container iframe {
    min-height: 300px;
  }
}

/* =================================  chatbot ================================= */
.chat-zone .cbi-accroche {
  max-width: 60%;
}
.chat-zone .cbi-msg-user {
  background-color: var(--shade-background);
}
#chatbot {
  padding-block: var(--section-padding-block-small);
  background-color: var(--shade-background);
  position: relative;
  z-index: 2;
}

#chatbot .container {
  position: relative;
}
#chatbot .container::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    96deg,
    var(--accent100) 2.28%,
    var(--accent50) 97.48%
  );
  z-index: -2;
}
#chatbot .container::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml,<svg width="671" height="499" viewBox="0 0 671 499" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M234.051 -3.60518L234.673 -3.63068C234.976 -2.87905 230.671 1.24273 229.763 2.23505C223.617 8.97943 217.714 15.901 212.063 22.99C174.21 70.4155 147.605 124.41 133.917 181.582C108.109 293.199 132.636 409.519 202.049 504.697C195.211 502.355 188.334 500.074 181.494 497.739C160.235 490.474 139.649 478.755 121.459 466.627L119.092 465.017C67.8037 429.972 29.4515 382.553 11.4121 326.294C7.44667 313.928 5.08411 300.797 3.13736 288.086C-7.10516 221.214 7.26782 151.366 53.0967 96.9116C89.491 53.6678 141.701 22.8217 198.187 5.14082C207.887 2.10439 224.153 -2.36529 234.051 -3.60518Z" fill="%23DBECEB"/><path d="M417.929 301.529L418.228 301.764C418.595 304.211 418.38 313.645 418.38 316.78V348.131L418.407 455.28C410.055 444.596 403.787 432.112 392.837 423.217C382.213 414.588 370.651 410.915 356.482 411.675C340.386 412.537 331.391 417.1 320.883 427.675C312.439 436.202 307.647 444.641 300.174 452.687C300.569 447.44 300.343 440.223 300.346 434.855V402.335L300.358 301.46L417.929 301.529Z" fill="%23DBECEB"/><path d="M579.813 -2.86625C609.868 -3.19716 640.258 -2.45242 670.43 -2.86099L670.005 71.063C669.898 88.6043 669.513 106.596 669.799 124.101L669.558 124.569C668.637 124.174 667.076 114.149 666.808 112.509C665.427 104.085 663.102 96.1194 660.575 87.9328C651.325 57.3558 631.151 30.407 603.202 11.2863C595.297 5.82271 587.329 2.18191 580.466 -2.42249L579.813 -2.86625Z" fill="%23DBECEB"/><path d="M578.994 206.042C579.445 207.331 578.976 222.364 578.976 224.738L578.967 290.166C578.967 297.281 578.502 316.917 579.445 322.977C562.888 302.9 545.831 290.497 521.369 279.223C508.162 273.612 491.238 268.212 476.577 266.828C475.58 266.731 475.571 266.889 474.628 266.424C475.178 265.093 480.686 265.829 482.707 265.627C499.769 263.911 515.785 261.217 531.371 254.514C549.699 246.631 564.686 237.694 573.44 220.486C575.926 215.594 577.004 210.992 578.994 206.042Z" fill="%23DBECEB"/><path d="M325.899 -4C329.688 -3.80946 334.001 -3.85598 337.819 -3.8932C363.792 -4.14684 390.002 -3.43325 415.948 -3.99879C415.425 9.1902 415.872 25.2704 415.855 38.639C415.743 63.5627 415.819 88.4872 416.092 113.41L415.689 113.743C414.777 112.754 414.2 106.504 413.614 104.389C412.063 98.7987 410.664 93.1243 408.674 87.6368C403.836 73.9588 397.009 60.9235 388.37 48.8745C377.689 34.031 364.302 20.9358 348.774 10.1469C343.69 6.59594 338.41 3.31841 333.002 0.174784C331.016 -0.980158 326.811 -2.58171 325.899 -4Z" fill="%23DBECEB"/></svg>');
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
.page-interne #chatbot .container {
  width: 100%;
}
#chatbot .cbi-send {
  background-color: var(--accent500) !important;
}
#chatbot .cbi-send:hover {
  background-color: var(--accent300) !important;
}


.cbi-rgpd a {
  color: var(--accent) !important;
}
.cbi-caret {

  background: var(--accent) !important;

}