/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

html {
  font-size: var(--fs-html);
  scroll-behavior: smooth;
}
.screen-reader-text {
  display: none;
}
*:focus,
*:active,
*:visited {
  outline: none !important;
}

body {
  overflow-x: clip;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
body.open {
  overflow: hidden;
}
@media (min-width: 1200px) {
  .sticky {
    position: sticky;
    left: 0;
    top: 138px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .sticky[data-stuck] {
    top: 0;
  }
}
#page {
  overflow-x: clip;
}
main {
  padding-bottom: 0;
  min-height: calc(100vh - 100px);
}
article {
  overflow-x: clip;
  position: relative;
  z-index: 1;
}
.overflow-clip {
  overflow: clip !important;
}
.invizib {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}/*
article img {
  border-radius: var(--border-radius);
}*/
article > section {
  position: relative;
  z-index: 1;
  margin: 0;
}
.ancre {
  display: block;
  height: 0;
  visibility: hidden;
}
.container {
  width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
}

.entete {
  position: relative;
  z-index: 1;
}
.breadcrumb {
  position: relative;
}
/*
article section:not(#entete) {
  padding:var(--section-gap) 0;
}*/

/*Polices*/
body {
  font-family: var(--ff-base);
  font-weight: var(--fw-base);
  font-size: var(--fs-base);
  color: var(--primary);
  font-optical-sizing: auto;
  font-style: normal;
  text-align: left;
}

h1 {
  font-family: var(--ff-titres);
  font-weight: var(--fw-titres);
  font-size: var(--fs-xl);
  font-style: normal;
  line-height: 100%;
  text-transform: none;
  margin: 0;
}
.h2,
h2 {
  font-family: var(--ff-titres);
  font-weight: var(--fw-titres);
  font-size: var(--fs-l);
  font-style: normal;
  line-height: 100%;
  text-transform: none;
  margin: 0;
}
.h3,
h3 {
  font-family: var(--ff-titres);
  font-weight: var(--fw-titres);
  font-size: var(--fs-m);
  font-style: normal;
  line-height: 100%;
  margin: 0;
}
h4 {
  font-size: var(--fs-base);
  font-style: normal;
  line-height: 100%;
}
p, .partie_texte li {
  font-size: var(--fs-base);
  font-weight:var(--medium);
  font-style: normal;
  line-height: 122%;
}


/* Couleurs */
.fond_blanc {
  background: var(--blanc);
}
.fond_primary {
  background: var(--primary);
}
.fond_primary_dark {
  background: var(--primary-dark);
}
/* .fond_dore, */
.fond_secondary
{
  background: var(--secondary);
}
.fond_tertiary {
  background: var(--tertiary);
}
.blanc {
  color: var(--blanc);
}
.primary {
  color: var(--primary);
}
.secondary {
  color: var(--secondary);
}
.tertiary {
  color: var(--tertiary);
}


a {
  color: inherit;
}
nav a {
  text-decoration:none;
}
a:hover {
  cursor: pointer;
}
.partie_texte a {
  text-decoration: underline;
}
.partie_texte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.partie_texte:not(.gap-s):not(.gap):not(.gap-m):not(.gap-l) {
  gap: var(--texte-gap);
}

.partie_texte ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: calc(0.5 * var(--texte-gap));
  padding-left: 0;
  list-style-position: inside;
}
.partie_texte li {
  font-size: var(--fs-base);
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: -0.05625rem;
}
.partie_texte h2,
.partie_texte h3,
.partie_texte h4,
.partie_texte p,
.partie_texte ul,
.partie_texte ol,
.partie_texte li,
.partie_texte blockquote {
  width: 100%;
  margin: 0;
}
@media (max-width: 979px) {
  .partie_image + .partie_texte {
    margin-top: var(--texte-gap);
  }
  /*.partie_texte > *:only-child {
    margin-bottom: var(--texte-gap);
  }*/
  .partie_image + .partie_texte > *:only-child {
    margin-top: var(--texte-gap);
  }
}
@media (max-width: 639px) {
  .partie_texte + .partie_texte {
    margin-top: var(--texte-gap);
  }
}
span.block {
  display: block;
}
a.bouton {
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  min-height: 2.5rem;
  padding: 1.3em 1.8em 1.3em 1.5em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0 0 2.5em 0;
  font-weight: 500;
  background:var(--secondary);
  border:2px solid var(--secondary);
  color:var(--blanc);
  margin-bottom: 0.5em;
  margin-right: 0.5em;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0.1367em;
  transition: var(--ease)
}
a.bouton:hover {
  background: var(--blanc);
  color:var(--secondary);
  border:2px solid var(--secondary);
}
a.bouton.bouton_secondary {
  background: var(--blanc);
  color: var(--tertiary);
  border:2px solid var(--tertiary);
}
a.bouton.bouton_secondary:hover {
  background: var(--secondary);
  color: var(--blanc);
}
.fond_secondary:not(.blanc) a.bouton {
  background: var(--primary);
  border:2px solid var(--primary);
  color:var(--blanc);
}
.fond_secondary:not(.blanc) a.bouton:hover {
  background: var(--blanc);
  border:2px solid var(--primary);
  color: var(--primary);
}
.fond_secondary.blanc a.bouton {
  background: var(--blanc);
  border:2px solid var(--secondary);
  color:var(--secondary);
}
.fond_secondary.blanc a.bouton:hover {
  background: var(--tertiary);
  color: var(--blanc);
  border:2px solid var(--tertiary);
}
.fond_secondary.blanc a.bouton.bouton_secondary,
.fond_secondary:not(.blanc) a.bouton.bouton_secondary  
 {
  background: var(--blanc);
  color: var(--primary);
  border:2px solid var(--primary);
}
.fond_secondary.blanc a.bouton.bouton_secondary:hover,
.fond_secondary:not(.blanc) a.bouton.bouton_secondary:hover  {
  background: var(--tertiary);
  color: var(--blanc);
  border:2px solid var(--tertiary);
}

