:root {
  /* pack variables style*/
  /* color */
  --brand: #7e532a;
  --accent: #b08739;
  --base-gray: #75756f;
  --accent950: #341f14;
  --gray300: #d5d5d2;
  --gray50: #f9faf9;
  --gray800: #282725;
  --gray950: #0b0b0a;
  --color-dark: #181816;

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

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

  --button-padding-block: var(--spacing4);
  --button-padding-inline: var(--spacing6);
  --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: 16px;
  --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: "Manrope", sans-serif;
  --font-menu: "Manrope", sans-serif;
  --font-display: "Manrope", sans-serif;

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

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

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

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

  /* BUTTON PRIMARY */
  /* default */
  --button-primary-default-color: var(--gray950);
  --button-primary-default-background: var(--gray0);
  --button-primary-default-border: 2px solid var(--gray950);
  /* hover */
  --button-primary-hover-color: var(--gray0);
  --button-primary-hover-background: var(--gray950);
  --button-primary-hover-border: 2px solid var(--gray0);
  /* active */
  --button-primary-active-color: var(--gray950);
  --button-primary-active-background: var(--gray50);
  --button-primary-active-border: 2px solid transparent;
  /* disabled */
  --button-primary-disabled-color: var(--accent300);
  --button-primary-disabled-background: var(--gray100);
  --button-primary-disabled-border: 2px solid transparent;

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

  /* BUTTON CONVERSION */
  /* default */
  --button-conversion-default-color: var(--gray0);
  --button-conversion-default-background: var(--accent500);
  --button-conversion-default-border: none;
  /* hover */
  --button-conversion-hover-color: var(--accent950);
  --button-conversion-hover-background: var(--accent300);
  --button-conversion-hover-border: none;
  /* active */
  --button-conversion-active-color: var(--gray0);
  --button-conversion-active-background: var(--accent900);
  --button-conversion-active-border: none;
  /* disabled */
  --button-conversion-disabled-color: var(--accent300);
  --button-conversion-disabled-background: var(--accent100);
  --button-conversion-disabled-border: none;

  /* LINK */
  /* default */
  --link-default-color: var(--brand500);
  --link-default-text-decoration: underline;
  /* hover */
  --link-hover-color: var(--brand400);
  --link-hover-text-decoration: none;
  /* active */
  --link-active-color: var(--brand600);
  --link-active-text-decoration: none;
  /* visited */
  --link-visited-color: var(--link-default-color);
  /* disabled */
  --link-disabled-color: var(--brand200);

  /* 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;
  }
}

/* headerLogoLeft--d */

@media screen and (992px < width) {
  .headerLogoLeft--d .top-bar-1 {
    color: var(--gray0);
    background-color: var(--gray900);
  }

  .headerLogoLeft--d .top-bar-1 a svg {
    fill: var(--gray0);
  }
}

/* ============== */
/* === 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: center;
}

.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 < 993px) {
  .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;
  }
}

/* =================== */
/* === CARDS SET 2 === */
/* =================== */

.cardsSet2__cards,
.cardsSet2__cards.slick-slider,
.cardsSet2__cards.slick-slider.slick-dotted {
  margin-block: var(--section-gap-md);
}

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

  .cardsSet2--textPositionRight .cardsSet2__content {
    margin-top: var(--section-gap-md);
  }
}

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

@media screen and (992px <=width) {
  .cardsSet2__image img {
    height: 100%;
    object-fit: cover;
    background-position: center;
  }
}

/* =================== */
/* === 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;
  }
}

/* ========================= */
/* === CONTACT SECTION 4 === */
/* ========================= */

.contactSection4__socialLinks img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center;
  margin-bottom: var(--section-gap-md);
}

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

.contactSection4 .socialLinkList {
  gap: var(--text-list-gap-lg);
  margin-top: var(--section-gap-sm);
}

.contactSection4 .socialLinkList a.RS {
  border: solid 1px;
}

@media (992px <=width) {
  .contactSection4 img {
    aspect-ratio: 16/9;
  }

  .contactSection4__content {
    margin-bottom: 0;
  }
}

