:root {
  /* pack variables style*/
  /* color */
  --brand: #e74f28;
  --accent: #f93a55;
  --base-gray: #678498;
  --brand50: #fef4ee;
  --accent300: #ffa1aa;
  --accent400: #ff8391;
  --accent900: #8b1032;

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

  --img-radius: 0;
  --card-radius: 12px;
  --card-inner-img-radius: 12px;
  --button-radius: 50px;
  --input-radius: 0;
  --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(--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: 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: 56px;

  /* 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: "Inter", sans-serif;
  --font-menu: "Inter", sans-serif;
  --font-display: "Noto Serif", serif;

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

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

  --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(--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(--brand50);
  --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(--accent400);
  --button-secondary-default-border: 1px solid transparent;
  /* hover */
  --button-secondary-hover-color: var(--accent600);
  --button-secondary-hover-background: var(--accent200);
  --button-secondary-hover-border: 1px solid transparent;
  /* active */
  --button-secondary-active-color: var(--accent800);
  --button-secondary-active-background: var(--accent500);
  --button-secondary-active-border: 1px solid transparent;
  /* disabled */
  --button-secondary-disabled-color: var(--accent300);
  --button-secondary-disabled-background: var(--accent100);
  --button-secondary-disabled-border: 1px 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(--gray0);
  --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(--accent500);
  --link-default-text-decoration: underline;
  /* hover */
  --link-hover-color: var(--accent400);
  --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(--accent400);
  }

  .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: contain;
    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;
  }
}

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

/* ====================== */
/* === CUSTOM === */
/* ====================== */
/* === GLOBAL === */

.main-header-content {
  position: relative;
  z-index: 999;
}
[class^="display"],
h1,
.display-2xl.color-accent500,
h2,
[class^="title"] {
  color: var(--accent500);
  font-style: italic;
}
[id^="bloc"] h2,
.page-interne h2 {
  color: var(--accent400);
}
/* === MENU === */
.main-header-content {
  border-bottom: 2px solid var(--brand50);
}
/* === HERO === */
/* #hero .hero1__image {
  height: 80vh;
} */

@media screen and (max-width: 768px) {

#hero .title-1 {
  font-size: 31px;
}

}

#hero {
  margin-top: 1rem;
  padding-block: 0;
}
#hero .title-1 {
  margin: 0;
}

/* === prestations === */
#encart-prestations,
#encart-prestations .grid {
  position: relative;
}
#encart-prestations .grid::before,
#encart-prestations .grid::after {
  position: absolute;
  content: "";
  background-size: contain;
}

#encart-prestations .grid::before {
  top: 2%;
  left: 7%;
  height: 18%;
  width: 13%;
  background-image: url(../assets/gifs/prestation-before.svg);
}
#encart-prestations .grid::after {
  bottom: 6%;
  right: 5%;
  height: 32%;
  width: 13%;
  background-image: url(../assets/gifs/prestation-after.svg);
}

