:root {
  --primary-h: 200; /* hue */
  --primary-s: 100%; /* saturation */
  --primary-l: 75%; /* lightness */
 
  --accent-h: 196; /* hue */
  --accent-s: 31%; /* saturation */
  --accent-l: 59%; /* lightness */

  --text-h: 200; /* hue */
  --text-s: 83%; /* saturation */
  --text-l: 4%; /* lightness */

  --title-color:hsla(200, 55%, 11%, 1);

  --background-h: 0; /* hue */
  --background-s: 0%; /* saturation */
  --background-l: 100%; /* lightness */

  --background-2:hsla(0, 0%, 88%, 0.3);
  --background-3:hsla(200, 100%, 75%, 0.3);

  /* font size */
  /* ===== */

  --display2xl: 54px;
  --displayxl: 44px;
  --displaylg: 35px;
  --displaymd: 30px;
  --displaysm: 25px;
  --displayxs: 20px;

  --textxl: 28px;
  --textlg: 17px;
  --textmd: 15px;
  --textsm: 13px;
  --textxs: 11px;

  --h1-font-size: var(--display2xl);
  --h2-font-size: var(--displayxl);
  --h3-font-size: var(--displaylg);
  --h4-font-size: var(--displaymd);
  --h5-font-size: var(--displaysm);
  --h6-font-size: var(--displayxs);

  --h1-mobile-font-size: var(--textxl);
  --h2-mobile-font-size: var(--displaysm);
  --h3-mobile-font-size: var(--displayxs);
  --h4-mobile-font-size: var(--textlg);
  --h5-mobile-font-size: var(--textsm);
  --h6-mobile-font-size: var(--textxs);

  /* FONT FAMILY */
  /* ===== */

  --primary-font: "Manrope", sans-serif;
  --secondary-font: "Cormorant", serif;

  /* RADIUS */
  /* ===== */
  --border-radius: 0px;
  --button-border-radius: 5px;

  /* FONT WEIGHT */
  /* ===== */
  --font-weight-regular: 400;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 900;
  --line-height: 1.5rem;

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

/* =============================== */
/*           GENERAL                 */
/* =============================== */
p a {
  color: var(--accent-color);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}
p a:hover {
 text-decoration: underline;
}
a[href="#"] {
  cursor: default;
}
.card {
  position: relative;
  display: block;
}
.card a::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 4;
}
#encart-prestations .card a::before {
  display: none;
}
.card-image {
  position: relative;
}
.catalogue-card-image img,
.actualites-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-interne .sc-content .clear_both {
  margin-bottom: 60px;
}
.politique-de-confidentialite main .btn-contact {
  margin-top: 1rem;
}
a,
.card-image img {
  transition: var(--transition);
}
p {
  font-size: var(--textmd);
  margin: 1.5rem 0;
  font-weight: var(--font-weight-regular);
}
h1.h1-geoloc span,
.title-1.h1-geoloc span {
  margin: 8px 0 0;
}
body :where(address) {
  margin: 0;
}
.paginationControl {
  text-align: center;
  margin: 60px auto 28px;
}
.sitemap-nav li {
  margin: 10px 0;
}
.slick-dots li button .slick-dot-icon:before {
  content: "";
}
.slick-dots li {
  margin: 0 4px;
  padding: 4px;
}
.slick-dots li button {
  height: 6px;
  width: 6px;
  border-radius: 100px;
  padding: 0;
  position: relative;
  background-color: var(--text-color);
  opacity: 60%;
}
.slick-dots li.slick-active {
  border-radius: 100%;
  border: 1px solid var(--accent-color);
}
.slick-dots li.slick-active button {opacity: 1;background-color: var(--accent-color);}
.slick-dots li button::before {
  position: absolute;
  content: "";
  top: -4px;
  left: -4px;
  bottom: -2px;
  right: -2px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  opacity: 0;
}
.slick-dots li.slick-active button::before {
  opacity: 1;
}
.slick-dots li button:hover .slick-dot-icon,
.slick-dots li button:focus .slick-dot-icon {
  opacity: 1;
}
.slick-dots li button .slick-dot-icon {
  color: var(--text-color);
  opacity: 1;
}
.slick-dots li.slick-active button:hover .slick-dot-icon,
.slick-dots li.slick-active button:focus .slick-dot-icon {
  opacity: 0.7;
}
.slick-dots li.slick-active button .slick-dot-icon {
  color: var(--accent-color);
  opacity: 1;
}
h1.h1-geoloc span::before,
.title-1.h1-geoloc span::before {
  display: none;
}
@media screen and (min-width: 601px) and (max-width: 992px) {
  .btn:not(.fluid) {
    width: auto;
  }
}
@media screen and (max-width: 992px) {
  .blocs.section {
    padding: 50px 0;
  }
  .blocs img,
  .page-interne .sc-content .ac-doubleColonne .ac-colonne img,
  .ac-colonne img,
  #listing-autres-actus-categorie {
    display: block;
    max-width: 600px;
    max-height: 400px;
    margin: 30px auto;
    object-fit: cover;
    width: 100%;
  }
  .header-content .nav ul li a.selected {
    background: transparent;
  }
}
@media screen and (min-width: 993px) {
  .page-interne .sc-content .clear_both {
    margin-bottom: 80px;
  }
  .index-page main .section {
    padding: 80px 0;
  }
 .index-page main .encart-avis.section {
    padding: 80px 0 40px;
  }
}
@media screen and (min-width: 1280px) {
  .page-interne .sc-content .clear_both {
    margin-bottom: 120px;
  }
  .index-page main .section {
    padding: 120px 0;
  }
 .index-page main .encart-avis.section {
    padding: 120px 0 80px;
  }
}
/* =============================== */
/*           BOUTONS                 */
/* =============================== */