/* ====================== */
/* === 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;
}

body {
  line-height: 26px;
}

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

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

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

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

:where(
    h1,
    .title-1,
    .display-2xl,
    h2,
    .title-2,
    .display-xl,
    h3,
    .title-3,
    .display-lg,
    h4,
    .title-4,
    .display-md,
    h5,
    .title-5,
    .display-sm,
    h6,
    .title-6,
    .display-xs
  ) {
  color: var(--gray950);
}

.no-underline {
  text-decoration: none;
}

.link__icon,
.button__icon {
  line-height: 0;
}

.button--secondary:hover svg path,
.button--conversion:hover svg path {
  fill: var(--accent950);
}

.button--primary:hover svg path {
  fill: var(--gray0);
}

@media screen and (min-width: 993px) {
  body:not(.page-404) {
    padding-top: 0 !important;
  }
}

.z-index-1 {
  z-index: 1;
}

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

.z-index-9 {
  z-index: 9;
}

.uppercase {
  text-transform: uppercase;
}

@media (max-width: 992px) {
  html {
    overflow-x: hidden;
  }
}

.scale--card .card__image img {
  transition: var(--transition);
}

.scale--card:hover .card__image img {
  transform: scale(1.2);
}

.scale--card .card__image:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--gray900);
  background: linear-gradient(
    19deg,
    rgba(30, 30, 30, 1) 0%,
    rgba(0, 0, 0, 0.18) 100%
  );
  z-index: 1;
  opacity: 0.6;
}

.scale--card:hover .card__image:before {
  opacity: 1;
}

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

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

@media (min-width: 993px) {
  #Myheader .top-bar.top-bar-2 {
    font-size: var(--text-md);
    padding-block: var(--spacing6);
  }

  .header-content .nav ul li a.selected,
  .header-content .nav ul li:hover > a {
    color: inherit;
  }

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

  #Myheader .contact-link {
    display: none;
  }
}

#Myheader li.firstLi a {
  position: relative;
}

#Myheader li.firstLi a:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2px;
  background: var(--accent500);
  height: var(--spacing0-5);
  width: var(--spacing0);
  transition: var(--transition);
}

#Myheader li.firstLi a:hover:before,
#Myheader li.firstLi a.selected:before {
  width: 100%;
}

.sticky-active #Myheader.sticky-element {
  background: var(--gray900);
}

@media (max-width: 992px) {
  header .button--conversion {
    padding: var(--spacing3);
  }

  #nav-container {
    color: var(--gray900);
  }
}

@media (max-width: 1079px) {
  #my-row {
    justify-content: center;
  }
}

/*  ==============================================================================================================*/
/* === hero  ====================================================================================================== */

.hero2__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

#hero .backgroundBlock--overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  z-index: 1;
}

@media (min-width: 993px) {
  #hero .hero2__backgroundBlock {
    min-height: 936px;
  }
}

.info-title {
  font-size: 12px;
}

#hero .info-title:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 40px;
  height: 1px;
  background: var(--gray0);
}

.liste-prestations {
  white-space: nowrap;
}

.prestations__track {
  animation: prestations-scroll 30s linear infinite;
}

.prestations__group span::after {
  content: "-";
  margin: 0 var(--spacing4);
}

@keyframes prestations-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-50% - var(--spacing4)));
  }
}

#hero .title-1 {
  text-shadow: 0 10px 38px #000;
}

/*  ==============================================================================================================*/
/* === bloc-01  ====================================================================================================== */

.info-title.border--bottom:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 1px;
  background: #b08739;
}

h1 span {
  font-weight: var(--font-semibold);
  color: var(--gray800);
  font-size: var(--text-xl);
}

h1.h1-geoloc span:before {
  display: none;
}

.infos__block .info-title:before {
  display: none;
}

@media (min-width: 993px) {
  .border--left:before {
    content: "";
    position: absolute;
    background: #e7e7e7;
    height: 48px;
    width: 1px;
    top: 6px;
    left: -24px;
  }

  #bloc-01 .hero1__content {
    border-right: 1px solid #b08739;
  }
}

#bloc-01 .hero1__image:before {
  content: "";
  position: absolute;
  left: -16px;
  top: 16px;
  width: 100%;
  height: calc(100% - 32px);
  background: var(--gray0);
  border: 1px solid #b08739;
  z-index: -1;
}