/* Sections */
article > section {
  padding:var(--section-gap) 0;
}
@media(max-width:979px) {
  section#entete {
    padding:var(--gap) 0 var(--section-gap) 0;
  }
}
@media(min-width:980px) {
  section#entete {
    padding:0;
  }
}

.fond_blanc + .fond_blanc,
.fond_primary + .fond_primary,
.fond_secondary + .fond_secondary{
  padding-top: 0;
}



/*EDITO*/

/* entete edito */

#breadcrumbs {
  color: var(--secondary);
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: var(--fs-s);
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem; /* 187.5% */
  letter-spacing: -0.05rem;
}
#breadcrumbs a:hover {
  color: var(--primary);
}
.breadcrumb {
  display: none;
}
@media (max-width: 979px) {
  .breadcrumb {
    display: none;
  }
}
/*gestion des débardements et des index*/
/*
article > section {
  z-index:1;
}*/
section.entete,
section:not(#entete).image_et_texte.portrait {
  z-index:3;
}
section.entete::after {
  content:"";
  position:absolute;
  z-index:0;
  display:block;
  width:calc(1.2 * var(--zone-radius));
  height:calc(1.2 * var(--zone-radius));
  bottom:0;
  right:0;
  mask: radial-gradient(circle at top left, transparent 70.5%, black 70.5%);
  /* mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="100" cy="0" r="100" fill="black" /></svg>') no-repeat; */
  -webkit-mask-composite: destination-out;
  mask-composite: subtract;   
}
section.entete:not(.fond_primary )::after {
  background:var(--primary);
}
section.entete.fond_primary::after {
  background:var(--blanc);
}

.arrondi_oui + section:not(.section_exergue)::before {
  content:"";
  position:absolute;
  z-index:-1;
  display:block;
  width:var(--zone-radius);
  height:var(--zone-radius);
  bottom:100%;
  right:0;
  mask: radial-gradient(circle at top left, transparent 70.5%, black 70.5%);
  /* mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="0" cy="0" r="100" fill="black" /></svg>') no-repeat; */
  -webkit-mask-composite: destination-out;
  mask-composite: subtract;   
  background:inherit;
}