[class*="btn"] a.btn,
.btn.primary,.btn.outlined {
  padding: 13px 22.5px;
  border-radius: var(--button-border-radius);
  position: relative;
  z-index: 0;
}
.btn.primary {
  border: 1px solid transparent;
}
.btn.outlined,#formulaire_5 input#field_3 {
  border: 1px solid var(--accent-color);
  color: var(--accent-color);
}
.btn.outlined:hover svg path {
  fill: var(--background-color);
}
.btn.outlined:hover,#formulaire_5 input#field_3:hover {
  color: var(--background-color);
  background-color: var(--accent-color);
}
.btn.accent:hover,.slide-img .btn.accent {
  background-color: var(--accent-color-30);
}
.slide-img .btn.accent:hover {
  background-color: var(--accent-color-50); 
}
.btn.primary:hover {
  background-color: var(--primary-color-30);
}
/* =============================== */
/*           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;
}

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

.menu-mobile .btn-menu {
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 100px;
}
.menu-mobile {
  height: 90px;
  background-color: var(--background-color);
}
.header-content .nav > ul > .sous_menu.opened > a,
.header-content .nav .dropdown > .sous_menu.opened > a {
  height: 90px;
}
.menu-mobile .row {
  width: 100%;
  margin: 0;
}
.menu-mobile .brand.col {
  padding: 0;
}
.phone,.outlined-white {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.phone a {
  font-weight: var(--font-weight-heavy);
  font-size: 17px;
  line-height: 28px;
}
@media screen and (max-width: 992px) {
  nav#topbar-nav {
    margin-bottom: 100px;
}
  .brand {
    max-width: 145px;
    margin-left: -10px;
}
.row-brand {
    flex-wrap: nowrap;
}
.col.brand-text {
    margin-left: 0;
}
.brand .bold {
    font-size: 13px;
}
  .btn-contact a {
    min-width: max-content;
  }
  .header-content .phone {
    display: none;
  }
  .no-mobile {
    display: none;
  }
  .header-content .nav .dropdown,
  .header-content .nav .ssdropdown {
    top: 90px;
  }
  .header-content #nav-container {
    margin-top: 90px;
  }
  .header-content .nav#topbar-nav li:not(.opened) a {
    padding: 1.5rem;
    border-bottom: solid 1px var(--background-2);
  }
  .header-content .nav#main-nav li:not(.opened) a {
    padding: 1.5rem;
    border-color: var(--background-2);
  }
  .header-content .nav#main-nav li.index-link a {
    border-top: solid 1px var(--background-2);
  }
  .header-content nav a {
    font-weight: var(--font-weight-bold);
    font-size: var(--textlg);
  }
  .header-content .nav > ul > .sous_menu.opened > a,
  .header-content .nav .dropdown > .sous_menu.opened > a {
    color: var(--primary-color);
    font-size: var(--textmd);
  }
  .header-content nav ul li {
    margin: 0 4px;
  }
}
@media screen and (min-width: 993px) {
  .top-bar .material-icons {
    color: var(--primary-color);
    font-size: var(--textmd);
  }
  .header-content a.tel {
    font-size: 17px;
    font-weight: var(--font-weight-bold);
  }
  address.coordonnee-mail a {
    text-decoration: none;
}
address.coordonnee-mail a:hover {
  text-decoration: underline;
}
  .top-bar {
    background-color: var(--primary-color);
    font-size: var(--textsm);
  }
  .top-bar .container {
    padding: 8px 0;
  }
  .main-header-content .container {
    padding: 20px 0;
  }
  .header-content address:hover .lien-maps, .header-content a.lien-maps:hover {
    text-decoration: underline;
  }
  .header-coordonnees, .coordonnees-header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }
  .header-contact {
    width: 26px;
    height: 26px;
    background-color: var(--text-color);
    border-radius: 17px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .header-content .nav ul li a.selected,
  .header-content .nav ul li:hover > a,
  .header-content .nav ul.dropdown li a.selected,
  .header-content .nav ul.dropdown li:hover > a,
  footer ul.dropdown li a.selected,
  footer ul.dropdown li:hover > a, .header-content .nav ul li.sous_menu ul.ssdropdown li a.selected {
    color: var(--accent-color);
  }
  .header-content .nav#topbar-nav > ul > li > a,
  .header-content .nav#main-nav > ul > li > a,
  .nav-footer a {
    padding: 0.25rem 0.5rem;
    position: relative;
  }
  .header-content .nav > ul > li > a:before,
  .nav-footer a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    translate: -50% 50%;
    height: 2px;
    width: 0%;
    background: var(--primary-color);
    transition: var(--transition) ease-in-out;
  }
  .nav-footer ul.dropdown a:before {
    display: none;
  }
  .header-content .nav > ul > li > a:hover:before,
  .header-content .nav > ul > li > a.selected:before,
  .nav-footer a:hover:before,
  .nav-footer a.selected:before {
    width: 80%;
  }
  .header-content .nav ul li.sous_menu > a::after {
    content: url("../assets/gifs/after-nav.svg");
  }
  .header-content .contact {
    display: none;
  }
  .main-header-content nav a {
    font-size: var(--textsm);
    line-height: 11px;
    font-weight: 500;
  }
.main-header-content nav ul.dropdown a,
  footer ul.dropdown a {
    font-size: var(--textsm);
  }
  .row-header, .row-1,.row-2 {
    flex-direction: column;
    gap: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .main-header-content .row {
    flex-wrap: nowrap;
  }
  .row-header, .row-1,.row-2 {
    flex-direction: row;
    gap: 0;
  }
  .main-header-content nav a {
    font-size: var(--textmd);
  }
  .main-header-content nav ul.dropdown a,
  footer ul.dropdown a {
    font-size: var(--textxs);
  }
}
/* =============================== */
/*           FOLD + SLIDER         */
/* =============================== */
.slider-slick {
  width: 100%;
  display: block;
  height: auto;
  position: relative;
  z-index: 0;
}
.slider-slick .slick {
  height: 100%;
}
.slide-img {
  position: relative;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.slide-content {
  position: relative;
  z-index: 0;
  padding: 10% 0;
}
.slide-content p {
  max-width: 57.8%;
}
.slide-img.slide-01 {
  background-image: url("../assets/gifs/slider/slide-01.jpg");
}
.fold .slick-slider {
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .slide-img::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsl(200deg 100% 80.09% / 55%);
    z-index: -1;
  }
  .slide-content p {
    max-width: none;
  }
  .slide-content {
    text-align: center;
    margin: 0 auto;
    max-width: 90%;
  }
  .slide-content .btn-contact {
    display: none;
  }
  .fold-top,
  .fold-interne {
    padding: 12px 5%;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .fold .btn-contact {
    margin-top: 10px;
  }
  .row-bdd .btn-contact {
    margin-top: 1rem;
  }
}
/* =============================== */
/*        STYLE COMMUN            */
/* =============================== */
.blocs .btn-contact {
  margin-top: 24px;
}
h3::before {
  content: "» ";
  color: var(--title-color); 
  margin-right: 5px; 
  font-family: var(--secondary-font);
}

#encart-prestations, .encart-avis, #encart-points-fort,#bloc-formulaire,#encart-contact {
  position: relative;
  z-index: 0;
}
 #encart-points-fort,.page-interne #encart-points-fort,.page-interne #encart-contact,.page-interne #encart-contact {
  max-width: 1920px;
  margin: 0 auto;
}
#encart-prestations::before,#encart-prestations::after, .encart-avis::before,.encart-avis::after, #encart-points-fort::before, #encart-points-fort::after,#bloc-formulaire::before,#bloc-formulaire::after,#encart-contact::before,#encart-contact::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
#encart-prestations::before,.encart-avis::before, #encart-points-fort::before,#bloc-formulaire::before,#encart-contact::before {
  opacity: 10%;
  background-size: cover;
  backdrop-filter: grayscale(1);
}
#encart-prestations::after,.encart-avis::after,#encart-points-fort::after,#bloc-formulaire::after,#encart-contact::after {
  background-color: var(--background-3);
}
.page-interne #encart-points-fort::before,.page-interne #encart-points-fort::after,.page-interne #encart-contact::before,.page-interne #encart-contact::after {
  left: -300px;
  right: -300px;
}
#encart-prestations::before {
  background-image: url(../assets/gifs/bg-prestation.jpg);
}
.encart-avis::before{
  background-image: url(../assets/gifs/bg-avis.jpg);
}
#encart-points-fort::before {
  background-image: url(../assets/gifs/bg-points-fort.jpg);
}
#bloc-formulaire::before {
  background-image: url(../assets/gifs/bg-formulaire.jpg);
}
#encart-contact::before {
  background-image: url(../assets/gifs/bg-contact.jpg);
}
.blocs p {
  position: relative;
}
.bloc-7 p:nth-of-type(4),.bloc-7 p:nth-of-type(5),.bloc-7 p:nth-of-type(8),.bloc-7 p:nth-of-type(9) {
  position: relative;
  padding-left: 31.75px;
}
.bloc-7 p:nth-of-type(4)::before,.bloc-7 p:nth-of-type(5)::before,.bloc-7 p:nth-of-type(8)::before,.bloc-7 p:nth-of-type(9)::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 18px;
  height: 19px;
  transform: translateY(-50%);
  background-image: url('../assets/gifs/check.svg');
  }
