@charset "UTF-8";
/*!Font Awesome Pro 5.3.1 by @fontawesome*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}

blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}iframe{border:0}button,input,select,textarea{font:inherit}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}textarea{resize:vertical}a{color:inherit;text-decoration:none}ol,ul{padding:0}ol[role=list],ul[role=list]{list-style:none}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}/*!guillements*/q:before{content:open-quote}q:after{content:close-quote}*:lang(fr)>*{quotes:"\00AB\00A0" "\00A0\00BB"}*:lang(en)>*{quotes:"\201C" "\201D"}
/* ===== VARIABLES GLOBALES ===== */
:root {
	/* micro spacing (UI) */
	--space-2xs: clamp(0.25rem, 0.5vw, 0.5rem);
	--space-xs:  clamp(0.5rem, 1vw, 0.75rem);
	--space-s:   clamp(0.75rem, 1.5vw, 1rem);
	/* medium (texte / blocs) */
	--space-m:   clamp(1rem, 2vw, 1.5rem);
	--space-l:   clamp(1.5rem, 3vw, 2.5rem);
	/* large (sections) */
	--space-xl:  clamp(2rem, 4vw, 4rem);
	--space-2xl: clamp(3rem, 6vw, 6rem);
	--space-3xl: clamp(4rem, 8vw, 8rem);
	/*global*/
	--max-width: 1120px;
	--bg-color:#ffffff;
	--bg-color-second:#f2f2f2;
	--text-color: #222222;
	--text-light: #efe9df;
	--accent: #f56257;
	--header-h:5rem;
	--shadow: 0 14px 34px rgba(43, 36, 31, .09);
	--shadow-hover: 0 20px 44px rgba(43, 36, 31, .11);
	--radius: 26px;
	--radius-sm: 13px;
	--radius-xs: 8px;
	--transition: 0.35s cubic-bezier(.22, 1, .36, 1);
	/*margin & padding*/
	--padding-large: clamp(4rem, 8vw, 8rem);
	/* Measure */
	--measure: 60ch;
}

html{font-size:100;}
body{width:100%;height:100%;font-family:'Lato',Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;line-height:1.5;background:var(--bg-color);color:var(--text-color)}

html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped {overflow:clip}
.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}
.lenis.lenis-smooth iframe{pointer-events:none}
.lenis.lenis-autoToggle{transition-property: overflow;transition-duration:1ms;transition-behavior:allow-discrete}
#hero{position:relative;width:100%;height: clamp(500px, calc(95vh - var(--header-h)), 850px);background: #f5f4f1 url(../images/lustre.svg) center center no-repeat;background-size:3%}
#content{background: var(--bg-color)}
#main{padding: var(--space-2xl) 0;}
.inner{width:90%;max-width:var(--max-width)}