@media(max-width:979px) {
  /*section.section_exergue {
    padding-bottom: 0;
  }
  section.section_exergue + section {
    padding-top:calc(2 * var(--section-gap));
    margin-top:calc( var(--section-gap) * -1)
  }*/
}
@media(min-width:980px) {
  section.next_exergue {
    padding:var(--section-gap) 0 calc(var(--section-gap) + 4rem) 0
  }
  section.section_exergue {
    z-index:4;
    margin-top:-4rem;
    background:none;
    /*même si elle a la class .fond_blanc indispensable*/
  }
  article section:not(#entete).image_et_texte.portrait {
    padding-top:0;
  }
  article section:not(#entete):not(.next_exergue).image_et_texte.portrait {
    padding-bottom:0;
  }
  .section_services:after {
    position: absolute;
    z-index: 0;
    display: block;
    content: "";
    right:calc(50% - 1 * var(--container-width));
    width: calc(0.5 * var(--container-width));
    height: calc(0.25 * var(--container-width));
    top: 0;
    transform: translate3D(-50%, 0%, 0);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .section_services.fond_blanc:after{
    background-image:url(../images/custom/sigle_or_xl.webp);  
  }
  .section_services.fond_secondary:after {
    background-image:url(../images/custom/sigle_blanc_xl.webp);  
  }
  .section_services.fond_primary:after {
    background-image:url(../images/custom/sigle_or_xl.webp);  
  }
  .next_service.arrondi_oui {
    border-radius: 0 0 var(--zone-radius);
  }/*
  .next_service.arrondi_oui + .section_services:before {
    display: none;
  }*/
  .next_service.arrondi_oui.fond_primary + .section_services.fond_primary:before,
  .next_service.arrondi_oui.fond_secondary + .section_services.fond_secondary:before,
  .next_service.arrondi_oui.fond_blanc + .section_services.fond_blanc:before {
    display: block;
  }
  .fond_primary + .section_services.fond_primary,
  .fond_secondary + .section_services.fond_secondary,
  .fond_blanc + .section_services.fond_blanc {
    padding-top:var(--section-gap);
  }
  .next_service.arrondi_oui + section.section_services {
    overflow: visible;
    z-index: 0;
  }
  .next_service.arrondi_oui + section.section_services:after {
    height: calc(0.5 * var(--container-width));
      top: calc( var(--container-width) * -0.25);
  }
}
/* entete modele home */

.entete_home {
  border: 3px solid var(--secondary);
  border-radius: 0 0 var(--zone-radius) 0;
  z-index: 2;
  overflow: hidden;
  /* recette */
  /* padding-bottom:calc(2 * var(--section-gap)); */
}
.entete_home:after {
  display:none!important;
}
.diapo_entete.slick-slider {
  position:absolute;
  top:0;
  left:0;
  z-index:0;
  width:100%;
  height:100%;
}
.diapo_entete .slick-list,
.diapo_entete .slick-track,
.diapo_entete .slick-slide {
  height:100%;
}
.diapo_entete .slick-slide img {
  height:100%;
  width:100%;
  object-fit:cover;
}
.entete_home_content {
  position:relative;
  z-index:1;
  background:rgba(255,255,255,0.8);
}
.diapo_nav {
  position:absolute;
  z-index:4;
  width:20px;
  height:auto;
}
.diapo_nav .diapo_thumbnails .slick-track:before {
  display:none;
}
.diapo_nav .diapo_thumbnails .slick-track {
  flex-direction:column;
  gap:10px;
}
.diapo_nav .diapo_thumbnails .slick-track div {
  width:15px;
  height:15px;
  border:3px solid var(--blanc);
  border-radius:50%;
  margin-bottom:0px;
}
.diapo_nav .diapo_thumbnails .slick-track div.slick-current.slick-active {
  background:white;
}
@media(max-width:379px) {
  .entete_home_content {
    padding:15px;
    border-radius: 0 0 15px 0;
  }
}
@media(min-width:380px) and (max-width:979px) {
  .entete_home_content {
    padding:30px;
    border-radius: 0 0 30px 0;
  }
}
@media(max-width:479px) {
  .entete_home_content {
    width: calc(100% - 30px);
    left:0;
  }
  .diapo_nav {
    left:calc(100% - 30px);
    margin-left:10px;
  }
}

@media(min-width:480px) and (max-width:979px) {
  .entete_home_content {
    width:calc(100% - (100% - var(--container-width)) / 2);
    max-width: calc(100% - 30px);
    left:0;
  }
  .diapo_nav {
    left:calc(100% - (100% - var(--container-width)) / 2);
    margin-left:10px;
  }
}
@media(min-width:980px) {
  .entete_home {
    width:calc(100% + 6px);
    left:-3px; 
  }
}
@media(min-width:980px) and (max-width:1919px) {
  .entete_home_content {
    width:44%;
    left:0;
    padding:30px 60px;
    border-radius: 0 0 60px 0;
  }
  .diapo_nav {
    top:var(--section-gap);
    left:44%;
    margin-left:10px;
  }
}
 @media(min-width:1920px) {
  .entete_home {
    width:calc(100% + 6px);
    left:-3px; 
  }
  .entete_home_content {
    width:844px;
    left:50%;
    margin-left:-960px;
    padding:30px 60px;
    border-radius: 0 0 60px 0;
  }
  .diapo_nav {
    top:var(--section-gap);
    left:50%;
    margin-left:-106px;
  }
}

@media(max-width:639px) {
  .navigation_home a {
    width:100%;
    margin-bottom:10px;
  }
  .navigation_home + section.fond_blanc {
    padding-top:0;
  }
} 
@media(min-width:640px) {
  .navigation_home {
    padding: 0;
    z-index: 4;
    height: 0;
    overflow: visible;
  }
  .navigation_home .container {
    transform:translateY(-50%);
    
  }
  .navigation_home + section {
    padding-top:calc(2 * var(--section-gap));
  }
}

.navigation_home a,
.navigation_home a span {
  text-decoration: none;
  overflow: hidden;
}
.navigation_home a:first-child span{
  border-radius:3em 0 0 0;
}
.navigation_home a:last-child span{
  border-radius:0 0 3em 0;
}
.navigation_home a span.fond_blanc {
  border: 5px solid var(--secondary);
}

.navigation_home a span {
  font-family: var(--ff-titres);
  padding: 1em;
  font-size: calc( 45 / 50 * var(--fs-m));
  text-align: center;
}

/* entete_modele_defaut */
@media(max-width:479px) {
  /*.image_entete img {
    width:320px;
    margin-top:var(--gap);
  }*/
  .image_entete {
    display:none;
  }
}
@media(max-width:979px) {
  .entete_modele_defaut {
    padding-top:var(--gap);
    padding-bottom:var(--section-gap);
  } 
  .entete_modele_defaut .entete_content {
    align-items:center;
  }
}
@media(min-width:980px) {
  .entete_titres {
    min-height:calc(5.1 * var(--fs-xl));
    padding:var(--fs-xl) 0 ;
  }
  .image_entete {
    position:absolute;
    top:0;
    right:0;
    z-index:1;
  }
}
@media(min-width:980px) and (max-width:1799px) {
  .entete_modele_defaut .entete_content .entete_titres {
    width:calc(100% - var(--gap) - (6 * var(--fs-xl)));
  }
  .entete_modele_defaut .entete_content .image_entete {
    width:calc(6 * var(--fs-xl));
  }
}

/*Sections édito*/

/* section texte et image */

.bloc-texte-image-inte {
  position: relative;
  z-index: 1;
}
.partie_image img {
  border-radius: 0 0 var(--image-radius) 0;
  border:3px solid var(--secondary);
  background:#fff;
  height:100%;
  width:100%;
  object-fit:cover;
}
.fond_secondary .partie_image img {
  border-color: var(--tertiary);
}
.par_trois .full_height img {
  border-radius: var(--image-radius) 0 0 0;
}
.par_trois .demi_height:nth-child(1) img {
  border-radius:0;
}
.par_trois,
.par_trois .col_2 {
  --gap:10px;
  --space-h:10px;
  gap:10px;
}
.demi_height {
  height: calc(50% - (var(--total-space-h) / 2));
}
@media (min-width: 980px) {
  .droite {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .gauche .partie_image  {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .droite .partie_image  {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .partie_image .item{
    width: 100%;
  }
  .image_et_texte.portrait  .partie_texte {
    padding:var(--section-gap) 0;
  }
  .image_et_texte.portrait .partie_image img {
    aspect-ratio:632/888;
    object-fit:cover;
    height:calc(100% + (1 * var(--section-gap)));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .image_et_texte.portrait.droite .partie_image img {
    left:0;
  }
  .image_et_texte.portrait.gauche .partie_image img {
    right:0;
  }
  .image_et_texte.paysage.sigle:after {
    position: absolute;
    z-index: 0;
    display: block;
    content: "";
    width: calc(0.5 * var(--container-width));
    height: calc(0.25 * var(--container-width));
    bottom: 0;
    transform: translate3D(-50%, 0%, 0);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .image_et_texte.paysage.sigle.gauche:after {
    left:calc(50% - 0.5 * var(--container-width));
  }
  .image_et_texte.paysage.sigle.droite:after {
    left:calc(50% + 0.5 * var(--container-width));
  }
  .image_et_texte.paysage.sigle.fond_blanc:after,
  .image_et_texte.paysage.sigle.fond_primary.sigle_or:after{
    background-image:url(../images/custom/sigle_or_xl.webp);  
  }
  .image_et_texte.paysage.sigle.fond_secondary:after {
    background-image:url(../images/custom/sigle_bleu_xl.webp);  
  }
  .image_et_texte.paysage.sigle.fond_primary:not(.sigle_or):after {
    background-image:url(../images/custom/sigle_blanc_xl.webp);  
  }
}

/* Formulaire */


.wpcf7 {
  width:100%;
}
#page .wpcf7-list-item {
  margin: 1em 0;
}

.flex-form {
  gap:2rem;
  --space-h: 2rem;
  --total-space-h:2rem;
}
.input_wrap > p > label {
  display: none;
}
.input_wrap p br {
  height: 0;
  display: none;
}
.input_wrap input[type="text"],
.input_wrap input[type="email"],
.input_wrap input[type="tel"],
.input_wrap select,
.input_wrap textarea {
  padding:var(--fs-base);
  width:100%;
  background:var(--primary);
  border:1px solid white;
  border-radius:0.5rem;
  color:white;
}
.input_wrap select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: var(--primary)
    url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M5 8l5 5 5-5" stroke="white" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>')
    no-repeat right 1em center/1.2em;
  color: white;
  padding-right: 2.5em;
  border: 1px solid white;
  border-radius: 0.5rem;
}

/* Fond doré pour les options */
.input_wrap select option {
  background: var(--secondary);
  color: var(--blanc);
}

/*gérer l'opacité des placeholders*/
.input_wrap input[type="text"]::placeholder,
.input_wrap input[type="email"]::placeholder,
.input_wrap input[type="tel"]::placeholder,
.input_wrap select::placeholder,
.input_wrap textarea::placeholder {
  color: white;
  opacity: 1;
}

#page input[type="submit"] {
  display: block;
  width: 352px;
  max-width:100%;
  padding: 1.125rem 3rem 1.125rem 1.25rem;
  border: none;
  color:var(--blanc);
  background: var(--secondary);
  cursor: pointer;
  border-radius:var(--border-radius);
}
#page input[type="submit"]:hover {
  background-color: var(--blanc);
}
/* Section texte simple */

.sigle_h2 h2 {
  padding-top:80px;
  background-repeat:no-repeat;
  background-size:auto;
}
.sigle_h2:not(.tac) h2 {
  background-position:left top;
} 
.sigle_h2.tac h2 {
  background-position:center top;
}
.fond_secondary .sigle_h2 h2 {
  background-image:url('../images/custom/sigle_bleu_m.webp');
}
.fond_primary .sigle_h2 h2, 
.fond_blanc .sigle_h2 h2 {
  background-image:url('../images/custom/sigle_or_m.webp');
}

.texte_simple .partie_texte {
  width:1226px;
  max-width:100%;
} 
/*Section partenaires*/

.un_partenaire {
  height: 97px;
}
.container_partenaires {
  row-gap: 2.5rem;
  column-gap: 4rem;
}

/*Section 3 colonnes et avis*/
@media(max-width:979px) {
  .avec_carrousel_avis  .container, .avec_carrousel_avis  .slick-list {
    overflow: visible;
  }
  .carrousel_avis .colonne {
    width:292px;
    padding-right:30px;
  }
}
@media(min-width:980px) {
  .carrousel_avis .slick-track {
    gap:var(--gap-l);
  }
}
h3.avis_oui {
  font-size: var(--fs-base);
  text-transform: uppercase;
  padding-bottom:3em;
  background-position:bottom 10px left;
  background-repeat:no-repeat;
  background-size:auto;
  font-family:inherit;
}
.etoiles_5  {
  background-image:url('../images/custom/5stars.webp');
}
/*
.etoiles_4  {
  background-image:url('../images/custom/4stars.webp');
}
.etoiles_3  {
  background-image:url('../images/custom/3stars.webp');
}
.etoiles_2  {
  background-image:url('../images/custom/2stars.webp');
}
.etoiles_1 {
  background-image:url('../images/custom/1star.webp');
}*/


/* Section exergue */

.section_exergue {
  padding-top:0;
}
@media(max-width:979px) {
  .section_exergue .container {
    border-radius:0 0 4rem 0;
    width:100%;
    padding:calc(2 * var(--fs-base)) ;
    gap: var(--gap);
  }
  .section_exergue .container .s-w100 + .s-w100 {
    margin-top:0;
  }

  .section_exergue {
    background:none;
    padding-bottom:0;
  }
  .section_exergue + section {
    padding-top:calc(var(--section-gap) * 2)!important;
    margin-top:calc(var(--section-gap) * -1);
    z-index:0;
  }
  
}
@media(min-width:980px) {
  .section_exergue .container {
    border-radius:0 0 4rem 0;
    padding:calc(2 * var(--fs-base)) calc(4 * var(--fs-base));
  }
}

.section_exergue .partie_texte p,
.section_exergue .partie_texte blockquote{
  font-size:var(--fs-m);
  font-family:var(--ff-titres);
}
section.fond_secondary + .section_exergue .container.fond_secondary,
section.fond_primary + .section_exergue .container.fond_blanc {
  border:1px solid;
}
/* Section services*/




.container_services  {
  /*! width:calc((100vw -  (100vw - var(--container-width)) / 2)); */
  /*! margin-left:calc((100vw - var(--container-width)) / 2); */
  padding-top:calc(3 * var(--fs-m));
}
section:not(.fond_secondary) .container_services .slick-prev, 
section:not(.fond_secondary) .container_services .slick-next {
  background:var(--secondary);
}
section.fond_secondary .container_services .slick-prev, 
section.fond_secondary .container_services .slick-next {
  background:var(--primary);
}
.container_services .slick-prev, 
.container_services .slick-next {

  color:#FFF;
  left:unset;
  right:100%;
  width:47px;
  height:55px;
  top:calc(3 * var(--fs-m));
  border:none;
}
.container_services .slick-prev {
  border-radius:25px 25px 0 0;
  transform:none;
  z-index: 2;
}
.container_services .slick-prev::before,
.container_services .slick-next::before {
  content:'';
  height:14px;
  width:14px;
  border-top:4px solid white;
  border-right:4px solid white;
  display:block;
  transform-origin:center;
}
.container_services .slick-prev::before {
  transform:translate3d(-32%, -50%, 0) rotate(225deg);
}
.container_services .slick-next::before {
  transform:translate3d(-79%, -50%, 0) rotate(45deg);
}
.container_services .slick-prev:after {
  content:'';
  height:2px;
  display:block;
  position:absolute;
  width:80%;
  top:calc(100% - 1px);
  left:10%;
  z-index:3;
  background:white;
}
.container_services .slick-next {
  border-radius:0 0 25px 25px;
  transform: translateY(100%);
  z-index: 1;
}
section:not(.fond_secondary) .container_services .slick-prev:hover,
section:not(.fond_secondary) .container_services .slick-next:hover,
.container_services .slick-next:hover,
.container_services .slick-prev:hover {
  background:var(--primary-dark);
}
.container_services .slick-list {
  /*! width:calc((100vw -  (100vw - var(--container-width)) / 2)); */
  overflow:visible
}
.container_services .slick-track {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media(max-width:639px) {
  .container_services .slick-track {
    gap: 2rem;
  }
  .container_services .slick-prev, 
.container_services .slick-next{
    display:none !important;
  }
  .container_services .un_service {
    width: 262px !important;
  }

}
@media(min-width:640px) and (max-width:979px) {
  .container_services .slick-track {
    gap: 4rem;
  }
  .container_services .slick-prev, 
.container_services .slick-next{
    margin-right:1rem;
  }
  .container_services .un_service {
    width: 300px !important;
  }
}
@media(min-width:980px) {
  .container_services .slick-track {
    gap: 6rem;
  }
  .container_services .slick-prev, 
.container_services .slick-next {
    margin-right:-10px;
  }
  .container_services .slick-list {
    margin-left:40px;
  }
  .container_services .un_service {
    width: 352px !important;
  }
}

.container_services .slick-track:before {
  display: none;
}

.container_services .un_service {
-webkit-box-flex: unset;
-ms-flex-positive: unset;
flex-grow: unset;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
height: unset;
min-height: unset;
-ms-flex: unset;
flex: unset;
}

/* Pages liées */
.pages_liees {
  position:relative;
}
.mode_fond_primary {
  --top-gap:var(--section-gap);
}
.fond_primary:not(.portrait) + .mode_fond_primary {
  --top-gap:0px;
  padding-top:20px
}
.pages_liees.mode_fond_primary:before {
  content:'';
  display:block;
  background:var(--primary);
  /* height:calc( var(--top-gap) + 303px); */
  height:100%;
  position:absolute;
  left:0;
  width:100%;
  top:0;
  z-index:0;
}
.pages_liees.mode_fond_primary:after {
  content: '';
  display: block;
  height: calc( 2 * (var(--top-gap) + 303px) );
  position: absolute;
  width: calc( 2 * (var(--top-gap) + 303px) );
  top: calc( var(--top-gap) + 303px);
  right: 0;
  transform: translate3D(50%, -50%, 0);
  z-index: 0;
  background: url('../images/custom/sigle_blanc_xl.webp') no-repeat right bottom / contain;
}
.pages_liees .container {
  position:relative;
  z-index:2;
}


.pages_liees.mode_fond_primary .une_page_liee {
  background:var(--secondary);
  padding:20px 20px 40px 20px
}

@media(min-width:580px) and (max-width:979px) {
  .pages_liees.mode_fond_primary .une_page_liee {
    width:433px;
  }
  .pages_liees.mode_fond_primary .une_page_liee:nth-child(2){
    margin-left : calc(100% - 433px);
  }
}
.pages_liees.mode_fond_primary .une_page_liee img {
  height: auto;
  width: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 758/450;
}
.pages_liees.mode_fond_primary .une_page_liee h2 {
  text-align:center;
}
.pages_liees.mode_fond_primary .une_page_liee h2 a {
  color:inherit;
  text-decoration:none;
}
.pages_liees.mode_fond_primary .une_page_liee a.bouton {
  background:white;
  color:var(--secondary);
}
.pages_liees.mode_fond_primary .une_page_liee a.bouton:hover {
  background:var(--primary);
}
/* Actus*/



.intro_actus_lies {
  z-index:3;
}
.intro_actus_lies 
.articles_lies_container {
  z-index:1;
}
.articles_lies_container .slick-prev, 
.articles_lies_container .slick-next {
  background:var(--secondary);
  color:#FFF;
  left:unset;
  right:100%;
  width:47px;
  height:55px;
  top:0;
  border:none;
  transform:none;
}
.articles_lies_container .slick-prev {
  z-index: 2;
  border-bottom:2px solid;
}
.articles_lies_container .slick-prev::before,
.articles_lies_container .slick-next::before {
  content:'';
  height:14px;
  width:14px;
  border-top:4px solid white;
  border-right:4px solid white;
  display:block;
  transform-origin:center;
}
.articles_lies_container .slick-prev::before {
  transform:translate3d(-32%, -50%, 0) rotate(225deg);
}
.articles_lies_container .slick-next::before {
  transform:translate3d(-79%, -50%, 0) rotate(45deg);
}
/* .articles_lies_container .slick-prev:after {
  content:'';
  height:2px;
  display:block;
  position:absolute;
  width:80%;
  top:100%;
  left:10%;
  z-index:3;
  background:white;
} */

.articles_lies_container .slick-next {
  top:55px;
  z-index: 3;
}
.articles_lies_container .slick-prev:hover, 
.articles_lies_container .slick-next:hover {
  background:var(--primary-dark);
}

.articles_lies_container .slick-list {
  overflow:visible;
}
.articles_lies_container .slick-track {
  align-items: stretch;
}
.articles_lies_container .actu_teaser {
  height:unset;
  display:flex!important;
}


@media(max-width:639px) {
  .articles_lies_container .slick-track {
    gap: 0rem;
  }
  .articles_lies_container .slick-prev, 
.articles_lies_container .slick-next{
    display:none !important;
  }
  .articles_lies_container .actu_teaser {
    width: 77vw!important;
    padding:210px 15px 15px 15px;
  }

}
@media(min-width:640px) and (max-width:979px) {
  .articles_lies_container .slick-track {
    gap: 0rem;
  }
  .articles_lies_container .actu_teaser {
    width: 44vw !important;
    padding:230px 20px 20px 20px;
  }
}
@media(max-width:979px) {
  .articles_lies_container  {
    margin-top:var(--gap-m);
  }
  .actu_teaser  p {
    font-size:12px;
  }
}
@media(min-width:980px) {
  .section_categorie_articles_lies:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    --marges: calc( 100vw - var(--container-width));
    --offestright:calc(var(--marges) / 2);
    --decalage:calc((var(--container-width) - var(--total-space-h)) * 0.6);
    right:calc(var(--offestright) + var(--decalage));
    width:50%;
    height:100%;
    z-index:2;
  }
  .section_categorie_articles_lies.fond_blanc:before {
    background:var(--blanc);
  }
  .section_categorie_articles_lies.fond_primary:before {
    background:var(--primary);
  }

  .articles_lies_container .slick-track {
    gap: 0rem;
  }
  .articles_lies_container .actu_teaser {
    width: 449px !important;
    padding:260px 30px 30px 30px;
  }
  .articles_lies_container .article_infos {
    min-height:146px;
  }
  .articles_lies_container .article_infos h3 {
    font-size:30px;
  }
  .actu_teaser  p {
    font-size:18px;
  }
}

.articles_lies_container .slick-track:before {
  display: none;
}

.actu_teaser {
  position:relative;
}
.articles_lies_container .article_image img{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  object-fit:cover;
  z-index:0;
  transition:var(--ease);
}
.articles_lies_container .article_infos {
  position:relative;
  z-index:2;
  background:var(--blanc);
  text-align:center;
  padding:20px 10px;
  gap:10px;
  border:1px solid var(--blanc);
  transition:var(--ease);
  color: var(--primary);
}
.articles_lies_container .actu_teaser:hover .article_infos {
  border:1px solid var(--primary);
}
.articles_lies_container .actu_teaser:hover .article_image img{
  opacity:0.5;
}
.cat {
  text-transform:uppercase;
  font-size: 10px;
  margin-bottom: 10px;
}

.actu_teaser  h3 a {
  text-decoration:none;
}
.articles_lies_container .actu_teaser:nth-child(2n) .article_image:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.5);
  z-index:1;
}
a.cover_link {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:3;
}
.articles_lies_container .actu_teaser:hover .articles_infos {
  border:1px solid var(--primary);
}