.note u::before,.blocs p em u::before {
    position: absolute;
    content: '';
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url('../assets/gifs/before-note.svg');
  width: 20px;
  height: 20px;
  }
.note-index, .note, .blocs em {
  position: relative;
  display: block;
  background-color: var(--background-3);
  font-style: normal;
}
.bg, .note-index {
  padding: 24px;
  background-color: var(--background-2);
}
.note-index {
  margin-top: 24px;
  padding: 24px;
}
.note-index p {
  font-weight: var(--font-weight-bold);
  font-family: var(--secondary-font);
  color: var(--title-color);
}
.note-index .btn-contact {
  margin-top: 16px;
}
.blocs em, .note {
  padding: 14px;
}
.blocs p u, .note u,.blocs p em u {
  position: relative;
  text-decoration: none;
  display: block;
  font-style: normal;
}
.note u, .blocs p em u {
  font-family: var(--secondary-font);
  font-size: var(--displaysm);
  line-height: 34.2px;
  padding-left: 28px;
  margin-bottom: 16px;
}
main p a u {
  text-decoration: none !important;
}
 h1,
.title-1 {
  font-weight: var(--font-weight-semi-bold);
  font-size: var(--h1-mobile-font-size);
  margin: 0;
  display: inline-block;
}
h2,
.title-2 {
  position: relative;
  font-size: var(--h2-mobile-font-size);
  padding-bottom: 24px;
}