/*  ==============================================================================================================*/
/* === encart-points-forts  ========================================================================================*/

#encart-points-forts .cardsSet2__cards {
  border: 1px solid var(--color-dark);
  margin-block: 0;
}

@media screen and (min-width: 993px) {
  #encart-points-forts .cardsSet2__cards.cardsList--col2 > .card:nth-child(1) {
    --card-column: 7;
  }

  #encart-points-forts .cardsSet2__cards.cardsList--col2 > .card:nth-child(2) {
    --card-column: 5;
  }

  #encart-points-forts .card:nth-child(2)::before,
  #encart-points-forts .card:nth-child(4)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100px;
    background: var(--color-dark);
  }

  #encart-points-forts .card:nth-child(3),
  #encart-points-forts .card:nth-child(4) {
    border-top: 1px solid var(--color-dark);
  }
}

/*  ==============================================================================================================*/
/* === encart-prestations  ========================================================================================*/

#encart-prestations .cardsSet1__cards {
  margin-bottom: 0;
}

span.card__number {
  width: 31px;
  height: 30px;
}

#encart-prestations .card {
  border-bottom: 4px solid var(--accent500);
}

#encart-prestations .card__details li {
  border-top: 1px solid var(--gray200);
}

#encart-prestations .card__details ul {
  padding-left: 0;
  list-style: none;
}

@media screen and (min-width: 993px) {
  #encart-prestations .card__footer .button {
    opacity: 0;
    transform: translateY(10px) scale(0.99);
    transition: opacity 0.9s ease, transform 0.9s ease;
  }

  #encart-prestations .card:hover .card__footer .button {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  #encart-prestations:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 282px;
    height: 920px;
    background-image: url(../assets/gifs/Line-2.png);
    z-index: -1;
    background-size: cover;
  }

  #encart-prestations:after {
    content: "";
    position: absolute;
    right: 12%;
    top: 0;
    width: 265px;
    height: 920px;
    background-image: url(../assets/gifs/Line-3.png);
    z-index: -1;
    background-size: cover;
  }
}

/*  ==============================================================================================================*/
/* === encart-avis  ========================================================================================*/

#encart-avis .avis-card.js-more .avis-card-text::after {
  display: none;
}

#encart-avis .avis-encart-card {
  border-bottom: 4px solid var(--accent500);
}

#encart-avis .testimonials1__cards {
  margin-bottom: 0;
}

#encart-avis li .slick-dot-icon::before {
  background: var(--brand300);
}

#encart-avis li.slick-active .slick-dot-icon::before {
  background: var(--brand600);
}

/*  ==============================================================================================================*/
/* === bloc-02 + bloc-03 + bloc-04 : bloc-accordion================================================================================*/

#bloc-accordion .info-title {
  line-height: 1em;
}

#bloc-accordion .paragraph__text h2 {
  display: none;
}

#bloc-accordion h2.accordionHero__title {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #bloc-accordion h2.accordionHero__title {
    font-size: var(--display-sm);
  }
}

.accordionHero__item.is-open .accordionHero__header {
  padding-bottom: var(--spacing4);
}

#bloc-accordion .paragraph__text {
  border-left: 2px solid var(--accent500);
}

.accordionHero__item:last-child {
  border-bottom: 1px solid var(--gray300);
}