#encart-prestations .card__content {
  justify-content: center;
}
#encart-prestations .card__title a {
  color: var(--accent500);
}
#encart-prestations .cardsSet1__cards {
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
#encart-prestations .card {
  transition: var(--transition);
}
#encart-prestations .card:hover {
  transform: scale(1.02);
}
#encart-prestations .card,
#encart-avis .card {
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.15);
}
/* === avis === */
#encart-avis .slick-slide > div {
  padding-block: 24px;
}
/* === BLOC 01 === */
#bloc-01 .hero2__content {
  margin-block: var(--spacing20);
}
h1.h1-geoloc span::before {
  display: none;
}
h1 span {
  font-family: var(--font-text);
  color: var(--accent700);
  font-size: var(--text-xl);
  font-weight: var(--font-regular);
  font-style: normal;
}
/* === BLOC 02 === */
#bloc-02::after {
  position: absolute;
  content: "";
  background-image: url(../assets/gifs/bloc-02-after.svg);
  bottom: 5%;
  right: 6%;
  height: 25%;
  width: 10%;
  background-size: contain;
}
/* === BLOC 05 === */
#bloc-05::after {
  position: absolute;
  content: "";
  background-image: url(../assets/gifs/bloc-05-after.svg);
  top: -12%;
  right: 6%;
  height: 30%;
  width: 27%;
  background-size: contain;
}
/* === BLOC 06 /07 === */
[id^="bloc"] iframe {
  height: 100%;
}
/* === ENCART CONTACT === */
#encart-contact {
  background-image: url(../assets/gifs/contact.webp);
  background-size: cover;
  position: relative;
}
#encart-contact h2 {
  color: var(--gray0);
}
#encart-contact .RS svg path {
  fill: white;
}
#encart-contact::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(
    90deg,
    rgba(62, 13, 12, 0.5) 21.63%,
    rgba(62, 13, 12, 0) 80.15%
  );
  z-index: 1;
}
#encart-contact .contactSection__content {
  position: relative;
  z-index: 2;
  max-width: 500px;
}
/* === POINTS FORTS === */
#encart-points-forts svg {
  height: 125px;
}
#encart-points-forts .imageText {
  position: relative;
}
#encart-points-forts .display-sm {
  color: var(--gray0);
}
#encart-points-forts .textBlock .paragraph__title1 * {
  color: var(--accent900) !important;
}
@media screen and (max-width: 991px) {
  #encart-points-forts .imageText {
    margin: auto;
    text-align: center;
  }
  #encart-points-forts .imageText:not(:last-child) {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 992px) {
  #encart-points-forts .imageText:not(:last-child)::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: -5px;
    height: 180px;
    width: 1px;
    background-color: var(--accent900);
    z-index: 1;
  }
}
/* === actualites === */
#encart-actualites {
  padding-block: 0;
}
#encart-actualites::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 90%;
  width: 50%;
  background-position: left;
  background-size: contain;
  z-index: -1;
  opacity: 0.8;
  background-image: url(../assets/gifs/actu-before.svg);
}
.cardActualite {
  border-radius: 0;
  --image-aspect-ratio: 424/380;
  transition: var(--transition);
}
.cardActualite .card__title a {
  font-weight: 400;
}
.cardActualite img {
  transition: var(--transition);
}
.cardActualite:hover img {
  transform: scale(1.1);
}
.cardActualite__image {
  border-radius: var(--card-radius);
  overflow: hidden;
}
.cardActualite .card__text p {
  margin-bottom: 0;
}
/* === vagues === */
#encart-prestations::before,
#bloc-01::before,
#bloc-05::before,
footer::before,
#bloc-02::before {
  position: absolute;
  content: "";
  background-color: var(--brand50);
  z-index: -1;
}