h3,
.title-3 {
  font-size: var(--h3-mobile-font-size);
}
h4,
.title-4,
h1.h1-geoloc span,
.title-1.h1-geoloc span,
h1 span,h5,.title-5,#bloc-07 p:nth-of-type(2),#bloc-07 p:nth-of-type(6),.note-index p,#bloc-10 p:nth-of-type(2)  {
  font-size: var(--h4-mobile-font-size);
}

h1,
h2,
h3,
h4,
h5,
[class*="title"],
[class*="title"] a,
h1 span,
h1.h1-geoloc span,
#relance a {
  font-family: var(--secondary-font);
  font-weight: var(--font-weight-regular);
  color: var(--title-color);
  margin: 0;
}
.index-page h1,
.page-interne h1 {
  margin: 0;
}
.card-title,
.card-title a {
  font-size: var(--displaysm);
  line-height: var(--displaysm);
  text-decoration: none;
}

h2::before, .title-2::before,.note-index::before, #bloc-07 p:nth-of-type(6)::before,#bloc-10 p:nth-last-of-type(1)::before,#encart-contact p::before{
  position: absolute;
  content: '';
  height: 1px;
  width: 75%;
  left: 0;
  bottom: 0;
  background-color: var(--primary-color);
}
#bloc-02 h2::before,#encart-contact .title-2::before {
  display: none;
}
.note-index::before{
  bottom: auto;
  top: -24px;
}
#bloc-07 p:nth-of-type(6)::before,#bloc-10 p:nth-last-of-type(1)::before {
  bottom: auto;
  top: 0;
}
.title-2.align-center {
  max-width: 500px;
  margin: 0 auto;
}
#encart-actualites .title-2.align-center {
  padding-bottom: 14px;
}
.title-2.align-center::before,#encart-contact p::before {
  width: 500px;
  right: 0;
  margin: auto;
}
 .title-2::before ,.note-index::before, #bloc-07 p:nth-of-type(6)::before,#bloc-10 p:nth-last-of-type(1)::before {
  width: 500px;
}
#encart-contact p {
  position: relative;
  padding-bottom: 24px;
}
.coordonnees-contact {
  row-gap: 20px;
}
@media screen and (min-width: 993px) {
  .card-title,
  .card-title a {
    font-size: 30px;
    line-height: 34.2px;
  }
  h1,
  .title-1 {
    font-size: var(--h1-font-size);
    line-height: 70.2px;
  }

  h1.h1-geoloc span,
  .title-1.h1-geoloc span,
  h1 span  {
    font-size: 43px;
    line-height: 56.2px;
    font-weight: 500;
  }
  /* h1.h1-geoloc span,
  .title-1.h1-geoloc span {
    max-width: 56%;
  } */
h2,
  .title-2  {
    font-size: var(--h2-font-size);
    line-height: 48.2px;
  }
  h3,
  .title-3,.card-title.title-3 a{
    font-size: var(--h3-font-size);
    line-height: 36.2px;
  }
  h4,
  .title-4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-font-size);
  }
  h5,.title-5,#bloc-07 p:nth-of-type(2),#bloc-07 p:nth-of-type(6),.note-index p,#bloc-10 p:nth-of-type(2) {
    font-size: var(--h5-font-size);
    line-height: 30.2px;
  }

}
/* =============================== */
/*         ENCART PRESTATIONS      */
/* =============================== */
#encart-prestations a {
  text-decoration: none;
  display: block;
  transition: transform .6s ease-in-out;
}
#encart-prestations a:hover {
  transform: scale(.95);
}
.prestations-card {
  position: relative;
}
#encart-prestations .prestations-card * {
  color: var(--background-color);
}
#encart-prestations .title-3 {
  font-weight: var(--font-weight-semi-bold);
}
#encart-prestations .title-5 {
  font-weight: var(--font-weight-regular);
  padding-top: 8px;
  transition: var(--transition);
  min-height: 61px;
}
.prestations-card-image,.prestations-card-image img {
  min-height: 800px;
  object-fit: cover;
}
.prestations-card::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 35, 53, 0) 50%, rgba(0, 35, 53, 0.8) 100%);
  transition: background 0.4s ease-in-out;
}
.prestations-card-content {
  position: absolute;
  z-index: 2;
  left: 24px;
  right: 24px;
  bottom: 48px;
  transition: top 0.8s ease-in-out
}
.prestations-card-text {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, max-height 0.4s ease-in-out;
  max-height: 0;
  overflow: hidden;
}
.prestations-card-text strong {
  display: block;
  margin-top: 17px;
}
.prestations-card:hover::before {
  background: hsla(200, 99%, 10%, 0.9);
}
.prestations-card:hover .prestations-card-content {
  top: 76.6px;
  bottom: 76;6px;
}
.prestations-card:hover .prestations-card-text {
  opacity: 1;
  transform: translateY(0);
  max-height: 1000px;
}
.prestations-card:hover .title-5 {
padding-top: 17px;
}
@media screen and (min-width:1440px) {
  .prestations-card-image,.prestations-card-image img {
    min-height: none;
 height: 612px;
  }
}
/* =============================== */
/*         BLOC 03 +  04         */
/* =============================== */
.bloc-3,.bloc-4 {
  margin-top: 24px;
}
.bloc-4 p:nth-of-type(1) {
  position: relative;
}
.bloc-4 p:nth-of-type(1)::before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--primary-color);
}
.img-separation {
  max-height: 663px;
}
#bloc-03 {
  padding-bottom: 0;
}
 #bloc-05,.bloc-5 {
  padding-top: 24px;
}
@media screen and (min-width:993px){
  .bloc-4 p:nth-of-type(1) {
    padding-left: 111px;
  }
  .bloc-4 p:nth-of-type(1)::before {
    left: 87px;
  }
  .blocs  p:nth-last-of-type(1) {
    margin-bottom: 0;
}
.bloc-3 p:nth-of-type(1) {margin-top: 0;}
}
/* =============================== */
/*         ENCART POINTS FORT      */
/* =============================== */
.slick-points-fort {
  margin-top: 60px;
}
.pt-fort {
  background-color: var(--background-color);
  box-shadow: 0px 4px 60px var(--Number) hsla(0, 0%, 0%, 0.1);
padding: 30px 24px;
}
.card-text {
  font-size: var(--textmd);
}
.pt-fort .card-text {
  margin-top: 24px;
}
/* =============================== */
/*         BLOC 07 +  08           */
/* =============================== */
#bloc-07 p:nth-of-type(2),#bloc-07 p:nth-of-type(6),#bloc-10 p:nth-of-type(2) {
  font-weight: var(--font-weight-bold);
  font-family: var(--secondary-font);
}
div#bloc-08 img {
  padding-bottom: 24px;
}
#bloc-07 p:nth-of-type(6),#bloc-10 p:nth-last-of-type(1) {
  padding-top: 24px;
}
@media screen and (min-width:993px){
  div#bloc-08 img {
    min-height: 623px;
    object-position: 9%;
}
}