@media screen and (min-width: 993px) {
  .accordionHero__visual {
    position: absolute;
    right: 0;
    top: 0;
    transition: top 0.18s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
}

.accordionHero__image img {
  transition: opacity 0.18s ease-in;
}

.accordionHero__image img.is-changing {
  opacity: 0;
}

.accordionHero__item {
  border-top: 1px solid var(--gray300);
}

.accordionHero__header {
  grid-template-columns: 64px minmax(0, 1fr) 30px;
  min-height: 120px;
  border: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.accordionHero__header:focus-visible,
.accordionHero__header:focus {
  outline: none;
}

.accordionHero__toggle {
  width: 24px;
  height: 24px;
  font-size: 25px;
  font-weight: var(--font-light);
  line-height: 1;
}

.accordionHero__content[hidden] {
  display: none !important;
}

.accordionHero__visual {
  min-width: 0;
}

@media (max-width: 991px) {
  .accordionHero__image {
    height: auto;
  }

  .accordionHero__image img {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  .accordionHero__header {
    min-height: 100px;
    display: flex;
    justify-content: space-between;
  }

  .accordionHero__icon {
    display: none;
  }
}

/*  ==============================================================================================================*/
/* === encart-contact ================================================================================*/

#encart-contact img {
  aspect-ratio: auto;
  margin: 0;
  height: 100%;
}

.infos-block {
  border-top: 1px solid #464645;
  line-height: 1em;
}

@media screen and (max-width: 767px) {
  .infos-block .infos-line:nth-child(1) {
    border-left: 1px solid;
  }
}

.infos-block .infos-line:nth-child(2),
.infos-block .infos-line:nth-child(3) {
  border-left: 1px solid;
}

.contactSection4__socialLinks:after {
  content: "";
  position: absolute;
  left: -4%;
  bottom: 14%;
  height: 40px;
  width: 83px;
  background-image: url(../assets/gifs/line4.png);
  z-index: 1;
}

@media screen and (min-width: 993px) {
  #encart-contact:before {
    content: "";
    position: absolute;
    right: 16%;
    top: 0;
    width: 124px;
    height: 684px;
    background-image: url(../assets/gifs/line5.png);
    z-index: -1;
    background-size: cover;
  }

  #encart-contact:after {
    content: "";
    position: absolute;
    right: 30%;
    top: 0;
    width: 316px;
    height: 648px;
    background-image: url(../assets/gifs/line6.png);
    z-index: -1;
    background-size: cover;
  }
}

/*  ==============================================================================================================*/
/* ===  bloc-05================================================================================*/

#bloc-05 h2 {
  margin-bottom: var(--spacing8);
  padding-bottom: var(--spacing6);
  position: relative;
}

#bloc-05 h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 40px;
  background: var(--accent500);
}

.expertise-list {
  font-size: 12px;
  line-height: 1em;
}

@media screen and (max-width: 575px) {
  .expertise-line:nth-child(1) {
    border-left: 1px solid var(--accent500);
  }
}

.expertise-line:nth-child(2),
.expertise-line:nth-child(3) {
  border-left: 1px solid var(--accent500);
}

#bloc-05 .hero1__image:before {
  content: "";
  position: absolute;
  right: -20px;
  top: 46px;
  width: 100%;
  height: calc(100% - 92px);
  background: var(--gray0);
  border: 1px solid #b08739;
  z-index: -1;
}

/*  ==============================================================================================================*/
/* === encart-actus ================================================================================*/
.cardActualite .card__image img {
  min-height: 324px;
}

.cardActualite {
  border-bottom: 4px solid var(--gray800);
}

.cardActualite:hover .card__content {
  background: var(--gray50);
}

@media (min-width: 1200px) {
  #encart-actualites .cardsSet1__cards {
    margin-block: calc(var(--spacing30) / 2);
  }
}

/*  ==============================================================================================================*/
/* === encart-form ================================================================================*/

@media (min-width: 768px) {
  .cp_ville {
    display: flex;
    gap: var(--spacing5);
    margin-bottom: var(--spacing3);
    align-items: end;
  }
}

.cp_ville p {
  flex: 1;
  margin: var(--spacing0);
}

#encart-form .btn:focus {
  background: var(--accent900);
}

#encart-form .btn {
  display: block;
  width: 100%;
}

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

#encart-form label.noFloatingLabel {
  font-weight: 400;
}

#encart-form input:not([type="submit"]) {
  margin-bottom: var(--spacing3);
}

#encart-form input:not([type="submit"]),
#encart-form textarea {
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}

#encart-form label.noFloatingLabel input {
  margin-bottom: 0;
}

#encart-form textarea {
  min-height: 220px;
}

.valide {
  color: green;
  font-weight: var(--font-regular);
  text-align: center;
  padding: var(--spacing5);
  border: 1px solid;
  margin-bottom: var(--spacing4);
}

@media (max-width: 767px) {
  form label {
    margin-top: var(--spacing6);
  }
}

#encart-form .form2__infos {
  background: var(--gray0);
}