/*Actus sur listes catégories et frontpage*/

.ul_filter {
  list-style-type: none;
  padding-left:0;
}
.ul_filter a.bouton {
  border-radius:none!important;
}
.ul_filter .bouton.active {
  background:var(--blanc);
  color:var(--secondary);
}
.actu_teaser_liste .cat {
  margin-top:2em;
}
/*pagination*/
.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: var(--gap-s);
  margin-top: 1.25rem;
}
.nav-links span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
  text-decoration: none;
}
.nav-links a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 2.5rem;
  height: 2.5rem;
  border-radius: 5px;
  background: var(--primary);
  color: var(--blanc);
  font-size: 1rem;
  text-decoration: none;
}
.nav-links a:hover {
  background: var(--secondary);
}
.nav-links a.active {
  background: var(--secondary);
}
.nav-links a.active:hover {
  background: var(--secondary);
}
.nav-links a.prev,
.nav-links a.next {
  padding-left: 1rem;
  padding-right: 1rem;
}


/*REservation planity*/
#planity {
  min-height:500px;
  background:var(--secondary);
  position:relative;
}
#planity:before {
  content:'Merci de patienter un instant';
  display:block;
  width:100%;
  color:var(--blanc);
  font-size:var(--fs-base);
  padding:2em 1em;
  text-align:center;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  box-sizing: border-box;
}
#planity:after {
  content:'';
  height:200px;
  width:200px;
  background: url('../images/custom/sigle_blanc_xl.webp') no-repeat center / contain;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate3D(-50%, -50%, 0);
  animation:rotate 3s infinite forwards;
  z-index:1;
}
@keyframes rotate {
  0% {
    transform:translate3D(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    transform:translate3D(-50%, -50%, 0) rotate(360deg);
  }
}

#planity #planitywl {
  background:var(--blanc);
  position:relative;
  z-index:2;
}
#planity *:not(h3) {
  font-family: var(--ff-base);
}
#page .css-41rnzx + .css-41rnzx, #page  [data-css-41rnzx] + [data-css-41rnzx] {
  margin-top:var(--gap-m);
}
/*Les boites contenants un ensemble de services*/
#page .css-1b689ef, #page [data-css-1b689ef],
#page .css-a5oaf4, #page [data-css-a5oaf4]{
  box-shadow:none;
}
/*Les h3*/
#page .css-7hvfv9, #page [data-css-7hvfv9] {
  font-size: var(--fs-m);
  line-height:1
}
/*Les paragraphes*/
#page .css-1p5afc1, #page [data-css-1p5afc1] {
  font-size: var(--fs-base);
  color: var(--primary);
  font-family: var(--ff-base);
  margin: 1em 0 2em 0;
}