/* =============================== */
/*        ENCART AVIS            */
/* =============================== */
.avis-card {
  padding: 20px;
  color: var(--text-color);
  background-color: var(--background-color);
  position: relative;
  border: 1px solid hsla(214, 30%, 92%, 1);
  margin: 10px 0;
  font-weight: var(--font-weight-regular);
  border-radius: 10px;
}
.avis-card-text {
  color: hsla(222, 26%, 18%, 1);
  font-size: var(--textsm);
  line-height: 18px;
  padding-left: 76px;
  height: 120px !important;
  margin-top: 9px;
  overflow: hidden;
}
.avis-name {
  color: hsla(222, 47%, 11%, 1);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  margin-bottom: 8px;
}
.encart-avis .align-right button.btn,.avis-date,.encart-avis .avis-card.js-more .avis-card-text::after {
display: none;
}
@media screen and (min-width:993px){
  .avis-card {
    padding: 40px 45px;
  }
}
/* =============================== */
/*               BLOC 09           */
/* =============================== */
div#bloc-09 img {
  max-height: 242px;
  margin-top: 24px;
}
@media screen and (min-width:993px){
  div#bloc-09 p {
    margin-top: 0;
  }
}
/* =============================== */
/*        BLOC FORMULAIRE          */
/* =============================== */
#formulaire_5 p.submit {
  margin-top: 16px;
}
.bloc-form {
  border: 1px solid hsla(214, 32%, 91%, 1);
  box-shadow: 0px 10px 15px 0px hsla(0, 0%, 0%, 0.03);
box-shadow: 0px 3px 11px 0px hsla(0, 0%, 0%, 0.06);
background-color: var(--background-color);
padding: 20px;
}
.bloc-form p {
  margin-top: 0;
}
form#formulaire_5 input,form#formulaire_5 textarea {
  border-radius: 10px;
  border: 1px solid hsla(240, 6%, 90%, 1);
}
form#formulaire_5 input:not(form#formulaire_5 .divGenerateur input) {
  min-height: 55px;
}
form#formulaire_5 textarea {
  min-height: 130px;
}
form#formulaire_5 .divGenerateur .optional {
  display: none;
}
@media screen and (min-width:993px){
  .bloc-form {
    padding: 36px 26px;
  }
}
@media screen and (max-width:992px) {
  .bloc-form {
    margin: 20px 0;
  }
}