@media (min-width: 993px) {
  #encart-form .form2__infos {
    padding: var(--spacing6);
  }
}

#encart-form .contactInfosList > ul li {
  border-bottom: 1px solid rgba(24, 24, 22, 0.1);
  padding-block: var(--spacing4);
}

#encart-form .contactInfosList > ul {
  gap: 0;
}

#encart-form .map-container iframe {
  min-height: 280px;
}

#encart-form .contactInfos__map p {
  font-size: 15px;
}

#encart-form .contactInfos__cabinet .d-flex p {
  margin-block: 0;
  font-size: 15px;
}

#encart-form .contactInfos__cabinet .d-flex p strong {
  font-size: var(--font-size);
}

#encart-form address {
  margin-bottom: 0;
}

/*  ==============================================================================================================*/
/* === Footer ================================================================================*/

#myfooter .contactInfosList > ul {
  gap: var(--spacing3);
}

#myfooter {
  padding-top: var(--spacing20);
  padding-bottom: var(--spacing10);
}

.txt-footer {
  font-size: var(--font-size-sm);
}

.footer__nav a {
  position: relative;
  padding-bottom: var(--spacing1);
}

.footer__nav a:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -3px;
  background: var(--accent500);
  height: var(--spacing0-5);
  width: var(--spacing0);
  transition: var(--transition);
}

.footer__nav a:hover {
  color: initial;
}

.footer__nav a:hover:before {
  width: 100%;
}

@media (min-width: 993px) {
  #myfooter .footer__legalInfos .buttonGroup {
    border-top: 1px solid #2a2a28;
    margin: 0 auto;
  }

  #myfooter.footer > .container {
    gap: var(--spacing10);
  }
}

@media (max-width: 992px) {
  #myfooter {
    text-align: center;
  }

  #myfooter .contactInfos__textIcon {
    justify-content: center;
  }

  .footer > .container {
    align-items: center;
  }

  #myfooter nav.footer__nav.footer__legalNav .link {
    width: fit-content;
    margin: 0 auto;
    margin-left: auto;
  }

  #myfooter table.horaires tr > td:not(:last-child) {
    padding-right: 0;
  }
}

@media screen and (992px <=width) {
  #myfooter .footer__siteNav li a {
    margin-bottom: 0;
  }

  #myfooter .footer__siteNav--horizontal ul:not(.dropdown):not(.ssdropdown) {
    gap: var(--spacing6);
  }
}

#myfooter .footer__siteNav li a:hover {
  color: inherit;
}

#myfooter table.textIcon__text.horaires,
#myfooter a.lien-maps {
  line-height: 26px;
}

#myfooter .footer__siteNav ul li.sous_menu ul.dropdown {
  background-color: var(--gray800);
}

/* ===================================================================================== */
/* === Page interne=====================================================================  */

#fil_ariane {
  color: var(--gray50);
  position: relative;
  padding-bottom: var(--spacing2);
}

#fil_ariane:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 40px;
  height: 2px;
  background: var(--gray0);
  opacity: 0.5;
}

.bg-hero #fil_ariane strong,
.bg-hero #fil_ariane a {
  color: var(--gray300);
  text-decoration: none;
}

.hero-module #fil_ariane a:hover {
  color: var(--accent200);
}

.bg-hero h1 span {
  color: var(--gray50);
  margin-top: 0;
}

.bg-hero .title-1,
.bg-hero h1 {
  text-shadow: 0 10px 38px #000;
  color: var(--gray50);
  margin-top: 0;
}

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

.bg-hero:before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 1920px;
  background: url("../assets/gifs/hero2.jpg") center no-repeat;
  z-index: -1;
  left: 50%;
  transform: translate(-50%);
  background-size: cover;
}

#relance {
  margin-bottom: var(--spacing5);
}

.page-interne .sc-content .ac-doubleColonne:has(img) h2 {
  margin-bottom: var(--spacing10);
}

.page-interne .sc-content .ac-doubleColonne.hero-module {
  align-items: center;
}

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

.border-bloc {
  border: 1px solid var(--accent500);
}