#encart-prestations::before,
#bloc-02::before {
  bottom: 0;
  height: 80%;
  width: 100%;
  clip-path: polygon(
    100% 100%,
    0% 100%,
    0% 12.47%,
    1% 12.04%,
    2% 11.61%,
    3% 11.17%,
    4% 10.74%,
    5% 10.31%,
    6% 9.89%,
    7% 9.48%,
    8% 9.07%,
    9% 8.69%,
    10% 8.31%,
    11% 7.96%,
    12% 7.63%,
    13% 7.31%,
    14% 7.02%,
    15% 6.76%,
    16% 6.52%,
    17% 6.31%,
    18% 6.13%,
    19% 5.99%,
    20% 5.87%,
    21% 5.78%,
    22% 5.73%,
    23% 5.71%,
    24% 5.72%,
    25% 5.76%,
    26% 5.84%,
    27% 5.95%,
    28% 6.09%,
    29% 6.26%,
    30% 6.46%,
    31% 6.69%,
    32% 6.94%,
    33% 7.22%,
    34% 7.53%,
    35% 7.86%,
    36% 8.21%,
    37% 8.57%,
    38% 8.96%,
    39% 9.36%,
    40% 9.77%,
    41% 10.19%,
    42% 10.61%,
    43% 11.04%,
    44% 11.48%,
    45% 11.91%,
    46% 12.34%,
    47% 12.77%,
    48% 13.19%,
    49% 13.6%,
    50% 14%,
    51% 14.38%,
    52% 14.75%,
    53% 15.1%,
    54% 15.42%,
    55% 15.73%,
    56% 16.01%,
    57% 16.26%,
    58% 16.49%,
    59% 16.69%,
    60% 16.86%,
    61% 17%,
    62% 17.11%,
    63% 17.18%,
    64% 17.22%,
    65% 17.23%,
    66% 17.21%,
    67% 17.16%,
    68% 17.07%,
    69% 16.95%,
    70% 16.8%,
    71% 16.62%,
    72% 16.41%,
    73% 16.17%,
    74% 15.91%,
    75% 15.62%,
    76% 15.3%,
    77% 14.97%,
    78% 14.61%,
    79% 14.24%,
    80% 13.85%,
    81% 13.45%,
    82% 13.04%,
    83% 12.61%,
    84% 12.19%,
    85% 11.75%,
    86% 11.32%,
    87% 10.88%,
    88% 10.45%,
    89% 10.03%,
    90% 9.61%,
    91% 9.21%,
    92% 8.81%,
    93% 8.44%,
    94% 8.08%,
    95% 7.73%,
    96% 7.41%,
    97% 7.12%,
    98% 6.84%,
    99% 6.6%,
    100% 6.38%
  );
}
#bloc-01::before,
#bloc-05::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(
    100% 0%,
    0% 0%,
    0% 46.41%,
    1% 45.51%,
    2% 44.6%,
    3% 43.7%,
    4% 42.79%,
    5% 41.9%,
    6% 41.01%,
    7% 40.15%,
    8% 39.31%,
    9% 38.5%,
    10% 37.72%,
    11% 36.98%,
    12% 36.28%,
    13% 35.63%,
    14% 35.03%,
    15% 34.48%,
    16% 33.98%,
    17% 33.54%,
    18% 33.17%,
    19% 32.86%,
    20% 32.61%,
    21% 32.43%,
    22% 32.32%,
    23% 32.27%,
    24% 32.3%,
    25% 32.39%,
    26% 32.55%,
    27% 32.78%,
    28% 33.07%,
    29% 33.43%,
    30% 33.84%,
    31% 34.32%,
    32% 34.86%,
    33% 35.45%,
    34% 36.08%,
    35% 36.77%,
    36% 37.5%,
    37% 38.27%,
    38% 39.07%,
    39% 39.9%,
    40% 40.76%,
    41% 41.63%,
    42% 42.53%,
    43% 43.43%,
    44% 44.34%,
    45% 45.24%,
    46% 46.14%,
    47% 47.04%,
    48% 47.91%,
    49% 48.77%,
    50% 49.6%,
    51% 50.4%,
    52% 51.17%,
    53% 51.89%,
    54% 52.58%,
    55% 53.21%,
    56% 53.8%,
    57% 54.33%,
    58% 54.81%,
    59% 55.22%,
    60% 55.58%,
    61% 55.87%,
    62% 56.09%,
    63% 56.25%,
    64% 56.34%,
    65% 56.36%,
    66% 56.32%,
    67% 56.2%,
    68% 56.02%,
    69% 55.77%,
    70% 55.45%,
    71% 55.08%,
    72% 54.64%,
    73% 54.14%,
    74% 53.59%,
    75% 52.98%,
    76% 52.33%,
    77% 51.63%,
    78% 50.89%,
    79% 50.11%,
    80% 49.29%,
    81% 48.45%,
    82% 47.59%,
    83% 46.71%,
    84% 45.81%,
    85% 44.91%,
    86% 44%,
    87% 43.09%,
    88% 42.19%,
    89% 41.31%,
    90% 40.44%,
    91% 39.59%,
    92% 38.77%,
    93% 37.98%,
    94% 37.22%,
    95% 36.51%,
    96% 35.84%,
    97% 35.22%,
    98% 34.65%,
    99% 34.14%,
    100% 33.68%
  );
}
/* === footer === */
footer {
  position: relative;
}
footer .RS svg path {
  fill: var(--accent400);
}
footer::before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(
    100% 100%,
    0% 100%,
    0% 39.99%,
    1% 38.01%,
    2% 36.02%,
    3% 34.02%,
    4% 32.03%,
    5% 30.06%,
    6% 28.12%,
    7% 26.22%,
    8% 24.38%,
    9% 22.59%,
    10% 20.88%,
    11% 19.25%,
    12% 17.72%,
    13% 16.28%,
    14% 14.95%,
    15% 13.74%,
    16% 12.65%,
    17% 11.69%,
    18% 10.86%,
    19% 10.18%,
    20% 9.64%,
    21% 9.24%,
    22% 8.99%,
    23% 8.89%,
    24% 8.95%,
    25% 9.15%,
    26% 9.5%,
    27% 10%,
    28% 10.65%,
    29% 11.43%,
    30% 12.35%,
    31% 13.4%,
    32% 14.58%,
    33% 15.87%,
    34% 17.28%,
    35% 18.79%,
    36% 20.39%,
    37% 22.08%,
    38% 23.84%,
    39% 25.67%,
    40% 27.55%,
    41% 29.48%,
    42% 31.45%,
    43% 33.43%,
    44% 35.43%,
    45% 37.42%,
    46% 39.41%,
    47% 41.37%,
    48% 43.3%,
    49% 45.18%,
    50% 47.01%,
    51% 48.77%,
    52% 50.45%,
    53% 52.05%,
    54% 53.56%,
    55% 54.96%,
    56% 56.25%,
    57% 57.42%,
    58% 58.47%,
    59% 59.38%,
    60% 60.16%,
    61% 60.8%,
    62% 61.29%,
    63% 61.64%,
    64% 61.84%,
    65% 61.88%,
    66% 61.78%,
    67% 61.53%,
    68% 61.13%,
    69% 60.58%,
    70% 59.89%,
    71% 59.06%,
    72% 58.09%,
    73% 57%,
    74% 55.78%,
    75% 54.45%,
    76% 53.01%,
    77% 51.47%,
    78% 49.84%,
    79% 48.12%,
    80% 46.34%,
    81% 44.49%,
    82% 42.59%,
    83% 40.65%,
    84% 38.67%,
    85% 36.68%,
    86% 34.69%,
    87% 32.69%,
    88% 30.72%,
    89% 28.76%,
    90% 26.85%,
    91% 24.99%,
    92% 23.18%,
    93% 21.44%,
    94% 19.79%,
    95% 18.22%,
    96% 16.75%,
    97% 15.38%,
    98% 14.13%,
    99% 13%,
    100% 11.99%
  );
}
/* === pages internes === */
.page-interne .sc-content img {
  height: 100%;
  object-fit: cover;
}
.page-interne #container,
.page-interne .hero {
  padding: 0;
}
.page-interne .hero,
.page-interne .hero .ac-colonne,
.page-interne .hero .ac-colonne {
  position: relative;
}
.page-interne img {
  border-radius: 100px;
}
.page-interne .hero::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 100%;
  width: 100vw;
  transform: translateX(-50%);
  background-image: url(../assets/gifs/hero-interne.jpg);
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.page-interne .hero .ac-colonne {
  padding-top: var(--spacing6);
  padding-bottom: var(--spacing24);
  position: relative;
  z-index: 1;
  color: var(--gray0);
}
.page-interne .hero .ac-colonne::before {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  height: 30%;
  width: 100vw;
  background-color: var(--gray0);
  clip-path: polygon(
    100% 100%,
    0% 100%,
    0% 59.51%,
    1% 59.56%,
    2% 59.71%,
    3% 59.96%,
    4% 60.3%,
    5% 60.74%,
    6% 61.28%,
    7% 61.9%,
    8% 62.61%,
    9% 63.41%,
    10% 64.28%,
    11% 65.22%,
    12% 66.23%,
    13% 67.31%,
    14% 68.44%,
    15% 69.62%,
    16% 70.84%,
    17% 72.09%,
    18% 73.38%,
    19% 74.69%,
    20% 76.01%,
    21% 77.33%,
    22% 78.66%,
    23% 79.98%,
    24% 81.28%,
    25% 82.55%,
    26% 83.8%,
    27% 85.01%,
    28% 86.17%,
    29% 87.28%,
    30% 88.33%,
    31% 89.32%,
    32% 90.25%,
    33% 91.09%,
    34% 91.86%,
    35% 92.54%,
    36% 93.14%,
    37% 93.64%,
    38% 94.05%,
    39% 94.36%,
    40% 94.58%,
    41% 94.7%,
    42% 94.71%,
    43% 94.63%,
    44% 94.45%,
    45% 94.17%,
    46% 93.79%,
    47% 93.31%,
    48% 92.75%,
    49% 92.09%,
    50% 91.36%,
    51% 90.54%,
    52% 89.64%,
    53% 88.67%,
    54% 87.64%,
    55% 86.55%,
    56% 85.4%,
    57% 84.21%,
    58% 82.97%,
    59% 81.7%,
    60% 80.41%,
    61% 79.1%,
    62% 77.78%,
    63% 76.45%,
    64% 75.13%,
    65% 73.81%,
    66% 72.52%,
    67% 71.25%,
    68% 70.02%,
    69% 68.83%,
    70% 67.68%,
    71% 66.59%,
    72% 65.55%,
    73% 64.59%,
    74% 63.69%,
    75% 62.87%,
    76% 62.13%,
    77% 61.48%,
    78% 60.91%,
    79% 60.44%,
    80% 60.06%,
    81% 59.78%,
    82% 59.6%,
    83% 59.51%,
    84% 59.53%,
    85% 59.65%,
    86% 59.86%,
    87% 60.18%,
    88% 60.59%,
    89% 61.09%,
    90% 61.68%,
    91% 62.37%,
    92% 63.13%,
    93% 63.98%,
    94% 64.9%,
    95% 65.89%,
    96% 66.94%,
    97% 68.06%,
    98% 69.22%,
    99% 70.43%,
    100% 71.67%
  );
}
@media screen and (min-width: 992px) {
  .page-interne .sc-content .ac-doubleColonne.hero .ac-colonne p {
    width: 60%;
  }
}
.page-interne .hero .ac-colonne p {
  color: var(--gray0);
  margin-top: var(--spacing14);
}
.page-interne .hero .button {
  width: fit-content;
}
.page-interne .hero::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 100%;
  width: 100vw;
  transform: translateX(-50%);
  background: linear-gradient(
    0deg,
    rgba(29, 0, 8, 0.5) 0%,
    rgba(29, 0, 8, 0.5) 100%
  );
  z-index: -1;
}
.page-interne #encart-contact {
  margin-block: calc(var(--section-padding-block) / 2);
}
.page-interne .ac-hero .ac-colonne_2 {
  position: relative;
  z-index: 1;
  color: var(--gray0);
}
.page-interne #relance {
  padding-block: calc(var(--section-padding-block) / 2);
}
/* .page-interne .ac-doubleColonne.align-center {
  max-width: 75%;
  margin: auto;
} */
.page-interne p:has(em) {
  padding: var(--spacing3);
  background-color: var(--brand50);
  border-radius: var(--card-radius);
}
.page-interne .ac-1v1 .ac-colonne {
  position: relative;
  z-index: 1;
  padding: var(--spacing4);
  border-radius: var(--card-radius);
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.068);
}
/* === page CONTACT === */
.primary-30 {
  background-color: var(--accent400);
}
.contact-page .map-container iframe {
  max-height: 400px;
}
.contact-page .map-container {
  margin-bottom: 1rem;
}