/* =============================== */
/*           ENCART ACTUALITES     */
/* =============================== */
.title-2.align-center {
  max-width: max-content;
  margin: 0 auto;
}
#encart-actualites .title-2.align-center {
  padding-bottom: 14px;
}
.title-2.align-center::before {
  width: 100%;
  right: 0;
}
#encart-actualites p {
  max-width: 770px;
  margin: 24px auto 0;
}
.slick-actualites {
  margin-top: 40px;
}
.actualites-date {
  display: flex;
  align-items: center;
  color: var(--primary-color);
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  line-height: 21px;
  transition: var(--transition);
  margin-bottom: 14px;
}
.actualites-card-title {
  margin: 14px 0;
}
.actualites-card-title a {
  color: var(--title-color);
  font-weight: var(--font-weight-regular);
  text-decoration: none;
}
.card-image img {
  transition: var(--transition);
}
.actualites-card-image,.prestations-card-image {
  overflow: hidden;
}
.actualites-card-text {
  margin-top: 14px;
  max-height: 68px;
  overflow: hidden;
}
.actualites-card:hover img {
  transform: scale(1.1);
}
.actualites-card-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
  min-height: 341px;
}
.recherche_actu .btn.primary {
  padding: 0.5rem 1rem;
}
@media screen and (min-width: 601px) {
  .actualites-listing .recherche_actu #recherche_actu_submit {
    margin-left: 0;
  }
}
@media screen and (min-width: 993px) {
  .actualites-card-title {
    height: 26.85px;
    overflow: hidden;
  }
}
/* =============================== */
/*           PAGE ACTUALITES DETAIL     */
/* =============================== */
.actualites-detail .detail-actu-image {
  max-width: 50%;
}
div#listing-autres-actus-categorie ul {
  padding-inline-start: 0;
  text-align: center;
}

div#listing-autres-actus-categorie li {
  margin-top: 0.5rem;
}

body.actualites-detail .listing-autres-actus-categorie {
  height: max-content;
  padding: 24px;
  margin-bottom: 24px;
  background-color: var(--background-2);
  border-radius: var(--border-radius);
}
body.actualites-detail .listing-autres-actus-categorie .detail-btn {
  text-align: center;
}
#listing-autres-actus-categorie ul li ul li {
  list-style: none !important;
}
#listing-autres-actus-categorie ul li a {
  text-decoration: none;
}
#listing-autres-actus-categorie ul li a:hover {
  text-decoration: underline;
}
.actualites-detail .detail-actu-reseaux-sociaux {
  align-items: flex-start;
}
.detail-actu-reseaux-sociaux > div {
  display: flex;
}
.detail-actu-contenu p {
  margin: 0;
}
div#container_actualite_listing .title-4 {
  display: flex;
  justify-content: center;
}


/* =============================== */
/*              FOOTER             */
/* =============================== */
footer {
  font-size: 14px;
 position: relative;
 z-index: 0;
}
footer .section.footer-1 {
  background-color: var(--primary-color);
  position: relative;
  padding: 120px 0 64px;
  z-index: 2;
}
.footer-row-contact svg {
    min-height: 40px;
    min-width: 40px;
}