.page-interne #encart-form {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (min-width: 1400px) {
  .page-interne .sc-content .ac-doubleColonne:has(img) {
    gap: var(--spacing32);
  }

  .right-border {
    border-right: 1px solid var(--accent500);
  }

  .right-border p,
  .right-border ul {
    padding-right: var(--spacing12);
  }

  .right-border p:has(em) {
    margin-right: var(--spacing12);
  }

  .left-border {
    border-left: 1px solid var(--accent500);
  }

  .left-border {
    padding-left: var(--spacing12);
  }
}

.page-interne p:has(em) {
  background: var(--accent50);
  padding: var(--spacing8);
  margin-top: var(--spacing6);
  border-left: 4px solid var(--accent900);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
}

.page-interne p em {
  font-style: normal;
}

.page-interne p em span {
  color: var(--gray950);
  font-weight: var(--font-bold);
  margin-bottom: var(--spacing2);
  display: block;
  text-decoration: none !important;
}

@media (max-width: 1399px) and (min-width: 993px) {
  .page-interne .sc-content .ac-doubleColonne:has(img) {
    gap: var(--spacing16);
  }
}

@media only screen and (min-width: 993px) {
  .bg-hero {
    min-height: 936px;
  }

  .right-img-box:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 16px;
    width: 100%;
    height: calc(100% - 32px);
    background: var(--gray0);
    border: 1px solid #b08739;
    z-index: -1;
  }

  .left-img-box:before {
    content: "";
    position: absolute;
    right: -16px;
    top: 16px;
    width: 100%;
    height: calc(100% - 32px);
    background: var(--gray0);
    border: 1px solid #b08739;
    z-index: -1;
  }
}

@media (min-width: 992px) {
  .sc-content .ac-doubleColonne .ac-colonne img {
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 992px) {
  .sc-content .bg-hero.ac-doubleColonne .ac-colonne.ac-colonne_1 {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .page-interne .sc-content .ac-doubleColonne .ac-colonne img {
    width: auto;
    margin: auto;
  }

  .bg-hero h1,
  .bg-hero .title-1 {
    font-size: var(--display-md);
  }

  .bg-hero .title-1 {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  #relance li {
    margin-bottom: var(--spacing2);
  }
}

@media only screen and (min-width: 601px) {
  .page-interne .sc-content #relance ul {
    margin: 0;
  }
}
/* ===================================================================================== */
/* === contact=====================================================================  */
.contact-page .bg-hero table.textIcon__text.horaires {
  color: var(--gray0);
}

.contact-page #myfooter table.textIcon__text.horaires {
  color: var(--gray0);
}

.contact-page .btn:focus {
  background: var(--accent900);
}

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

/* ====================== */