.css-4z3ubn, [data-css-4z3ubn], .css-vo0lb0, [data-css-vo0lb0] {
  color: var(--secondary);
  font-weight: 500;
  font-size: var(--fs-base);
}
/*Les boutons choisir*/
#page .css-1vo82jn, #page [data-css-1vo82jn] {
  background: var(--secondary);
  border: none;
  color: var(--blanc);
  padding: 0.5em 0.75em;
  height: auto;
  font-size: var(--fs-base);
}
/*Les boutons choisir au hover*/
#page .css-1vo82jn:hover, #page [data-css-1vo82jn]:hover {
  border: 1px solid var(--secondary);
  color: var(--secondary);
  background: var(--blanc);
}
/*La div dans laquelle se trouve ce bouton choisir*/
#page .css-umakil, #page [data-css-umakil] {
  width: auto;
}

/*Plein d'éléments textes*/
#page .css-1uclyzi, #page [data-css-1uclyzi],
#page .css-4z3ubn, #page [data-css-4z3ubn],
#page .css-mznkch, #page [data-css-mznkch],
#page .css-1o44zo0, #page [data-css-1o44zo0],
#page.css-1uc0lf6, #page [data-css-1uc0lf6],
#page .css-gzpsjo, #page [data-css-gzpsjo]{
  color:var(--secondary);
}
/*Le conteneur des prestations*/
#page .css-1fqxhh2, #page [data-css-1fqxhh2] ,
#page .css-q4ica, #page [data-css-q4ica]{
  border-color: var(--secondary);
}
@media(min-width:576px) {
  #page .css-1fqxhh2, #page [data-css-1fqxhh2] ,
  #page .css-q4ica, #page [data-css-q4ica]{
    padding-left: 0;
    padding-right: 0;
    margin-right: 31px;
    margin-left: 31px;
  }
  /*La div contenant le prix et la durée*/
  #page .css-8z6qs6, #page [data-css-8z6qs6] {
    display: flex;
    width: 100%;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    flex-direction: row-reverse;
  }
}
/*Chaque prestation*/
#page .css-1fqxhh2:last-child, #page [data-css-1fqxhh2]:last-child {
  border: none;
}
#page .css-9operr, #page [data-css-9operr] {
  color: var(--secondary);
}
/*Le Svg du toggle, afficher plus de prestations*/
#page .css-145rfnz, #page [data-css-145rfnz], 
#page .css-u85wrg, #page [data-css-u85wrg] {
  fill:var(--secondary);
}
/*Boutons d'actions quand tu choisis*/
#page .css-1gf17zq, #page [data-css-1gf17zq], 
#page .css-lgcjmd, #page [data-css-lgcjmd],
#page .css-1qf6mcr, #page [data-css-1qf6mcr],
#page .css-1h2fsr9, #page [data-css-1h2fsr9],
#page .css-pfq5rt, #page [data-css-pfq5rt],
#page .css-621bn0, #page [data-css-621bn0],
#page .css-621bn0, #page [data-css-621bn0],
#page .css-gv76it, #page [data-css-gv76it],
#page .css-1o6i5xk, #page [data-css-1o6i5xk],
#page .css-gv76it, #page [data-css-gv76it]{
  background: var(--primary);
}
/*Les boutons offrir et mon compte, selection de design de carte cadeau*/
#page .css-1qfb1db, #page [data-css-1qfb1db], 
#page .css-wxsg07, #page [data-css-wxsg07],
#page .css-b6lb6k, #page [data-css-b6lb6k],
#page .css-q5r3e5, #page [data-css-q5r3e5],
#page .css-1c7s6ie, #page [data-css-1c7s6ie] {
  color: var(--primary);
  border-color: var(--primary);
}
/*Les entetes du calendrier*/
/*Le lien mot de passe oublié et le lien retour connexion*/
/*supression carte cadeau*/
#page .css-1mpb4ve, #page [data-css-1mpb4ve],
#page .css-15fhwsr, #page [data-css-15fhwsr],
#page .css-zbqcra, #page [data-css-zbqcra],
#page .css-1h00p38, #page [data-css-1h00p38],
#page .css-iy9alo, #page [data-css-iy9alo]{
  color: var(--primary);
}