footer nav li {
  line-height: 28px;
  margin-bottom: 10px;
}
.footer-1 li svg:not(.footer-1 .reseaux-sociaux li svg) {
  margin-right: 13.56px;
}
.footer-1 .reseaux-sociaux .col {
  padding: 0 5px;
}
.footer-row-contact svg {
  width: 20px;
}
.footer-row-contact address {
  margin: 0;
}
.footer-row-contact {
  display: flex;
  align-items: center;
  gap: 24px;
  /* line-height: 28px; */
  margin-bottom: 24px;
}
footer .siret {
  font-size: 14px;
  font-weight: 400;
  line-height: 27.2px;
}
.footer-row-contact a {
  text-decoration: none;
}
.footer-row-contact .tel {
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
}
footer .title-4 {
  position: relative;
  margin-top: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 32.2px;
  margin-bottom: 34px;
}
footer .title-4::before {
  position: absolute;
  content: '';
  bottom: -10px;
  left: 0;
  width: 126px;
  height: 1px;
  background-color: var(--accent-color);
}
.liste-1 li a,
.liste-2 li a,
.footer-row-contact a,
.footer-row-contact .lien-maps {
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}
.footer-1 a:hover {
  color: var(--background-color);
  text-decoration: underline;
}
a.top {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 40px;
  min-width: 40px;
}
footer .top:hover {
  opacity: .9;
}
footer .top {
  position: absolute;
  right: 43px;
  top: -20px;
  border-radius: 100%;
}
footer .reseaux-sociaux ul {
  margin-top: 24px;
}
footer .lien-maps span {
  display: block;
}
footer .section a.tel {
  font-size: 17;
  font-weight: var(--font-weight-bold);
}
.bloc-maps {
  padding: 17px 0;
  text-align: center;
  background-color: var(--background-3);
}
.bloc-maps svg {
  margin-left: 1.5rem;
}
.bloc-maps .title-4 {
  width: fit-content;
  margin: auto;
  cursor: pointer;
}
.bloc-maps iframe {
  height: 220px;
  margin-top: 1.5rem;
}
.bloc-maps .title-4::before {
  display: none;
}
@media screen and (max-width: 600px) {
  .footer-row-contact {
    flex-direction: column;
  }
}
@media screen and (max-width: 992px) {
  footer .title-4::before {
    right: 0;
    margin: 0 auto;
  }
  footer .top {
    left: 0;
    right: 0;
    width: max-content;
    margin: 0 auto; 
  }
  footer .section.footer-1 {
    padding: 54px 0 25px;
  }
  footer {
    text-align: center;
    padding: 0 0 1.5rem;
  }
  .siret {
    margin-top: 1.5rem;
  }
.reseaux-sociaux ul,
  .footer-row-contact {
    justify-content: center;
  }
  .footer-row-contact {
    flex-direction: column;
  }
  .footer-text {
    max-width: 600px;
    margin: 0 auto;
}
}
@media screen and (min-width: 993px) {
  .footer-nav {
    gap: 20px;
    flex-wrap: nowrap;
  }
  footer .col:has(.reseaux-sociaux) {
    max-width: 306px;
  }
  .contact-page .intro {
    margin-bottom: 0;
  }
  footer nav ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  .liste-2 {
    margin-left: 80px;
  }
  footer nav li {
    text-align: left;
  }
}
@media screen and (min-width: 993px) and (max-width: 1335px) {
  footer nav li svg {
    margin-right: 4.56px;
  }
  footer .footer-row-contact {
    gap: 6px;
  }
  footer .liste-2 {
    margin-left: 8px;
  }
  footer .liste-1 li a,
  footer .liste-2 li a,
  footer .footer-row-contact a,
  footer .footer-row-contact .lien-maps {
    font-size: 14px;
  }
}
.footer-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 27.2px;
}