/* =================================  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;
  background: var(--accent50);
  z-index: -2;
  border-bottom: 48px solid var(--gray950);
}

#chatbot .container::before {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 50%;
  height: 43%;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="534" height="169" viewBox="0 0 534 169" fill="none"><path d="M395.818 0.276631C399.379 -0.0304213 421.445 -0.445255 423.122 2.04437C426.79 7.47982 429.382 18.6553 431.429 25.2468L441.829 58.5454L465.055 133.235C465.309 134.042 465.278 134.405 465.861 134.755C466.954 134.038 476.439 101.644 477.402 98.5865L494.613 44.8336L502.769 18.7981C504.179 14.2892 505.355 9.48536 507.16 5.12585C507.655 3.93587 508.408 2.28907 509.552 1.60823C512.887 -0.375698 532.138 -0.364739 536.05 0.77668C537.295 1.1395 538.997 1.85857 539.561 3.09618C542.003 8.4464 533.549 25.3675 531.734 31.2701L498.525 130.395C495.403 139.637 490.165 157.303 485.73 166.024C483.551 170.312 466.901 168.379 461.717 168.797C457.811 169.111 446.618 169.293 443.18 166.244C441.029 164.35 437.34 151.28 436.199 147.925L425.752 117.285L403.056 49.1678C398.426 35.1092 393.148 21.1267 389.245 6.84879C387.944 2.08886 392.257 0.77324 395.818 0.276631Z" fill="%23E4D6A4"/><path d="M291.554 0.27318C296.848 -0.0479714 320.689 -0.414235 324.892 1.28677C326.885 2.09388 327.735 4.19937 328.544 6.0774C330.904 11.5573 332.546 17.5013 334.546 23.1338C341.031 41.4134 346.814 59.9534 353.036 78.3245L372.579 136.104C375.222 144.014 378.425 151.815 380.651 159.857C381.127 161.584 381.795 164.247 380.995 165.96C380.541 166.938 379.481 167.575 378.516 167.959C375.068 169.331 355.249 169.326 352.036 167.801C350.475 167.061 349.422 165.782 348.748 164.224C347.61 161.601 346.883 158.652 345.943 155.937C342.363 145.598 339.386 135.094 336.148 124.649L319.175 71.362C316.275 62.2588 313.743 53.4035 310.715 44.2891C309.956 41.755 308.364 36.4571 307.248 34.276L306.957 34.2253C306.621 35.8364 306.066 37.1015 305.621 38.6641C303.192 48.5192 299.572 58.0519 296.685 67.7153C292.607 81.3684 288.115 94.9298 283.875 108.501L272.863 143.604C270.845 150.255 269.466 157.549 266.503 163.84C265.497 165.976 264.877 167.117 262.573 167.92C258.545 169.324 236.437 169.496 232.885 167.616C231.76 167.02 230.947 166.173 230.604 164.922C230.067 162.965 230.802 160.92 231.359 159.042C235.502 145.07 240.562 131.337 245.184 117.524L267.422 50.7569L278.49 18.1771C279.922 13.9245 281.608 7.95606 283.414 3.87008C284.364 1.72291 289.294 0.667021 291.554 0.27318Z" fill="%23E4D6A4"/><path d="M101.012 0.281641C108.841 0.00905394 117.64 0.226493 125.554 0.232446L200.752 0.233077C206.401 0.230257 212.193 0.151614 217.841 0.358718C219.362 0.414488 220.168 0.762893 221.386 1.6828C222.615 2.55883 223.778 5.78571 223.702 7.28838C223.511 11.0692 225.569 26.7439 220.732 27.6738C217.333 28.3274 208.52 28.0965 204.539 28.093C195.3 28.0495 186.061 28.0658 176.822 28.1425C176.518 31.5771 176.657 36.8462 176.657 40.3911L176.668 126.289C176.609 139.265 176.643 152.241 176.768 165.216C172.506 169.454 166.799 168.818 160.938 168.841C156.712 168.785 146.468 169.536 143.516 165.908C141.383 163.287 142.104 148.35 142.106 144.497L142.101 28.1435C127.698 27.8207 112.869 28.1958 98.3974 28.0438C94.7521 23.037 95.6438 18.1586 95.5451 12.2855C95.4661 7.57757 95.3332 1.37763 101.012 0.281641Z" fill="%23E4D6A4"/><path d="M9.26288 0.267537C9.33215 0.263777 9.40142 0.260023 9.47069 0.256264C16.3398 0.726554 28.6883 -1.50553 33.889 3.1955C34.3968 3.65451 34.4773 6.79866 34.4798 7.56691C34.5196 20.8845 34.5036 34.2447 34.5002 47.5579L34.6221 140.23L68.5964 140.259C74.1249 140.258 79.63 140.214 85.1585 140.362C92.9231 140.38 92.1997 146.704 92.1997 152.371C92.1997 158.364 93.257 162.804 89.7128 168.054L84.4266 168.149L33.6755 168.132C25.3417 168.134 16.9761 168.32 8.65417 168.07C4.7662 167.954 1.38978 164.876 0.768529 161.064C-0.304392 154.48 0.059203 147.593 0.0598299 140.92L0.0551285 42.6351C0.0554419 31.2463 0.048549 19.8565 0.0933716 8.46802C0.121268 1.36603 3.24192 1.39768 9.26288 0.267537Z" fill="%23E4D6A4"/></svg>');
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
#chatbot .container::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 10%;
  height: 100%;
  background-image: url('data:image/svg+xml,<svg width="139" height="513" viewBox="0 0 139 513" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="137.95" y1="512.482" x2="-0.965833" y2="-5.95792" stroke="%23B08739" stroke-width="2"/></svg>');
  background-position: left;
  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;
}