/*Dans la partie avec carte cadeaux en plus*/
/*Les H4*/
#page .css-bjsqdp, #page [data-css-bjsqdp] {
  font-family:var(--ff-titres);
  font-size:var(--fs-l);
  margin-top:1em
}
#page .css-cj2ck8,  #page [data-css-cj2ck8] {
  font-size:calc(2 * var(--fs-base));
  font-weight: normal;
  margin: 0.5em 0;
  font-family: var(--ff-titres);
}

/*Correction des index planity  pour le choix de la personne qui fait le soin*/
#page .planity_appointment_choose_with[aria-expanded="false"] {
  position:unset;
  z-index:unset;
}
#page .planity_appointment_choose_with[aria-expanded="true"] {
  position: relative;
  z-index: 10; /* Ajustez la valeur du z-index selon vos besoins */
}


/*Version mobile*/
#page .css-of2it5, #page [data-css-of2it5] {
  font-family:var(--ff-titres);
  font-weight:normal;
}
#page .css-1wp79p5, #page [data-css-1wp79p5],
#page .css-fmzarj, #page [data-css-fmzarj],
#page .css-tqzes0, #page [data-css-tqzes0],
#page .css-v8z6ik, #page [data-css-v8z6ik],
#page .css-1sibm10, #page [data-css-1sibm10]{
  color:var(--primary);
  font-weight:normal;
}