/* Couche semi-transparente (ou opaque) qui recouvre tout l’écran */
#loader-svg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#efe9df;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .35s ease}
#loader-svg.fadeOut{opacity:0;pointer-events:none}
#spinner{width:48px;height:48px;border-radius:50%;background:conic-gradient(from 0deg, #f56257, #f5625700 70%);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 5px));mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 5px));animation:spin .8s linear infinite;}
@keyframes spin{to{ transform:rotate(360deg)}}
@supports not (background: conic-gradient(red, blue)){#spinner{background:none;-webkit-mask:none;mask:none;border:5px solid #ccc;border-top-color:#f56257}}
@media (prefers-reduced-motion: reduce){#spinner{animation:none}}

header{display:grid;grid-template-columns:auto 1fr auto;justify-items:center;align-items:center;background:rgba(255,255,255,.9);position:fixed;top:0;left:0;right:0;height:var(--header-h);padding:0 3rem;z-index:300;transition: transform 0.4s ease, opacity 0.4s ease, background-color 0.3s ease;will-change: transform, opacity;transform: translateY(0);box-shadow: 0 14px 34px rgba(43,36,31,0)}
header > *{ min-width: 0; }
header.at-top{background:rgba(255,255,255,.9);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 14px 34px rgba(43,36,31,0)}
header.scroll-down{background:rgba(255,255,255,.9);transform:translateY(-100%);opacity:0;box-shadow:0 14px 34px rgba(43,36,31,0)}
header.scroll-up{transform:translateY(0);opacity:1;background:rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(43,36,31,.1)}
@media(prefers-reduced-motion: reduce){header{transition:none}}

/*Typo Font */
.vibes{font-family: 'Great Vibes';font-weight:400;font-style: normal}

h1{font-size:2.325em;line-height: 1.2;margin:0;padding: 0;}
h2{font-size: 1.825em;line-height: 1.2;margin: 0;padding: 0;}

h3{font-size:1.825em;margin:0;padding: 0;color: #f56257;font-weight: 400}

h4{border-collapse: separate;border-spacing: 1rem 0;color: #6d6d6d;display: table;line-height: .25;margin: 1em 0 .5em;table-layout: auto;text-align: center;white-space: nowrap;width: 100%; text-transform: uppercase}
h4:before,h4:after {border-top: 2px double #6d6d6d;content: '';display: table-cell;width: 50%;}
h4 { font-size: 1.250em; font-weight:300;padding: 0;}
h4:before,h4:after {border-top-style: solid;}

h5{border-collapse: separate;border-spacing: 1rem 0;color: #6d6d6d;display: table;line-height: .25;margin: 1em 0 .5em;table-layout: auto;text-align: center;white-space: nowrap;width: 100%; text-transform: uppercase}
h5:before,h5:after {border-top: 2px double #6d6d6d;content: '';display: table-cell;width: 50%}
h5 { font-size: 1.250em; font-weight:300;padding: 0;}
h5:before,h5:after {border-top-style: solid;}
h5 .far{line-height: inherit}

p{font-size:1em;line-height:1.5;margin: 0; padding: 0;}
p.soins{background: #fff; padding: 1rem; border-left: 1px solid #222222; margin: 1rem 0}
#content p{margin-top: .5em}
#content h2,#content h3{margin-bottom: .35em}

a{margin:0;padding:0;text-decoration:none;}

#content a.test{color: #000;transition:color .3s linear,opacity .3s linear;border-bottom: 1px dashed currentColor;}
#content a:hover.test{color: red;}

a.dotted{display: inline; position: relative;color:#222222}
a.dotted:after{content:"";position:absolute;width: 100%; bottom:-.100em;left:0;border-bottom:1px dashed currentColor}
a.dotted:hover{color: #f56257}

a,#open .fa,.moduletable-dropdown ul li a{transition:color .3s linear}
.burger,.custom-follow a, .anim-opacity,ul.default .far{transition:opacity .3s linear}
.custom-circle{transition:all .3s linear}
ul.default .li-link,nav .lang-nav a{transition:background .3s linear}
a:active,a:hover{outline-width:0px}a:active,a:hover,a:focus{outline-style:none}a:focus{outline-width:medium}

.random-image,.custom-swipper{opacity: 0;-webkit-transition: opacity 2s ease-in;-moz-transition: opacity 2s ease-in;-o-transition: opacity 2s ease-in;-ms-transition: opacity 2s ease-in;transition: opacity 2s ease-in;}
.random-image.load,.custom-swipper.load{opacity: 1;}


/*Module Recherche*/
.custom-logo{justify-self:start;height:auto;width:auto;padding:1em 0}
.custom-logo img{width: 250px;height: auto;}
.custom-logo a{display:block}

@media only screen and (max-width: 768px) {
	#hero{height: 70vh}
	header{grid-template-columns:1fr; height: 5rem;}
	.custom-logo{justify-self:center;padding:0}
	.custom-logo img{width: 250px;height: auto; transition: none !important;}
}
@media only screen and (min-width: 1024px) {
.custom-logo a{margin-left:0;transition:margin-left .3s linear}
.custom-logo a:hover{margin-left:.250em}
}

.custom-circle{
  --circle-size: 4em; /* on stocke la taille dans une variable pour ne la changer qu'à un seul endroit */
  width: var(--circle-size);
  height: var(--circle-size); /* on fixe height = width pour garantir un cercle parfait, même si l'image d'origine n'est pas carrée */
  object-fit: cover;          /* si c'est une balise <img>, ça recadre proprement sans déformer */
  opacity: 1;
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%); /* centrage horizontal précis, remplace l'ancien "margin-left: -2em" qui devait rester en phase avec la largeur */
  bottom: calc(var(--circle-size) / -2); /* sort du header vers le bas d'exactement la moitié de sa hauteur */
  z-index:999999;pointer-events:none}
.custom-circle img{vertical-align: bottom}

@media only screen and (min-width: 1024px) {
.custom-circle{display:block}}

/* CLASS */
.mt-xs{margin-top:var(--space-xs)}
.mt-1{margin-top:var(--space-m)}
.mt-2{margin-top:var(--space-l)}
.mt-3{margin-top:var(--space-xl)}
.mt-4{margin-top:var(--space-2xl)}

.mb-1{margin-bottom:var(--space-m)}
.mb-2{margin-bottom:var(--space-l)}
.mb-3{margin-bottom:var(--space-xl)}
.mb-4{margin-bottom:var(--space-2xl)}

.pt-1{padding-top:var(--space-m)}
.pt-2{padding-top:var(--space-l)}
.pb-2{padding-bottom:var(--space-l)}

@media (max-width: 768px) {
	.mob-mt-1{margin-top:1rem}
}

.left{float: left}.right{float: right}
.text-right{text-align: right}
.text-left{text-align: left}
.justify{text-align: justify}
.clear{clear: both}
.text-center{text-align: center}
.italic{font-style: italic}
.upper{text-transform: uppercase}

.Xsmall{font-size: 70%;line-height:125.0%}
.small{font-size: 81.3%;line-height:125.0%}
.large{font-size:120.0%}
.rotate{transform: rotate(-10deg)}

.responsive{max-width:100%;width:100%;height:auto}
.responsive-h{max-height:100%;height:100%;width:auto}

.text-shadow{text-shadow: 2px 2px 4px #000000;}
.box-shadow{box-shadow:0 0 .75em rgba(57,58,60,.5)}

.hidden{display: none}
.rwd-line{display:inline}
.margin-X1{margin-top: .5em}
.margin-X2{margin-top: 1em}
.margin-X3{margin-top: 1.5em}
.margin-X4{margin-top: 2em}
.margin-X5{margin-top: 2.5em}
.margin-X6{margin-top: 3em}
.margin-X8{margin-top: 4em}
.margin-bX2{margin-bottom: 1em}
.margin-bX3{margin-bottom: 1.5em}
.padding-x1{padding: .5em}
.padding-x2{padding: 1em}
.padding-X3{padding-top: 1.5em}
.padding-X4{padding-top: 2em}
.padding-top{padding-top: .8em}

.by-tel:link,.by-tel:visited,.by-tel:hover,.tel-ws:link,.tel-ws:visited,.tel-ws:hover,.events{pointer-events: auto;cursor: pointer}
.cta{margin: 2em 0}
@media only screen and (max-width: 768px) {
	.rwd-block{display:block}
    .by-tel:link,.by-tel:visited,.by-tel:hover{pointer-events:none;cursor:default;color:#222222;font-weight: 700}
    .seconde{margin-top: 3em}
}
@media only screen and (min-width: 1024px) {
	#hero .by-tel:link,#hero .by-tel:visited,#hero .by-tel:hover{color:#fff !important}
	.by-tel:link,.by-tel:visited,.by-tel:hover{pointer-events:none;cursor:default;color:#222222;font-weight: 700}
    .flex{display:flex;flex-direction: row;flex-wrap:nowrap;justify-content: space-between;}
.flex-align-v{align-items: center;}
}

/* Burger */
.burger{position:fixed;top: 20px;right: 20px;width: 40px;height: 40px;cursor: pointer;z-index: 600;background:#fff;display: block; border-radius:8px}
.burger span {all: unset;box-sizing: border-box;position: absolute;left: 50%;width: 22px;height: 2px;background:#000;transform: translateX(-50%);transition: transform .3s ease, opacity .3s ease;}
.burger span:nth-child(1) { top: 12px; }.burger span:nth-child(2) { top: 19px; }.burger span:nth-child(3) { top: 26px; }
body.menu-open .burger span:nth-child(1) {top: 50%;transform: translate(-50%, -50%) rotate(45deg)}
body.menu-open .burger span:nth-child(2) {opacity:0}
body.menu-open .burger span:nth-child(3) {top: 50%;transform: translate(-50%, -50%) rotate(-45deg);}

#mobile_nav {position:fixed;top:0;right:0;width:75%;max-width:320px;height:100%;padding:3em 0;transform:translateX(100%);transition:transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index:500;background:var(--bg-color);color:#000}

@media only screen and (max-width:1024px){
	.moduletable-dropdown{display:none}
	#mobile_nav {width:90%;max-width:90%;}
}

body.menu-open #mobile_nav {transform:translateX(0)}
#mobile_nav .logo-mobile{width:100%;text-align:center;margin-bottom:2rem}
#mobile_nav .logo-mobile img{margin: 0 auto}
#mobile_nav ul{list-style:none;padding:0;margin:0}
#mobile_nav ul li{margin:0;padding:0;border-top: 1px solid rgba(141,111,51,.1)}
#mobile_nav ul li.last-li{border-bottom: 1px solid rgba(141,111,51,.1)}
#mobile_nav ul li a{display:block;opacity:1;font-size:1rem;color:#2b2b2b;padding:.525em 1em;background: rgba(255,255,255,0)}
#mobile_nav ul li a:hover{background: rgba(141,111,51,.1)}
/*animation*/
#mobile_nav > ul > li {opacity: 0;transform: translateX(40px);}
body.menu-open #mobile_nav > ul > li {animation: menuItemIn 0.7s cubic-bezier(0.25, 0.9, 0.25, 1.2) forwards}

/* Stagger façon timeline GSAP */
body.menu-open #mobile_nav > ul > li:nth-child(1) { animation-delay: 0.05s; }
body.menu-open #mobile_nav > ul > li:nth-child(2) { animation-delay: 0.15s; }
body.menu-open #mobile_nav > ul > li:nth-child(3) { animation-delay: 0.25s; }
body.menu-open #mobile_nav > ul > li:nth-child(4) { animation-delay: 0.35s; }
body.menu-open #mobile_nav > ul > li:nth-child(5) { animation-delay: 0.45s; }
body.menu-open #mobile_nav > ul > li:nth-child(6) { animation-delay: 0.55s; }
body.menu-open #mobile_nav > ul > li:nth-child(7) { animation-delay: 0.60s; }
	
@keyframes menuItemIn {
  0% {
    opacity: 0;
    transform: translateX(40px);
  }
  60% {
    opacity: 1;
    transform: translateX(-6px); /* dépassement */
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
	
/* Sous-menu fermé par défaut */
#mobile_nav .content-acordeon {display: block;max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height 0.4s ease,opacity 0.3s ease,transform 0.3s ease}
/* Quand le li est ouvert */
#mobile_nav li.submenu-open > .content-acordeon {max-height:400px;opacity:1;transform:translateY(0)}
#mobile_nav .content-acordeon li a{padding:.525em 1.525em}
/* Anim légère sur les items du sous-menu */
#mobile_nav .content-acordeon li {opacity:0;transform:translateX(20px);transition:opacity 0.3s ease, transform 0.3s ease}
#mobile_nav li.submenu-open .content-acordeon li {opacity:1;transform:translateX(0)}
#mobile_nav li.submenu-open .content-acordeon li:nth-child(1){transition-delay:0.05s}
#mobile_nav li.submenu-open .content-acordeon li:nth-child(2){transition-delay:0.10s}
#mobile_nav li.submenu-open .content-acordeon li:nth-child(3){transition-delay:0.15s}
#mobile_nav ul a .svg-inline--fa{margin-left:.35em;font-size:.9em;opacity:.6;transition:transform .35s cubic-bezier(.25, .8, .25, 1),opacity .25s ease;transform-origin:center}
#mobile_nav li.submenu-open > a .svg-inline--fa {transform:rotate(180deg);opacity:1}

/*  OVERLAY */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);opacity:0;pointer-events:none;transition:opacity 0.3s;z-index: 400;}
body.menu-open .overlay{opacity:1;pointer-events:auto}

/*Colonne*/
.row{margin:0 auto}.col-100{width:100%}.col-10{width: 10%}.col-15{width: 15%}.col-20{width:20%}.col-22{width:22%}.col-23{width:23%}.col-25{width:25%}.col-30{width:30%}.col-32{width:32%}.col-33{width:33.3333333%}.col-35{width:35%}.col-45{width:45%}.col-40{width:40%}.col-48{width:48%}.col-50{width:50%}.col-55{width:55%}.col-60{width:60%}.col-65{width:65%}.col-70{width:70%}.col-74{width:74%}.col-75{width:75%}.col-80{width:80%}.col-85{width:85%}.col-95{width:95%}
@media only screen and (max-width: 768px) {
    .col-25,.col-30,.col-32,.col-45,.col-48,.col-60,.col-65,.col-70,.col-80{width:100%}
}

.col-90{width:90%;max-width:1066px}
.col-90{padding-left: 0; padding-right:0}

/*Menu*/
#navigation {justify-self:end;margin-right:1rem}
#navigation ul{width:auto}
#navigation ul li {position:relative;display:inline-block;z-index:2000;text-align:center}
#navigation ul li a{font-size:1rem;display:inline-block;color:#222222;padding:0 .525em;letter-spacing: -.03rem; font-weight:700}
#navigation ul li a:hover{color:#f56257;}
#navigation > ul > li.active:before{content:"";position:absolute;width:1.875em;height: .300em;bottom:-.425rem;left:50%; margin-left:-.9375em;background: #f56257; border-radius:5px}


#navigation ul ul{display: none}
#navigation ul ul{visibility: hidden;opacity: 0;width:120px;position:absolute;top:100%;right:0; background:rgba(255,255,255,.8);padding:0;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);border-radius:.313em;transform: translateY(.525em);transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s}
#navigation ul ul:before{content:"";position:absolute;top:-.313em;left:50%;margin-left: -.313em; border-left:.313em solid transparent;border-right:.313em solid transparent;border-bottom:.313em solid rgba(255,255,255,.9)}

#navigation ul ul li{float:none;width:100%;background:transparent;text-align:left;border-left:none;border-top:1px solid rgba(255,255,255,.3)}
/*Sous-menu*/
#navigation ul ul li a{font-size:1em;color:#000;height:2.188em;padding:0 .875em;text-transform: uppercase;text-shadow: none;opacity: 1; font-weight: 400}
#navigation ul ul li a:hover{color:#000;background:rgba(255,255,255,.9)}

#navigation ul ul li:nth-child(1):hover > a{border-top-left-radius:.313em;border-top-right-radius:.313em}
#navigation ul ul li:nth-child(4):hover > a{border-bottom-left-radius:.313em;border-bottom-right-radius:.313em}

#navigation ul li:hover > ul{visibility: visible; opacity: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */}
#navigation ul li:hover .drop-btn{color:#fff;background:#ef6571}
#navigation ul li ul li:hover .drop--btn{color:#fff;background:#ef6571}

@media only screen and (max-width: 768px) {
    #navigation{display: none}
}

/*Module language Haut de page*/
.mod-languages{float:right;overflow: hidden;text-align: right;padding-left: 1em}
.mod-languages li{display: inline-block; margin-right:1em}
.mod-languages li:not(:first-child){margin-right:0}
.mod-languages ul li a {font-size: 14px;color: #fff;text-transform: uppercase;letter-spacing: 2px;text-decoration: none;}
.mod-languages ul li a{text-align:center; opacity: .8}
.mod-languages ul li a:hover{opacity:1}
.mod-languages ul li.lang-active a{opacity: 1}

@media only screen and (max-width: 768px) {
    .mod-languages{display: none}
}


@media only screen and (min-width: 1024px) {
    .nav-147 #content{overflow: hidden}
}

/* FONT Awesome */
.fab{font-family:'Font Awesome 5 Brands'}.fa,.fal,.far,.fas{font-family:'Font Awesome 5 Pro'}.fal{font-weight:300}.far{font-weight:400}.fa,.fas{font-weight:900}.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-med{font-size:1.5em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}
/* FONT Awesome Icon*/
.fa-right{margin-right: .5em;}.fa-left{margin-left: .5em;}.fa-rotate{transform: rotate(-10deg);}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-square:before{content:"\f082"}.fa-instagram:before{content:"\f16d"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linkedin:before{content:"\f08c"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-vimeo-v:before{content:"\f27d"}.fa-vimeo-square:before{content:"\f194"}.fa-google-plus-g:before{content:"\f0d5"}.fa-pinterest-p:before{content:"\f231"}.fa-behance:before{content:"\f1b4"}.fa-envelope:before{content:"\f0e0"}.fa-cog:before{content:"\f013"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-location-arrow:before{content:"\f124"}.fa-megaphone:before{content:"\f675"}.fa-paper-plane:before{content:"\f1d8"}.fa-subway:before{content:"\f239"}.fa-parking:before{content:"\f540"}.fa-plus-circle:before{content:"\f055"}.fa-plus:before{content:"\f067"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-volume-up:before{content:"\f028"}.fa-volume-slash:before{content:"\f2e2"}.fa-expand-arrows:before{content:"\f31d"}.fa-phone:before{content:"\f095"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-tags:before{content:"\f02c"}.fa-link:before{content:"\f0c1"}.fa-play-circle:before{content:"\f144"}.fa-sort-down:before{content: "\f0dd";}.fa-sync:before{content: "\f021";}.fa-exclamation-circle:before{content: "\f06a";}.fa-leaf:before{content: "\f06c";}.fa-wine-glass-alt:before{content: "\f5ce";}.fa-thumbs-up:before{content: "\f164";}.fa-check-circle:before{content: "\f058";}.fa-sort-down:before{content: "\f0dd";}.fa-file-pdf:before{content: "\f1c1";}.fa-bell:before{content: "\f0f3";}
.fa-users:before{content: "\f0c0";}.fa-wifi:before{content: "\f1eb";}.fa-swimmer:before{content: "\f5c4";}.fa-car:before{content: "\f1b9";}.fa-mountain:before{content: "\f6fc";}.fa-shower:before{content: "\f2cc";}.fa-washer:before{content: "\f898";}.fa-utensils-alt:before{content: "\f2e6";}.fa-restroom:before{content: "\f7bd";}.fa-blanket:before{content: "\f498";}.fa-tags:before{content: "\f02c";}.fa-bath:before{content: "\f2cd";}.fa-eye:before{content: "\f06e";}.fa-toilet-paper-alt:before{content: "\f71f";}.fa-bed:before{content: "\f236";}.fa-couch:before{content: "\f4b8";}.fa-tv:before{content: "\f26c";}.fa-fireplace:before{content: "\f79a";}.fa-home-heart:before{content: "\f4c9";}.fa-money-check-edit:before{content: "\f872";}.fa-university:before{content: "\f19c";}.fa-money-bill-alt:before{content: "\f3d1";}.fa-times:before{content: "\f00d";}.fa-user-friends:before{content: "\f500";}.fa-calendar-alt:before{content: "\f073";}.fa-comments-alt:before{content: "\f4b6";}.fa-caret-right:before{content: "\f0da";}.fa-tag:before{content: "\f02b";}.fa-phone-alt:before{content: "\f879";}.fa-exclamation-triangle:before{content: "\f071";}.fa-shopping-basket:before{content: "\f291";}.fa-carrot:before{content: "\f787";}.fa-hiking:before{content: "\f6ec";}.fa-trees:before{content: "\f724";}.fa-water:before{content:"\f773"}.fa-share-alt:before{content:"\f1e0"}.fa-mountains:before{content:"\f6fd"}.fa-golf-ball:before{content:"\f450"}.fa-biking-mountain:before{content:"\f84b"}.fa-biking:before{content:"\f84a";}.fa-chevron-down:before{content:"\f078"}

.fa-sort-up:before{content:"\f0de"}
.fa-sort-down:before{content:"\f0dd"}

/* Swipper*/
.swiper,.swiper-slide {width:100%;height:100%}
.swiper-slide {position: relative;overflow:hidden}
.slide-media {position: absolute;inset: 0;/* équivalent à top:0; right:0; bottom:0; left:0; */z-index:0}
.slide-media img{width:100%;height:100%;object-fit: cover;/* équivalent visuel de background-size: cover */object-position: center bottom; /* équivalent de "center top" */display: block}
.slide-media picture{display:block;width:100%;height:100%}

.swiper .swiper-button-next,.swiper .swiper-button-prev{color:#fff !important;opacity:.8;transition:opacity .35s ease}
.swiper .swiper-button-next:hover,.swiper .swiper-button-prev:hover{color:#fff !important;opacity:1}
.swiper .swiper-pagination-bullet {background:#000;opacity:.4}
.swiper .swiper-pagination-bullet-active {background:#000;opacity:1}

.swipper-default .swiper-button-next,.swipper-default .swiper-button-prev,.swipper-default .swiper-pagination {z-index:30;pointer-events:auto}

@media only screen and (max-width:768px){
  .swipper-home .swiper-button-next,.swipper-home .swiper-button-prev{display:none}
  .swipper-home .swiper-button-prev::after,.swipper-home .swiper-button-next::after{font-size:18px!important}
}

/* Slide Active*/
.story {position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:10%;background:linear-gradient(to top, rgba(0,0,0,0.40), rgba(0,0,0,0))}

.swiper-paper{width: 100%;height:8%; position:absolute;bottom:0;left:0;z-index: 7; background: transparent url(../images/back-story.png) left bottom no-repeat;background-size:cover}
@media only screen and (max-width: 768px) {
	.story{padding: 0 0 15% 0;}
	.swiper-paper{height:10%;bottom:0;left:0;background: transparent url(../images/back-story.png) left bottom no-repeat;background-size:cover}
}

.swipper-appart .slide-1{background:url(../images/slider-appart1-1@x3.jpg) center center;background-size:cover}
.swipper-appart .slide-2{background:url(../images/slider-appart1-2@x3.jpg) center center;background-size:cover}
.swipper-appart .slide-3{background:url(../images/slider-appart2-1@x3.jpg) center center;background-size:cover}
.swipper-appart .slide-4{background:url(../images/slider-appart2-2@x3.jpg) center center;background-size:cover}
.swipper-appart .slide-5{background:url(../images/slider-appart3-1@x3.jpg) center center;background-size:cover}
.swipper-appart .slide-6{background:url(../images/slider-appart3-2@x3.jpg) center center;background-size:cover}

.swipper-appart1 .slide-1{background:url(../images/slider-appartement-1-1@x3.jpg) center center;background-size:cover}
.swipper-appart1 .slide-2{background:url(../images/slider-appartement-1-2@x3.jpg) center center;background-size:cover}
.swipper-appart1 .slide-3{background:url(../images/slider-appartement-1-3@x3.jpg) center center;background-size:cover}

.swipper-appart2 .slide-1{background:url(../images/slider-appartement-2-1@x3.jpg) center center;background-size:cover}
.swipper-appart2 .slide-2{background:url(../images/slider-appartement-2-2@x3.jpg) center center;background-size:cover}
.swipper-appart2 .slide-3{background:url(../images/slider-appartement-2-3@x3.jpg) center center;background-size:cover}

.swipper-appart3 .slide-1{background:url(../images/slider-appartement-3-1@x3.jpg) center center;background-size:cover}
.swipper-appart3 .slide-2{background:url(../images/slider-appartement-3-2@x3.jpg) center center;background-size:cover}
.swipper-appart3 .slide-3{background:url(../images/slider-appartement-3-3@x3.jpg) center center;background-size:cover}

.swipper-anahata .slide-1{background:url(../images/slider-anahata1@x3.jpg) center center;background-size:cover}
.swipper-anahata .slide-2{background:url(../images/slider-anahata2@x3.jpg) center center;background-size:cover}
.swipper-anahata .slide-3{background:url(../images/slider-anahata3@x3.jpg) center center;background-size:cover}
.swipper-anahata .slide-4{background:url(../images/slider-anahata4@x3.jpg) center center;background-size:cover}

.swiper-slide span{opacity: 0;-webkit-transition: opacity 1s ease-in;-moz-transition: opacity 1s ease-in;-o-transition: opacity 1s ease-in;-ms-transition: opacity 1s ease-in;transition: opacity 1s ease-in;}
.swiper-slide.swiper-slide-active span{opacity: 1;}
.bouton{background: #f56257; color: #fff;padding: .535em 1.5em;border-radius:1.5em}
.legend{color: #222222; background: #fff;padding: .235em .535em}


.div-appartement{padding: 5em 0}


/*Grille*/
.grid {display:grid;align-items:center}
.grid-auto{grid-template-columns:auto auto;column-gap:1rem}
.grid-menu{grid-template-columns: 1fr 1fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-1-1{grid-template-columns:1fr 1fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-1-2{grid-template-columns:1fr 2fr;column-gap:clamp(1rem,4vw,5rem);position:relative;}
.grid-3-2{grid-template-columns:3fr 2fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-2-1{grid-template-columns:2fr 1fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-4-1{grid-template-columns:4fr 1fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-2-3{grid-template-columns:2fr 3fr;column-gap:clamp(1rem,4vw,5rem)}
.grid-4{grid-template-columns:repeat(4, 1fr)r;column-gap:clamp(1rem,4vw,5rem)}
.grid-5{grid-template-columns:repeat(5, 1fr);column-gap:clamp(1rem,4vw,5rem)}

.grid-1-1.gap-xl{column-gap:4rem}
.grid-1-1.gap-L{column-gap:3rem}
.grid-1-1.gap-m{column-gap:2rem}
.grid-1-1.gap-xs{column-gap:1rem}

.row-gap{row-gap:30px}

.grid-start{align-items:start}
.grid-center{align-items:center}
.grid-shrink{justify-self:start}
.grid-items-center{justify-items: center;}

.grid-1-1.grid-reverse > *:first-child{order:2}
.grid-1-1.grid-reverse > *:last-child{order:1}

.grid-3-equal{grid-template-columns:repeat(3, 1fr);column-gap:clamp(1rem,3vw,4rem)}
.grid-3-main{grid-template-columns:2fr 1fr 1fr}
.grid-3-focus{grid-template-columns:1fr 2fr 1fr}
.grid-auto-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}

.grid-1-2::after{content:"";position:absolute;top:0;bottom:0;left:calc(33.333% + 1rem);width:1px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.18),transparent)}

@media (max-width:900px){
	.grid{column-gap: clamp(1rem,4vw,5rem);row-gap: 1.5rem;}
	.grid-1-1.grid-reverse > *:first-child{order:0}
	.grid-1-1.grid-reverse > *:last-child{order:0}
	.grid-1-1,.grid-1-2,.grid-3-2,.grid-2-1,.grid-4-1,.grid-2-3,.grid-3-equal,.grid-3-main,.grid-3-focus{grid-template-columns:1fr}
	#footer .grid-1-1{grid-template-columns: 1fr 1fr !important}
	.grid-1-1::after,.grid-1-2::after{display:none;}
	.grid-5,.grid.box-picto.grid-4{grid-template-columns:1fr 1fr}
	.grid-5 > *:nth-child(5){grid-column:1/-1;justify-self:center}
	.mobile-first {order:-1;background:red}
	.mobile-last {order:99;background:yellow} /* pratique aussi */
	.grid-1-1.gap-xs{column-gap:0;row-gap:0}
}

/* Services*/
#intro{padding: 0}
#intro p{margin: 1em 0}

#appartement {padding: 4em 0 1.325em 0}
#appartement .wrapper{padding: .5em 1.325em 1.5em 1.325em}
#appartement p{margin-top:0}

.box-app{background: #fff;box-shadow:var(--shadow);border-radius: var(--radius-xs);overflow: hidden}
.box-app h3{font-size:1rem; text-align: center;margin:0;margin-bottom:0;line-height:1}
.box-app p{text-align: center;margin-bottom:.325rem; margin-top: 0}
.box-app a.box-price{color:#FFF;background:#f56257; display:block;padding:.825em .325em; text-align: center;transition:background .3s linear}
.box-app a.box-price:hover{color:#FFF;background:#000000}
.box-app a .fas{margin-right: .5em}

.box-app .tag {background: #f56257; color:#fff;border-radius: 10px; padding: .1em .8em; text-align: center}

.saison {margin-bottom: 4em}
.saison p{color:#afafaf}
.saison a{color:#afafaf;border-bottom: 1px dashed currentColor;}
.saison a:hover{color:#afafaf}

.anahata{margin-top: 3em}

@media only screen and (max-width: 768px) {
	.box-app {margin-bottom:1em}
	.div-appartement{padding: 5em 0 2em 0}
	.saison {margin-bottom: 0}

}

@media (min-width: 1024px){
	.data-reveal-1,.data-reveal-2,.data-reveal-3,.data-reveal-4,.data-reveal-5{
		opacity:0;
		transform:translate3d(0, 18px, 0);
		transition:opacity 0.75s ease,transform 0.75s cubic-bezier(.22, 1, .36, 1);
		will-change:opacity,transform;
	}
	.in-view .data-reveal-1{opacity:1;transform:translate3d(0,0,0);transition-delay:.05s}
	.in-view .data-reveal-2{opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}
	.in-view .data-reveal-3{opacity:1;transform:translate3d(0,0,0);transition-delay:.25s}
	.in-view .data-reveal-4{opacity:1;transform:translate3d(0,0,0);transition-delay:.35s}
	.in-view .data-reveal-5{opacity:1;transform:translate3d(0,0,0);transition-delay:.45s}
}

/*Tarte*/
body.frontpage #tarteaucitron .tarteaucitronAllow{color:#000 !important;background: #fff !important;border:1px solid #000 !important}
body.frontpage #tarteaucitron .tarteaucitronDeny{color:#000 !important;background: #fff !important;border:1px solid #000 !important}
body.frontpage .tarteaucitronMainLine{border-bottom: 1px solid #000 !important; padding-bottom: 10px !important}
body.frontpage #tarteaucitron .tarteaucitronBorder {border-top: 1px solid #333 !important;border-bottom: 1px solid #333 !important;}
body.frontpage #tarteaucitron ul#tarteaucitronServices_mandatory{background:#f2f2f2 !important}
body.frontpage ul#tarteaucitronServices_mandatory .tarteaucitronLine {background:#f2f2f2 !important}
body.frontpage #tarteaucitronPrivacyUrlDialog{background: #000 !important; color: #fff !important}
body.frontpage a.tarteaucitronSelfLink img{opacity:.5 !important}
body.frontpage #tarteaucitronSaveButton.tarteaucitronAllow{color:#fff !important;background: #04AA6D !important;border:none !important}

body.frontpage div#tarteaucitronInfo {position: relative !important;text-align: center !important;max-width: 80% !important;padding: 15px 0 !important;margin: -10px auto 40px !important;font-size: 1em !important;border-bottom: 1px solid;border-bottom-color: currentcolor;border-top:none;border-top-color: currentcolor;border-color:#555}

.tarteaucitron-magic-block button,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
#tarteaucitronAlertBig .tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitronSaveButton{
	background-color: #fff !important;color:#000 !important
}

#tarteaucitronAlertBig #tarteaucitronPersonalize2{background-color:#000000 !important;color:#fff !important}
#tarteaucitronAlertBig #tarteaucitronAllDenied2{background-color: #7f7f7f !important;color:#fff !important}
 
/* Bordures qui reprenaient le jaune pour indiquer un service accepté/refusé */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
	border-color: #000000 !important;
}
#tarteaucitronIcon #tarteaucitronManager{background:#f8f4f3;opacity:.4}
#tarteaucitronIcon #tarteaucitronManager:hover{opacity:.9}

#tarteaucitronIcon #tarteaucitronManager img{opacity:.4}
#tarteaucitronIcon #tarteaucitronManager img:hover{opacity:.9}