/* =============================== */
/*           CONTACT PAGE    */
/* =============================== */
.section-contact {
  padding-top: 0;
}
.section-hero {
  position: relative;
  background-image: url('../assets/gifs/slider/slide-interne.jpg');
  background-size: cover;
  max-width: 1920px;
  margin: 0 auto;
  z-index: 0;
}
.section-hero::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: hsla(200, 70%, 39%, 0.6);
  z-index: -1;
}
.section-info {
  background-color: var(--background-2);
}
.contact-page h1 {
  font-size: var(--displaylg);
  margin: 25px 0 0;
  line-height: normal;
  color: var(--background-color);
}
.col.contact-page-horaires .row,
.contact-page-coordonnees.reset .row,
.contact-page-infos-pratiques .row {
  flex-wrap: nowrap;
}
.contact-page .contact-page-infos-pratiques {
  margin-bottom: 2rem;
}
.contact-page-infos-pratiques .title-2 {
  margin: 0;
}
.contact-page .map-container iframe {
  max-height: 400px;
}

   /* =============================== */
 /*          PAGES INTERNE           */
 /* =============================== */
 section.ac-doubleColonne:not(section.ac-doubleColonne.ac-cards,section.ac-doubleColonne.ac-steps,section.ac-doubleColonne.ac-timeline,section.ac-doubleColonne.ac-stat,section.ac-doubleColonne.ac-1v1.text-color) p:nth-of-type(1) {
   color: hsl(200deg 58.88% 62.57%);
   font-weight: var(--font-weight-semi-bold);
 }
 section.ac-doubleColonne .btn-contact {
   margin-top: 24px;
 }
 .image-interne {
   height: 672px;
   display: block;
   width: 100%;
   object-fit: cover;
 }
 p.ac-timeline-text {
  background-color: var(--primary-color-90);
  padding: 15px;
  border-radius: 5px;
  position: relative;
}
 .ac-1v1 .ac-colonne {
   border-radius: var(--border-radius);
  margin: 20px 0;
  padding: 20px;
  border: 2px solid var(--accent-color);
}
.ac-steps,.ac-cards,.ac-stat {
  margin: 60px 0;
}
.ac-steps .ac-colonne,.white {
  border-radius: var(--border-radius);
  background-color: var(--background-2);
  padding: 16px;
  box-shadow:  0 2px 6px var(--accent-color);
}
 .hero-bg .title-1, .hero-interne .title-1 {
   color: var(--background-color);
 }
 .hero-bg *, .section-interne *, .hero-interne * {
   color: var(--background-color);
 }
 .page-interne div#container {
   padding-top: 0;
 }
 .ac-doubleColonne.hero-bg p {
   color: var(--background-color);
   margin: 1rem 0 0;
 }
  .hero-interne {
   margin-bottom: 60px;
 }
 .hero-interne .title-1,.hero-interne h1 {
   max-width: 900px;
   margin: 0;
 }
 body[class*="listing"] h1, .devis h1 {
   margin-bottom: 20px;
 }
 body[class*="listing"] .fold {
   margin-top: -2px;
 }
 body[class*="listing"] main > .section, .catalogue-detail main > .section, 
 .actualites-detail main > .section,.politique-de-confidentialite main > .section,.plan-site main > .section {
   padding-top: 0;
 }
 .sc-content .ac-doubleColonne.hero-bg,.hero-interne {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-height: 245px;
   padding-block: 52px;
 }
 .section-hero {
   position: relative;
 }
 .hero-bg::before,
 .hero-interne::before,
 .hero-interne::after,
 .hero-bg::after {
   position: absolute;
   content: "";
   background: url(../assets/gifs/slider/slide-interne.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   width: 150%;
   left: -23%;
   max-width: 1920px;
   top: 0;
   height: 100%;
   z-index: -1;
   background-position: top;
   margin: 0 auto;
   right: -20%;
 }
 nav#fil_ariane,
 #fil_ariane,
 .fil-ariane {
   margin: 0 0 3em;
 }
   .page-interne .hero-bg::after,.hero-interne::after {
    background: hsla(200, 70%, 39%, 0.6);   
   }
   div.note {
     margin-top: 24px;
   }
   div.note p:nth-of-type(1) {
     margin-top: 0;
   }
   .page-interne #encart-actualites .container, .page-interne #encart-points-fort .container, .page-interne #encart-contact .container {
     width: 100%;
   }
 @media screen and (min-width: 993px) {
  .hero-bg .title-1, .hero-interne .title-1 {
    max-width: 55%;
  }
  p.ac-timeline-text::before {
    content: "";
    position: absolute;
    top: 20px;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--primary-color-90);
}
.reverse p.ac-timeline-text::before {
  display: none;
}
  .reverse p.ac-timeline-text::after {
    content: "";
    position: absolute;
    top: 20px;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--primary-color-90);
}
   .page-interne #encart-contact, .page-interne #encart-points-fort {
     padding: 120px 0;
   }
   .page-interne #encart-actualites {
     padding:4rem 0 0;
   }
  section.ac-doubleColonne.ac-1v1,section.ac-doubleColonne.ac-cards,section.ac-doubleColonne.ac-steps,section.ac-doubleColonne.ac-stat {
    align-items: stretch;
}
   .hero-interne p{
     max-width: 60%;
   }
  .section.section-hero {
     margin-bottom: 48px;
 }
   body[class*="listing"] .hero-interne {
     margin-bottom: 88px;
 }
  .page-interne .sc-content img:not(.page-interne #encart-actualites img) {
     height: 100%;
     object-fit: cover;
   }
   h2.western,
   .sc-content .ac-doubleColonne h2 {
     margin-top: 0;
   }
   div#container:not(.devis div#container) {
     padding-bottom: 0;
   }
   .page-interne
     section:not(section.ac-doubleColonne, section.ac-doubleColonne
       section, #relance, .ac-include)
     p,
   section.ac-doubleColonne:not(section.ac-doubleColonne.ac-timeline) p:nth-last-of-type(1) {
     margin-bottom: 0;
   }
   #fil_ariane,
   nav#fil_ariane,
   .fil-ariane {
     font-size: 14px;
   }
 }
 @media screen and (max-width:992px) {
  .ac-steps .ac-colonne,.white {
    margin-top: 15px;
  }
 }
 @media screen and (max-width:601px) {
  .hero-bg .title-1, .hero-interne .title-1 {
    max-width: 80%;
  }
 }