:root {--primary:#b91b1c;--secondary:#716662;--tertiary:#f4f7f4;}body.login h1 a {background-image:url(https://www.residence-vitalite-serenite.fr/wp-content/uploads/2022/11/logo-vitalite-serenite-top.svg);background-size:contain;width:100%;height:164px;mix-blend-mode:darken;}
:root {
  --radius: 20px;
  --gap: 50px;
  --swiper-pagination-color: var(--secondary);
  --swiper-pagination-bullet-width: 12px;
  --swiper-pagination-bullet-height: 12px;
  --swiper-pagination-bullet-horizontal-gap: 10px;
  --transition: all .25s ease-in-out;
  --cmplz_button_accept_background_color: var(--primary)!important;
  --cmplz_button_accept_border_color: var(--primary)!important;
  --cmplz_button_accept_text_color: var(--tertiary)!important;
  --cmplz_slider_active_color: var(--primary)!important;
  --cmplz_slider_inactive_color: var(--secondary)!important;
  --cmplz_slider_bullet_color: var(--tertiary)!important;
  --cmplz_button_deny_text_color: var(--primary)!important;
}

/* Fonts */
@font-face {
	font-family:'DINPro';
	src:url('../fonts/DINPro-Bold.woff2') format('woff2');
	font-weight:bold;
	font-style:normal;
}
@font-face {
	font-family:'DINPro';
	src:url('../fonts/DINPro.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'DINPro';
	src:url('../fonts/DINPro-Medium.woff2') format('woff2');
	font-weight:500;
	font-style:normal;
}
@font-face {
	font-family:'Voor';
	src:url('../fonts/Voor.woff2') format('woff2');
	font-weight:normal;
	font-style:normal;
}

body {font-family:'DINPro';letter-spacing:.5px;}
body.no-scroll {overflow:hidden;}

.blur {filter:blur(5px);}

p, ul {color:var(--secondary);line-height:1.2;text-align:justify;}
a {color:var(--primary);}
a:hover {color:var(--primary);}
a.button {background:var(--primary);color:#fff;display:block;padding:0 calc(var(--gap)/2);border-radius:var(--radius);line-height:1.5rem;width:fit-content;transition:var(--transition);position:relative;}
a.button:hover {text-decoration:none;background:var(--secondary);}
a.button::after {content:'';background:var(--primary);width:0%;height:100%;position:absolute;left:50%;border-radius:var(--radius);z-index:0;transition:var(--transition);}
a.button:hover::after {width:140%;left:-20%;background:var(--secondary);}
a.button span {z-index:1;position:relative;}
a.button.bt-video, body:not(.home) header a.button.bt-video {margin-bottom:1rem;}
a.button.bt-video::before {content:'\f144';font-family:var(--fa-style-family, "Font Awesome 6 Free");font-size:1rem;margin-right:5px;vertical-align:middle;position:relative;z-index:1;}
h1, h2, h3 {color:var(--primary);font-weight:500;text-transform:uppercase;margin-bottom:var(--gap);}
h1 {font-size:2rem;}
h1 span, h2 span, h3 span {display:block;color:var(--secondary);text-transform:none;font-size:.6em;}

img {max-width:100%;}

.row {margin-right:0;margin-left:0;}
.container {max-width:100%;padding-left:calc(var(--gap)*2);padding-right:calc(var(--gap)*2);}

section.encart.no-background .row {background:none;}

/* Header */
header.container {padding:0 calc(var(--gap)*2) calc(var(--gap)*2) calc(var(--gap)*2);position:relative;}
header::before {content:'';position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--tertiary);animation:animHeaderBG 1s ease-in-out forwards;}
header .col-md-4 {align-self:center;}
header .col-md-4.left-column {padding:2rem 15px;}
header .col-md-8 {display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-end;justify-content:center;}
header .logo-top {max-width:275px;}
header figure {position:relative;}
header figure img:not(.logo) {width:100%;height:100%;aspect-ratio:1642/802;object-fit:cover;object-position:center;}
body:not(.home) header figure img:not(.logo) {height:100%;aspect-ratio:10/8;}
body:not(.home) header h1 {text-align:center;}
body:not(.home) header a.button {margin:0 auto;}
header figure img.logo {position:absolute;max-width:575px;top:calc(50% - 287px);left:calc(50% - 287px);transition:var(--transition);opacity:0;}
header figure img.logo.hide-this {opacity:0;}
header figure figcaption {position:absolute;left:calc(100%);transform:rotate(-90deg);text-align:center;transform-origin:top left;pointer-events:none;text-transform:uppercase;color:var(--secondary);padding-top:var(--gap);opacity:0;transition:var(--transition);white-space:nowrap;}
header figure figcaption.active {opacity:1;}
header a.button {font-size:.8rem;line-height:2rem;}
header li:first-of-type a.button {background:var(--tertiary);color:var(--secondary);}
header li:nth-last-of-type(2) a.button {background:var(--secondary);}
header video {width:100%;aspect-ratio:1642/802;object-fit:cover;object-position:center;}
body.page-template-page-recrutement header video{aspect-ratio:initial;object-fit: contain;}

body.home header .swiper {width:100%;height:80vh;}

/* Navigation */
nav ul {list-style:none;display:flex;align-items:center;}
nav ul li {position:relative;}
nav ul li a::after {content:'|';padding:0 6px;}
nav ul li.children a::before {position:absolute;content:'';height:4px;width:0;bottom:0;left:0;transition:var(--transition);background:var(--primary);}
nav ul li.children li a::before {display:none;}
nav ul li.children > a {pointer-events:none;}
nav ul li.children.active a::before {width:calc(100% - 18px);}
footer nav ul li a::after {content:'-';}
nav ul li:last-child a::after, header nav:first-of-type ul li a::after {display:none;}
nav a {color:var(--secondary);}
nav a:hover {color:var(--primary);text-decoration:none;}
header nav:first-of-type {position:relative;right:calc(-15px - var(--gap)*2);}
header nav:first-of-type ul {align-items:flex-end;}
header nav:first-of-type ul li:not(:first-child) {margin-left:8px;z-index:1;}
header nav:first-of-type ul li:nth-child(2) {z-index:2;}
header nav .telephone {background:var(--primary);color:#fff;padding:0 15px 5px 15px;text-align:right;border-bottom-left-radius:40px;position:relative;}
header nav .telephone::before {background:#fff;border-top-right-radius:60px;content:'';width:75px;height:100%;position:absolute;top:0;left:-65px;z-index:-1;}
header nav .telephone::after {background:var(--primary);content:'';width:75px;height:50%;position:absolute;top:0;left:-50px;z-index:-2;}
header nav .telephone a {color:#fff;font-weight:bold;}
header li:nth-last-of-type(2) a.button.relation-client {color:#fff;cursor:pointer;}
header li:nth-last-of-type(2) a.button.relation-client:hover {background:var(--primary);}

nav.menu-menu-container ul {margin-bottom:0;}
nav.menu-menu-container > ul.menu li a {padding-bottom:1rem;display:block;font-size:.95vw;}
nav.menu-menu-container > ul.menu li li a {padding-bottom:0;display:block;}

nav ul ul.sub-menu {position:absolute;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 20px;background:var(--tertiary);white-space:nowrap;border-bottom-right-radius:var(--radius);z-index:4;}
nav ul ul.sub-menu li a {line-height:1.6;}
nav ul ul.sub-menu li a::after {display:none;}
nav .menu li.children > .sub-menu {height:0;top:calc(100% - 4px);transition:var(--transition);overflow:hidden;}
nav .menu li.children > .sub-menu::before {position:absolute;content:'';height:4px;width:0;top:0;left:0;transition:var(--transition);background:var(--primary);}
nav .menu li.children:hover > .sub-menu {height:130px;padding:20px;}
nav .menu li.children:hover > .sub-menu::before {width:100%;}
.menu .active > a {color:var(--primary);background:none;font-weight:700;}

/* Aside */
aside {position:fixed;right:0;top:0;background:var(--tertiary);height:100vh;width:0;z-index:9;transition:var(--transition);overflow-x:hidden;border-top-left-radius:50%;border-bottom-left-radius:50%;display:flex;align-items:center;z-index:99999;}
aside.active {width:30vw;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:-4px 0px 20px 0px var(--secondary);}
aside .wpcf7 {padding:var(--gap);}
aside .wpcf7 form {flex-direction:column;align-items:center;justify-content:center;}
aside h2 {color:var(--primary);text-align:center;white-space:nowrap;}
aside h2 span {color:var(--secondary);}
aside .wpcf7 [type='submit'], aside .wpcf7 [type='button'] {background:var(--primary);padding:0 var(--gap);}
aside .wpcf7 textarea {min-height:120px;}
aside .wpcf7 .wpcf7-spinner {background:var(--tertiary);}
aside > i {position:absolute;top:10px;right:10px;color:var(--secondary);font-size:2rem;cursor:pointer;transition:var(--transition);}
aside > i:hover {color:var(--primary);transform:rotate(360deg);}
aside p.titre-relation-client {text-align:center;}
aside p.titre-relation-client::before {content:'';width:100px;height:100px;display:block;margin:0 auto 5px auto;background:url('../img/relation-client.jpg') no-repeat center center;background-size:cover;border-radius:50%;}

/* Popup */
.popup {position:fixed;top:50vh;left:50vw;width:0;height:0;z-index:10;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:50%;overflow:hidden;--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-color:var(--primary);--swiper-pagination-bullet-inactive-opacity:.1;}
.popup form.wpcf7-form, .popup [role="form"] {position:relative;width:100%;max-width:500px;background:var(--tertiary);padding:var(--gap);border-radius:50%;transition:var(--transition);}
.popup [role="form"] {border-radius:var(--radius);padding:calc(var(--gap) / 2);}
.popup.active {background:rgba(0,0,0,0.5);top:0;left:0;border-radius:0;width:100%;height:100%;}
.popup.active form.wpcf7-form {border-radius:0;}
.popup form.wpcf7-form h2 {color:var(--primary);text-align:center;}
.popup .wpcf7 form {flex-direction:column;}
.popup .wpcf7 [type='submit'], .popup .wpcf7 [type='button'] {background:var(--primary);padding:0 var(--gap);}
.popup i {font-size:2rem;position:absolute;top:10px;right:10px;color:var(--tertiary);cursor:pointer;transition:var(--transition);}
.popup i:hover {transform:rotate(360deg);color:var(--primary);}
.popup .wpcf7 .wpcf7-spinner {background:var(--tertiary);}
.popup .wpcf7 textarea {min-height:120px;}

.popup[data-popup="compatibilite"] form.wpcf7-form, .popup[data-popup="compatibilite"] [role="form"] {padding:calc(var(--gap)/2) var(--gap);border-radius:var(--radius);border:4px solid var(--primary);}
[data-popup="compatibilite"] .title {background:var(--primary);color:#fff;padding:0 35px;text-align:center;border-bottom-left-radius:40px;border-bottom-right-radius:40px;position:relative;margin-top:calc(0px - var(--gap)/2);margin-bottom:calc(var(--gap)/2);z-index:0;height:3rem;line-height:3rem;width:fit-content;margin-left:auto;margin-right:auto;}
[data-popup="compatibilite"] .title span:first-of-type::before {background:var(--tertiary);border-top-right-radius:60px;content:'';width:55px;height:100%;position:absolute;top:0;left:-46px;z-index:-1;}
[data-popup="compatibilite"] .title span:first-of-type::after {background:var(--primary);content:'';width:55px;height:50%;position:absolute;top:0;left:-30px;z-index:-2;}
[data-popup="compatibilite"] .title span:last-of-type::before {background:var(--tertiary);border-top-left-radius:60px;content:'';width:55px;height:100%;position:absolute;top:0;right:-46px;z-index:-1;}
[data-popup="compatibilite"] .title span:last-of-type::after {background:var(--primary);content:'';width:55px;height:50%;position:absolute;top:0;right:-30px;z-index:-2;}
[data-popup="compatibilite"] a.button:hover::after {z-index:-1;}
[data-popup="compatibilite"] .swiper-wrapper {align-items:center;}
[data-popup="compatibilite"] .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:30px;pointer-events:none;}
[data-popup="compatibilite"] .swiper-pagination {display:none;}
[data-popup="compatibilite"] .swiper-pagination.visible {display:block;}
[data-popup="compatibilite"] .swiper-pagination span:first-child, [data-popup="compatibilite"] .swiper-pagination span:last-child {display:none;}
[data-popup="compatibilite"] .swiper-slide {padding:2rem;}
[data-popup="compatibilite"] .swiper-slide span {display:block;text-align:center;color:var(--secondary);}
[data-popup="compatibilite"] .swiper-slide h2 {text-align:center;}
[data-popup="compatibilite"] .swiper-slide h2 + h3 {text-align:center;margin-bottom:40px;color:var(--secondary);font-size:1.2rem;}
[data-popup="compatibilite"] .swiper-slide h3 {margin-bottom:0;font-size:1.4rem;text-align:center;}
[data-popup="compatibilite"] .swiper-slide.final h3 {font-size:2.4rem;}
[data-popup="compatibilite"] .swiper-slide > div {display:flex;flex-direction:column;flex-wrap:wrap;padding:calc(var(--gap)/2) 0 var(--gap) 0;}
[data-popup="compatibilite"] .swiper-slide label {display:block;cursor:pointer;margin-bottom:14px;}
[data-popup="compatibilite"] .swiper-slide label input[type="radio"] + span {background:var(--secondary);color:#fff;display:block;border-radius:var(--radius);line-height:2;pointer-events:none;}
[data-popup="compatibilite"] .swiper-slide label input[type="radio"] + span:hover, [data-popup="compatibilite"] .swiper-slide label input[type="radio"]:checked + span {background:var(--primary);color:#fff;}
[data-popup="compatibilite"] .swiper-slide a.button {margin:0 auto;color:#fff;cursor:pointer;line-height:2;}
[data-popup="compatibilite"] .swiper-slide a[role="reset"] {margin-top:5px;background:var(--secondary);}
[data-popup="compatibilite"] .swiper-slide .prev-next {display:flex;flex-direction:row;position:absolute;bottom:0;left:0;width:100%;padding:0;}
[data-popup="compatibilite"] .swiper-slide .prev-next a {flex:1 0 auto;}
[data-popup="compatibilite"] .swiper-slide .prev-next a[role="next"] {opacity:.4;}
[data-popup="compatibilite"] .swiper-slide .prev-next a[role="next"].active {opacity:1;}
[data-popup="compatibilite"] .swiper-slide .prev-next a:last-child {text-align:right;}
[data-popup="compatibilite"] .swiper-slide input[type="radio"] {appearance:none;border-radius:50%;width:25px;height:25px;border:1px solid var(--secondary);cursor:pointer;display:none;}
[data-popup="compatibilite"] .swiper-slide input[type="radio"]:checked {background:var(--primary);border-color:var(--primary);}
[data-popup="compatibilite"] .swiper-slide p {text-align:center;}
[data-popup="compatibilite"] .swiper-slide p.result-compatibilite {font-size:4rem;color:var(--primary);width:120px;height:120px;margin:0 auto 1rem auto;display:flex;align-items:center;justify-content:center;font-weight:bold;}
[data-popup="compatibilite"] .prev-next i {font-size:2rem;position:relative;top:0;right:0;color:var(--secondary);cursor:pointer;transition:var(--transition);}
[data-popup="compatibilite"] .prev-next i:hover {transform:none;color:var(--primary);}

[data-popup="compatibilite"] .swiper-slide > div.note-display {display:flex;flex-direction:column;align-items:center;margin:0 auto;}
.circle {position:relative;}
.circle__svg {transform:rotate(-90deg);}
.circle__progress {fill:none;stroke-width:4;stroke-opacity:.3;stroke-linecap:round;stroke:var(--primary);}
.circle__progress--fill {--initialStroke:0;--transitionDuration:0;stroke-opacity:1;stroke-dasharray:var(--initialStroke);stroke-dashoffset:var(--initialStroke);transition:stroke-dashoffset var(--transitionDuration) ease;}
.percent {width:100%;top:50%;left:50%;position:absolute;font-weight:bold;text-align:center;line-height:120px;transform:translate(-50%, -50%);}
.percent__int {font-size:2.4rem;}

blockquote {position:relative;}
blockquote::before {content:',,';font-family:'Voor';color:var(--primary);font-size:20rem;line-height:0;position:absolute;top:-170px;left:-100px;letter-spacing:-15px;transform:scaleX(-100%);}
blockquote::after {content:',,';font-family:'Voor';color:var(--primary);font-size:10rem;line-height:0;position:absolute;bottom:50px;left:80%;letter-spacing:-8px;}
blockquote p.signature {font-weight:bold;color:var(--primary);}
blockquote p.signature span {font-weight:normal;color:var(--secondary);display:block;}

div.no-padding {padding:0;}
section.no-padding-right {padding:0 0 calc(var(--gap)*2) 0;position:relative;z-index:2;}
section.no-padding-right article > div:first-of-type {padding-left:calc(var(--gap)*4);}
section [class^="col-"]:not([class*="no-padding"]) {padding:calc(var(--gap)*2);}
section.encart [class^="col-"]:not([class*="no-padding"]) {padding:calc(var(--gap)*2) var(--gap);}
section img.img-video, section video.img-video {width:100%;height:100%;aspect-ratio:960/1080;object-fit:cover;object-position:center;position:relative;z-index:2;}
section img.img-video, section video.img-video {aspect-ratio:auto;}

section.encart {position:relative;z-index:1;}
section.encart .row {background:var(--tertiary);border-radius:calc(var(--gap)*2) 0;}
section.encart:not([role="socialnetworks"]) article > div:first-of-type {padding-left:calc(var(--gap)*2);}
section.encart.decalage-top {margin-top:-100px;}
section.encart.decalage-top .col-md-6:last-of-type {padding-top:calc(var(--gap)*3);}
section.encart.decalage-top .pictos object {display:block;margin:0 auto;max-width:80px;}
section.encart.decalage-top .pictos object path {fill:var(--primary);}
section.encart.decalage-top .pictos {font-size:.8rem;}

section.encart[role="socialnetworks"] .row {border-top-left-radius:0;padding:var(--gap);padding-top:0;}
section.encart[role="socialnetworks"] .col-md-12 {padding-bottom:0;padding-top:0;}
section.encart[role="socialnetworks"] .col-md-4 {padding:calc(var(--gap));}
section.encart[role="socialnetworks"] .col-md-12 h2 {position:relative;margin-bottom:0;font-weight:500;text-transform:none;color:var(--secondary);font-size:1.2rem;margin-top:calc(var(--gap)/3);padding-left:var(--gap);}
section.encart[role="socialnetworks"] .col-md-12 h2 i {font-size:4rem;position:absolute;color:var(--primary);top:calc(0px - var(--gap)/4);left:calc(0px - var(--gap)/2);top:-30px;}
section.encart[role="socialnetworks"] a.button {margin:0 auto;display:block;}

section[role="testimonial"] {padding-top:calc(var(--gap)*2);padding-bottom:calc(var(--gap)*2);}
.home section[role="testimonial"] {padding-bottom:0;}
section[role="testimonial"] img {object-fit:cover;object-position:center;width:100%;height:auto;aspect-ratio:1/1;border-radius:50%;max-width:460px;margin:0 auto;display:block;}
section[role="testimonial"] img + i {font-size:6rem;top:calc(50% - 48px);left:calc(50% - 48px);}
section[role="testimonial"] .col-md-6:last-of-type::before {content:',,';font-family:'Voor';color:var(--primary);font-size:20rem;line-height:0;position:absolute;top:-70px;left:-20px;letter-spacing:-15px;transform:scaleX(-100%);}
section[role="testimonial"] .swiper-pagination {position:relative;text-align:left;margin-top:1rem;}
section[role="testimonial"] .swiper-pagination + p a.button {margin-left:auto;margin-right:0;}
section[role="testimonial"] blockquote p {max-width:80%;}

a.play {position:relative;display:flex;width:100%;flex:1 0 100%;}
section:not([role="testimonial"]) a.play {height:100%;}

a.play i {animation:animPlayWait 6s ease-in-out infinite forwards;}
a.play:hover i {font-size:6rem;top:calc(50% - 48px);left:calc(50% - 48px);animation:animPlay 2s ease-in-out infinite forwards;}

section[role="recrutement"] .row, section[role="esg"] .row {padding-top:0;}
section[role="recrutement"] .col-md-7, section[role="esg"] .col-md-7 {display:flex;flex-direction:row;padding-top:calc(var(--gap)/2);padding-bottom:calc(var(--gap)/2);}
section[role="recrutement"] .col-md-7 img, section[role="esg"] .col-md-7 img {width:200px;height:200px;object-fit:cover;object-position:center;display:block;border-radius:50%;margin-right:calc(var(--gap)/2);}
section[role="recrutement"] .col-md-7 img + div, section[role="esg"] .col-md-7 img + div {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
section[role="recrutement"] .col-md-7 h2, section[role="esg"] .col-md-7 h2 {margin-bottom:0;}
section[role="recrutement"] .col-md-5, section[role="esg"] .col-md-5 {display:flex;flex-direction:column;align-items:center;justify-content:center;}

section[role="links"] .row {gap:var(--gap);}
section[role="links"] [class^="col-"]:not([class*="no-padding"]) {padding:calc(var(--gap)) 0;max-width:calc((100% - var(--gap)*2)/3);}
section[role="links"] .col-md-3:not([class*="no-padding"]) {max-width:calc((100% - var(--gap)*3)/4);}
section[role="links"] .col-md-3 figcaption {font-size:.9rem;}
section[role="links"] figure {position:relative;}
section[role="links"] figure img {width:100%;aspect-ratio:475/363;object-fit:cover;object-position:center;}
section[role="links"] figcaption {background:var(--primary);color:#fff;display:block;padding:0 calc(var(--gap)/2);border-radius:var(--radius);line-height:1.5rem;width:fit-content;position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);align-items:center;justify-content:center;z-index:2;text-align:center;}
section[role="links"] a figure::before {content:'';background:var(--primary);position:absolute;display:block;width:0;height:24px;top:calc(50% - 12px);left:50%;border-radius:var(--radius);z-index:1};
section[role="links"] a img {transition:var(--transition);}
section[role="links"] a:hover img {filter:grayscale(1);}
section[role="links"] a:hover figcaption {text-decoration:none;animation:animLinksBottom 1s ease-in-out forwards;}
section[role="links"] a:hover figure::before {animation:animLinksBottomBefore .25s .25s ease-in-out forwards;}

section[role="contact"] h2 {text-align:center;width:100%;margin-bottom:0;}
section[role="contact"] h2 + p {text-align:center;width:100%;}
section[role="contact"] h2 br {display:none;}

img.img-video + i, video.img-video + i {position:absolute;top:calc(50% - 64px);left:calc(50% - 64px);z-index:3;font-size:8rem;color:#fffc;}

.photo-full-width {width:100%;aspect-ratio:10/5;object-fit:cover;object-position:center;margin-top:-100px;position:relative;z-index:0;}
.page-template-page-modele-2 .photo-full-width {margin-top:0;}

.flex-2 {display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;}
.flex-2 > * {flex:1 0 50%;text-align:center;}

/* Contact */
iframe {width:100%;height:100%;min-height:40vh;border:0;}
section[role="access"] {background:var(--tertiary);padding:0;}
section[role="access"] [class^="col-"]:not([class*="no-padding"]) {padding:0;}
section[role="access"] .col-md-6:last-child {padding:var(--gap) var(--gap) calc(var(--gap)*2) var(--gap);}
section[role="access"] ul.pictos-acces li::before {display:none;}
section[role="access"] ul.pictos-acces object {width:30px;height:30px;vertical-align:middle;margin-right:.5rem;}
.page-id-112 header .col-md-4 p {text-align:center;}
.page-id-112 footer.container {margin-top:0;}
.page-id-112 footer .talents::before {background:var(--tertiary);}
.page-id-112 section[role="contact"] h2, .page-id-112 section[role="contact"] h2 + p {display:none;}
.infos-contact {text-align:center;margin-top:var(--gap);}
.infos-contact object {width:75px;height:75px;display:block;margin:0 auto;}

/* Footer */
footer.container {max-width:100%;background:var(--secondary);color:#fff;padding-top:calc(var(--gap)/2);padding-bottom:calc(var(--gap)/2);margin-top:var(--gap);}
footer .logo-bottom {max-width:275px;}
footer nav a {color:#fff;}
footer nav a:hover {color:var(--primary);}
footer nav + p {text-align:right;}
footer p.mentions {
  margin-bottom:.5rem;
  & + p {margin-bottom:0;}
}
footer p, footer p a {color:var(--tertiary);font-size:.7rem;text-transform:uppercase;}
footer p a:hover {color:#fff;text-decoration:none;}
footer .col-md-6:first-of-type {display:flex;align-items:center;justify-content:flex-start;gap:.5rem;}
footer .col-md-6:first-of-type p {margin:0;text-transform:none;font-size:1rem;font-weight:400;color:white;}
footer .col-md-6:last-of-type nav ul {padding:0;flex-wrap:wrap;justify-content:flex-end;}
footer .col-md-8, footer .col-md-6:last-of-type {display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-end;justify-content:center;}
.grecaptcha-badge {visibility:hidden;}

footer .talents {position:absolute;top:-98%;right:calc(-0px - var(--gap)*2);display:flex;flex-direction:row;padding:5px calc(var(--gap)*2 - 15px) 5px 10px;padding-bottom:0;background:var(--secondary);z-index:3;border-top-left-radius:40px;}
footer .talents img {width:80px;height:80px;object-fit:cover;object-position:center;display:block;border-radius:50%;margin-right:10px;}
footer .talents p {display:block;font-size:1.2rem;color:#fff;text-transform:uppercase;margin-bottom:0;}
footer .talents p span {display:block;font-size:.7rem;color:var(--tertiary);}
footer .talents a.button {padding:0 10px;font-size:.8rem;}
footer .talents img + div {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
footer .talents::before {background:#fff;border-bottom-right-radius:60px;content:'';width:75px;height:71%;position:absolute;top:0;left:-67px;z-index:-1;}
footer .talents::after {background:var(--secondary);content:'';width:75px;height:50%;position:absolute;bottom:20px;left:-50px;z-index:-2;}

/* Forms */
.wpcf7 form {display:flex;gap:1rem;flex-wrap:wrap;position:relative;}
.wpcf7 form > div {position:relative;flex:1 0 45%;padding:0 calc(var(--gap)/2);}
.wpcf7 label {position:relative;margin-bottom:1rem;width:100%;}
.wpcf7 input:not([type="checkbox"], [type="radio"], [type="file"], [type="submit"]), .wpcf7 select, .wpcf7 textarea, .wpcf7 label input[type="file"] {border:1px solid var(--secondary);border-radius:var(--radius);background:none;color:var(--secondary);resize:none;height:40px;padding:0 16px;appearance:none;width:100%;}
.wpcf7 input:not([type="checkbox"], [type="radio"], [type="file"], [type="submit"]).wpcf7-not-valid, .wpcf7 select.wpcf7-not-valid, .wpcf7 textarea.wpcf7-not-valid {border-color:red;}
.wpcf7 textarea {padding-top:10px;padding-bottom:10px;}
section[role="contact"] .wpcf7 textarea {height:9.5rem;}
.wpcf7 input:not([type="checkbox"], [type="radio"], [type="file"], [type="submit"]) + span, .wpcf7 textarea + span, .wpcf7 select + span {position:absolute;top:7px;left:7px;color:var(--secondary);padding:0 10px;border-radius:var(--radius);transition:var(--transition);}
.wpcf7 input:not([type="checkbox"], [type="radio"], [type="file"], [type="submit"]):focus, .wpcf7 textarea:focus, .wpcf7 select:focus {box-shadow:none;background:none;outline:0;}
.wpcf7 input:not([type="checkbox"], [type="radio"], [type="file"], [type="submit"]):not(:placeholder-shown) + span, .wpcf7 textarea:not(:placeholder-shown) + span, .wpcf7 select:not(:placeholder-shown) + span {top:-10px;left:7px;font-size:.7rem;background:#fff;border:1px solid var(--secondary);}
.wpcf7 input:not([type="checkbox"], [type="radio"], [type="file"], [type="submit"]):focus + span, .wpcf7 textarea:focus + span, .wpcf7 select + span:focus + span {top:-10px;left:7px;font-size:.7rem;background:var(--primary);color:#fff;border:1px solid #fff;}
.wpcf7 label input[type="file"] {padding-top:14px;padding-left:80px;}
.wpcf7 label input[type="file"][name="motivation"] {padding-left:210px;}
.wpcf7 ::placeholder {opacity:0;}
.wpcf7 [type='submit'], .wpcf7 [type='button'] {text-transform:uppercase;border-radius:var(--radius);background:var(--primary);width:100%;height:2.5rem;border:0;color:#fff;max-width:250px;margin:0 auto;position:relative;display:block;}
.wpcf7 .wpcf7-spinner {top:0;text-transform:uppercase;border-radius:var(--radius);background:rgba(255, 255, 255, .9);width:100%;left:0;position:absolute;height:100%;opacity:1;max-width:none;overflow:hidden;margin:0;pointer-events:none;}
.wpcf7 .wpcf7-spinner::before {top:calc(50% - 20px);left:calc(50% - 15px);animation:animSendMail 2.5s infinite forwards;animation-timing-function:linear;content:'\f1d8';font-family:var(--fa-style-family, "Font Awesome 6 Free");font-size:1.8rem;background:none;width:auto;height:auto;border-radius:0;color:var(--primary);}
.wpcf7 form div.wpcf7-response-output {flex:1 0 100%;border:none;text-align:center;margin:1rem 0;}
.wpcf7 input[type="checkbox"]:not([name="cmplz-acceptance"]), .wpcf7 input[type="radio"] {display:none;}
.wpcf7 input[type="checkbox"]:not([name="cmplz-acceptance"]) + span, .wpcf7 input[type="radio"] + span {background:var(--secondary);border-radius:var(--radius);color:#fff;padding:0 10px;transition:var(--transition);text-transform:uppercase;font-weight:500;cursor:pointer;}
.wpcf7 input[type="checkbox"]:not([name="cmplz-acceptance"]):checked + span, .wpcf7 input[type="radio"]:checked + span {background:var(--primary);color:var(--secondary);}
.wpcf7 input[type="checkbox"][name="cmplz-acceptance"] {width:15px;height:15px;appearance:none;border-radius:50%;border:1px solid var(--primary);vertical-align:-2px;}
.wpcf7 input[type="checkbox"][name="cmplz-acceptance"]:checked {background:var(--primary);}
.wpcf7 .wpcf7-list-item {margin:0 0 0 5px;}
.wpcf7 form div.coordonnees {display:flex;flex-wrap:wrap;flex-direction:row;gap:0 10px;}
.wpcf7 label.adresse {flex:1 0 100%;}
.wpcf7 label.telephone, .wpcf7 label.email {flex:1 0 45%;}
.wpcf7 label.cp {flex:1 0 30%;}
.wpcf7 label.ville {flex:1 0 65%;}
.wpcf7 .recherche div > span {display:inline-block;font-weight:500;width:200px;text-align:right;}
.wpcf7 .recherche div > span:last-child {text-align:left;}
.wpcf7 input[name="consentement"] {display:inline-block;margin:0;background:none;border:1px solid var(--primary);border-radius:var(--radius);color:var(--primary);appearance:none;width:16px;height:16px;vertical-align:-3px;}
.wpcf7 input[name="consentement"]:checked {background:var(--primary);}
.wpcf7 .wpcf7-acceptance label {line-height:1.2;}
.wpcf7 input[name="consentement"] + span {background:none;font-weight:normal;text-transform:none;}
.wpcf7 input[name="consentement"]:checked + span {background:none;color:#fff;}
.wpcf7 .wpcf7-not-valid-tip {display:none;}

/*.wpcf7 label input[type="file"] {border:0;margin:1rem auto 0 auto;max-width:190px;display:block;color:#fff;text-align:center;height:1.4rem;pointer-events:none;}*/
.wpcf7 input[type="file"]::file-selector-button {background:none;outline:none;border:0;align-items:center;color:#fff;font-size:0;height:1.4rem;text-align:center;}
.wpcf7 input[type="file"] + span {position:absolute;top:8px;left:8px;background:var(--primary);color:#fff;padding:0 10px;border-radius:var(--radius);transition:var(--transition);display:inline-block;margin-bottom:1rem;cursor:pointer;}
.wpcf7 input[type="file"] + span:hover {background:var(--secondary);}

.wpcf7 .hidden {display:none;}
.wpcf7 .wpcf7-form-control-wrap {position:relative;display:block;}
.wpcf7 .wpcf7-form-control-wrap[data-name="cmplz-acceptance"] {text-align:center;}

.page-template-page-modele-1 section.no-padding-right.section-1 article > div:first-of-type {padding-left:calc(var(--gap)*3);}
.page-template-page-modele-1 section.encart.decalage-top .col-md-6:last-of-type {display:flex;justify-content:center;flex-direction:column;padding:calc(var(--gap));}
.page-template-page-modele-1 .section-2 .photo {padding-top:0;}
.page-template-page-modele-1 .section-2 .photo .legende {text-align:right;margin-bottom:4rem;}
.page-template-page-modele-1 .section-2 .photo .legende::first-line {color:var(--primary);font-weight:500;}
.page-template-page-modele-1 .section-2 .photo img {border-radius:50%;aspect-ratio:1;object-fit:cover;height:auto;}
.page-template-page-modele-2 section:first-of-type {padding-bottom:0;z-index:3;}
.page-template-page-modele-2 .section-2 {max-width:100%;background:var(--tertiary);padding:calc(var(--gap)*2) var(--gap);}
.page-template-page-modele-2 section.section-2 .row {border-radius:0;background:none;padding:0;}
.page-template-page-modele-2 section.section-2:not([role="socialnetworks"]) article > div:first-of-type {padding:0 0 0 calc(var(--gap) + 15px);}
.page-template-page-modele-2 img.photo-full-width {padding:0;z-index:2;position:relative;aspect-ratio:14/5;}
.page-template-page-modele-2 section.chambres {padding:var(--gap) calc(var(--gap)*2);background:none;}
.page-template-page-modele-2 section.section-2.chambres::before {content:'';background:var(--tertiary);width:100%;height:100%;position:absolute;top:calc(var(--gap)/2 - 50%);left:0;z-index:-1;}
.page-template-page-modele-2 section.chambres h2 {text-align:center;}
.page-template-page-modele-2 section.chambres h3 {font-size:1.5rem;}
.page-template-page-modele-2 section.chambres ul.pictos-chambres li::before {display:none;}
.page-template-page-modele-2 section.chambres ul.pictos-chambres object {width:30px;height:30px;vertical-align:middle;margin-right:.5rem;}
.page-template-page-modele-3 section.encart.decalage-top {margin-top:-100px;}
.page-template-page-modele-3 section img.img-video {aspect-ratio:1/1;}
.page-template-page-modele-3 section.no-padding-right article > div:first-of-type {display:flex;flex-direction:column;justify-content:center;}
.page-template-page-modele-1 section.encart.decalage-top {margin-top:-100px;}

div.les-chambres {display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);}
div.les-chambres > article {flex:1 0 calc(50% - var(--gap));}

main section li, header .left-column li {margin-bottom:1rem;list-style-type:none;}
main section li::before, header .left-column li::before {content:'•';color:var(--primary);margin-right:.5rem;}

/* Nous rejoindre */
.page-template-page-recrutement main article {padding:5px 20px;margin-bottom:20px;scroll-margin-top:60px;}
.page-template-page-recrutement main article .theme {line-height:1.2;margin-bottom:0;position:relative;padding:.7rem 1rem;border-radius:calc(var(--radius)*2);color:#fff;text-align:center;}
.page-template-page-recrutement main article .theme a.more::after {content:'+';position:absolute;right:.7rem;top:.65rem;width:20px;height:20px;line-height:1rem;text-align:center;border-radius:50%;background:#fff;color:#00A099;font-size:1.4rem;font-weight:bold;cursor:pointer;display:flex;align-content:center;justify-content:center;transition:var(--transition);}
.page-template-page-recrutement main article .theme a.more:hover::after {transform:rotate(360deg);}
.page-template-page-recrutement main article.active .theme {border-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0;}
.page-template-page-recrutement main article.active .theme a.more::after {content:'-';}
.page-template-page-recrutement main article .complement {overflow:hidden;max-height:0;transition:var(--transition);}
.page-template-page-recrutement main article .complement ul {font-weight:normal;list-style:initial;margin-left:1.25rem;line-height:1.4;color:#fff;text-align:center;}
.page-template-page-recrutement main article .complement ol {line-height:1.4;}
.page-template-page-recrutement main article .complement p {color:#fff;text-align:center;}
.page-template-page-recrutement main article .complement p strong::after {content:'-';display:block;}
.page-template-page-recrutement main article.active .complement {max-height:50vh;padding:calc(var(--gap)/2) var(--gap)!important;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);background:#00A099;color:#fff;}
.page-template-page-recrutement main #remuneration article.active .complement {background:#E27580;}
.page-template-page-recrutement main #bonus article.active .complement {background:#ADD2A1;}
.page-template-page-recrutement main #qualite-travail article.active .complement {background:#F4CB88;}
.page-template-page-recrutement main #remuneration article .theme a.more::after {color:#E27580;}
.page-template-page-recrutement main #bonus article .theme a.more::after {color:#ADD2A1;}
.page-template-page-recrutement main #qualite-travail article .theme a.more::after {color:#F4CB88;}
.page-template-page-recrutement .bien-etre-et-sante, .page-template-page-recrutement .remuneration, .page-template-page-recrutement .bonus, .page-template-page-recrutement .qualite-travail {background:url('../img/bg-bien-etre-et-sante.svg') no-repeat center center;background-size:contain;aspect-ratio:202/228;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;}
.page-template-page-recrutement .remuneration {background-image:url('../img/bg-remuneration.svg');}
.page-template-page-recrutement .bonus {background-image:url('../img/bg-bonus.svg');}
.page-template-page-recrutement .qualite-travail {background-image:url('../img/bg-qualite-travail.svg');}
.page-template-page-recrutement .bien-etre-et-sante::before, .page-template-page-recrutement .remuneration::before, .page-template-page-recrutement .bonus::before, .page-template-page-recrutement .qualite-travail::before {content:'';background:url('../img/picto-bien-etre-et-sante.svg') no-repeat center center;background-size:contain;display:block;width:80px;height:80px;}
.page-template-page-recrutement .remuneration::before {background-image:url('../img/picto-remuneration.svg');}
.page-template-page-recrutement .bonus::before {background-image:url('../img/picto-bonus.svg');}
.page-template-page-recrutement .qualite-travail::before {background-image:url('../img/picto-qualite-travail.svg');}
.page-template-page-recrutement section[role="recrutement"] .encarts {width:100%;display:flex;padding-bottom:var(--gap);}
.page-template-page-recrutement section[role="recrutement"] .encarts [class^="col-"]:not([class*="no-padding"]) {padding:0 calc(var(--gap));margin-top:-6rem;}
.page-template-page-recrutement section[role="recrutement"] .encarts a.button {margin:0 auto;width:100%;text-align:center;color:#fff;line-height:2;cursor:pointer;}
.page-template-page-recrutement section[role="recrutement"] .encarts .bien-etre-et-sante + a.button, .page-template-page-recrutement section[role="recrutement"] .encarts .bien-etre-et-sante + a.button::after, .page-template-page-recrutement section[role="recrutement"] #bien-etre-et-sante p.theme {background:#00A099;}
.page-template-page-recrutement section[role="recrutement"] .encarts .remuneration + a.button, .page-template-page-recrutement section[role="recrutement"] .encarts .remuneration + a.button::after, .page-template-page-recrutement section[role="recrutement"] #remuneration p.theme {background:#E27580;}
.page-template-page-recrutement section[role="recrutement"] .encarts .bonus + a.button, .page-template-page-recrutement section[role="recrutement"] .encarts .bonus + a.button::after, .page-template-page-recrutement section[role="recrutement"] #bonus p.theme {background:#ADD2A1;}
.page-template-page-recrutement section[role="recrutement"] .encarts .qualite-travail + a.button, .page-template-page-recrutement section[role="recrutement"] .encarts .qualite-travail + a.button::after, .page-template-page-recrutement section[role="recrutement"] #qualite-travail p.theme {background:#F4CB88;}
.page-template-page-recrutement section[role="recrutement"] [id]:not([id=""]) {max-height:200vh;transition:var(--transition);width:fit-content;display:block;padding:var(--gap);margin:0 auto;}
.page-template-page-recrutement section[role="recrutement"] .swiper {width:100%;overflow:initial;}
.page-template-page-recrutement section[role="recrutement"] [id]:not([id=""]).encarts.swiper-wrapper {display:flex;flex-wrap:nowrap;padding:0;}
.page-template-page-recrutement section[role="recrutement"] [id]:not([id=""]).hide {max-height:0;overflow:hidden;transition:var(--transition);padding:0;}
.page-template-page-recrutement section[role="recrutement"] [id]:not([id=""]) > article {max-width:600px;margin-bottom:0;}
.page-template-page-recrutement section[role="recrutement"] .row {flex-direction:column;}
.page-template-page-recrutement [role="recrutement"] .encarts a.button span {pointer-events:none;}

/* Politique ESG */
.page-template-page-esg main h2 {margin:0;}
.page-template-page-esg main article {padding:var(--gap);margin-bottom:20px;scroll-margin-top:60px;flex:1 0 50%;}
.page-template-page-esg main article:nth-child(odd) {padding-right:0;}
.page-template-page-esg main article h3 {font-size:1.5rem;font-weight:normal;padding-left:125px;position:relative;}
.page-template-page-esg main article h3 object {width:120px;position:absolute;top:-40px;left:0;}
.page-template-page-esg main article ul {font-weight:normal;list-style:initial;margin-left:90px;line-height:1.4;text-align:left;margin-top:4rem;}
.page-template-page-esg main article ul li {position:relative;list-style-type:none;margin-bottom:2rem;padding:0 2rem 0 0;}
.page-template-page-esg main article ul li::before {display:none;}
.page-template-page-esg main article ul li span {position:absolute;color:var(--primary);font-weight:bold;font-size:3rem;bottom:-10px;left:-155px;width:150px;display:block;text-align:right;}
.page-template-page-esg .environnement, .page-template-page-esg .social, .page-template-page-esg .societal, .page-template-page-esg .gouvernance {background:url('../img/bg-environnement.jpg') no-repeat center center;background-size:contain;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;mask-image:url('../img/bg-qualite-travail.svg');mask-repeat:no-repeat;-webkit-mask-image:url('../img/bg-qualite-travail.svg');-webkit-mask-repeat:no-repeat;margin-bottom:calc(var(--gap)/2);}
.page-template-page-esg .social {background-image:url('../img/bg-social.jpg');}
.page-template-page-esg .societal {background-image:url('../img/bg-societal.jpg');}
.page-template-page-esg .gouvernance {background-image:url('../img/bg-gouvernance.jpg');}
.page-template-page-esg .environnement::before, .page-template-page-esg .social::before, .page-template-page-esg .societal::before, .page-template-page-esg .gouvernance::before {content:'';background:url('../img/picto-environnement.jpg') no-repeat center center;background-size:contain;display:block;width:80px;height:80px;}
.page-template-page-esg .social::before {background-image:url('../img/picto-social.jpg');}
.page-template-page-esg .societal::before {background-image:url('../img/picto-societal.jpg');}
.page-template-page-esg .gouvernance::before {background-image:url('../img/picto-gouvernance.jpg');}
.page-template-page-esg section[role="esg"] .row > div:not(.encarts, .swiper) {width:100%;display:flex;flex-direction:row;flex-wrap:wrap;max-width:80%;justify-content:center;}
.page-template-page-esg section[role="esg"] .row > div:not(.encarts) h2 {width:100%;text-align:center;margin-bottom:var(--gap);}
.page-template-page-esg section[role="esg"] .encarts {width:100%;display:flex;padding-bottom:var(--gap);}
.page-template-page-esg section[role="esg"] .encarts [class^="col-"]:not([class*="no-padding"]) {padding:0 calc(var(--gap));margin-top:-6rem;}
.page-template-page-esg section[role="esg"] .encarts a.button {margin:0 auto;width:100%;text-align:center;color:#fff;line-height:2;cursor:pointer;}
.page-template-page-esg section[role="esg"] .encarts .active + a.button, .page-template-page-esg section[role="esg"] .encarts .active + a.button::after {background:var(--secondary);}
.page-template-page-esg section[role="esg"] [id]:not([id=""]) {max-height:200vh;transition:var(--transition);width:fit-content;display:block;padding:var(--gap);margin:0 auto;}
.page-template-page-esg section[role="esg"] .swiper {width:100%;overflow:initial;}
.page-template-page-esg section[role="esg"] [id]:not([id=""]).encarts.swiper-wrapper {display:flex;flex-wrap:nowrap;padding:0;}
.page-template-page-esg section[role="esg"] [id]:not([id=""]).hide {max-height:0;overflow:hidden;transition:var(--transition);padding:0;}
.page-template-page-esg section[role="esg"] [id]:not([id=""]) > article {max-width:600px;margin-bottom:0;}
.page-template-page-esg section[role="esg"] .row {flex-direction:column;}
.page-template-page-esg [role="esg"] .encarts a.button span {pointer-events:none;}

/* Témoignages */
.page-template-page-temoignages section.container {max-width:1140px;}
.page-template-page-temoignages blockquote {margin:var(--gap) 0;}
.page-template-page-temoignages blockquote::before {top:-20px;left:-60px;}
.page-template-page-temoignages blockquote::after {left:100%;}
.page-template-page-temoignages article:nth-child(even) blockquote::before, .page-template-page-temoignages  article:nth-child(even) blockquote::after, .page-template-page-temoignages  article:nth-child(even) blockquote h2 {color:var(--secondary);}
.page-template-page-temoignages section.container {display:flex;flex-direction:row;flex-wrap:wrap;max-width:90%;gap:var(--gap);}
.page-template-page-temoignages section.container article {flex:1 0 100%;}
.page-template-page-temoignages blockquote::before {font-size:12rem;left:60px;top:0;}
.page-template-page-temoignages blockquote::after {left:90%;font-size:8rem;}
.page-template-page-temoignages main .swiper {width:80%;margin:auto;}
.page-template-page-temoignages main .swiper h2 {text-align:center;margin-top:2rem;margin-bottom:0;width:100%;}

.separateur {background:no-repeat center center;background-attachment:fixed;width:100%;display:block;aspect-ratio:10/5;background-size:cover;margin-top:-12vh;}

/* Animations */
@keyframes animHeaderBG {
  0% {width:0%;}
  100% {width:50%;}
}
@keyframes animLinksBottom {
  0% {bottom:-10px;letter-spacing:.5px;}
  25% {bottom:calc(50% - 10px);letter-spacing:.5px;}
  100% {bottom:calc(50% - 10px);letter-spacing:4px;}
}
@keyframes animLinksBottomBefore {
  0% {width:0;height:24px;top:calc(50% - 12px);left:50%;border-radius:var(--radius);}
  40% {width:100%;left:0;height:24px;top:calc(50% - 15px);border-radius:var(--radius);}
  50% {width:100%;left:0;height:24px;top:calc(50% - 15px);border-radius:var(--radius);}
  100% {height:100%;width:100%;left:0;top:0;border-radius:0;}
}
@keyframes animPlayWait {
  0% {font-size:6rem;top:calc(50% - 48px);left:calc(50% - 48px);}
  10% {font-size:10rem;top:calc(50% - 80px);left:calc(50% - 80px);}
  15% {font-size:4rem;top:calc(50% - 32px);left:calc(50% - 32px);}
  20% {font-size:10rem;top:calc(50% - 80px);left:calc(50% - 80px);}
  25% {font-size:6rem;top:calc(50% - 48px);left:calc(50% - 48px);}
}
@keyframes animPlay {
  0% {font-size:6rem;top:calc(50% - 48px);left:calc(50% - 48px);}
  25% {font-size:10rem;top:calc(50% - 80px);left:calc(50% - 80px);}
  50% {font-size:4rem;top:calc(50% - 32px);left:calc(50% - 32px);}
  75% {font-size:10rem;top:calc(50% - 80px);left:calc(50% - 80px);}
  100% {font-size:6rem;top:calc(50% - 48px);left:calc(50% - 48px);}
}
@keyframes animSendMail {
  0% {left:0;top:100%;transform:scale(200%);}
  20% {top:calc(40% - 22px);left:20%;transform:rotate(50deg) scale(160%);}
  50% {top:calc(50% - 22px);left:45%;transform:rotate(40deg) scale(130%);}
  80% {top:calc(40% - 22px);left:70%;transform:rotate(20deg) scale(110%);}
  100% {top:-100%;left:150%;transform:rotate(0) scale(90%);}
}
@keyframes rightToLeft {
  0% {transform:translateX(200px);opacity:0;}
  100% {transform:translateX(0px);opacity:1;}
}
@keyframes leftToRight {
  0% {transform:translateX(-200px);opacity:0;}
  100% {transform:translateX(0px);opacity:1;}
}
@keyframes bottomToTop {
  0% {transform:translateY(200px);opacity:0;}
  100% {transform:translateY(0px);opacity:1;}
}
.not-in-screen {opacity:0;}
.right-to-left {animation:rightToLeft .5s ease-in-out forwards;}
.left-to-right {animation:leftToRight .5s ease-in-out forwards;}
.bottom-to-top {animation:bottomToTop .5s ease-in-out forwards;}

nav .menu-mobile {position:absolute;top:12px;right:20px;font-size:2rem;display:block;width:0;overflow:hidden;z-index:10;}

header a:not([href]).menu-mobile {font-size:2rem;color:var(--primary);z-index:99999;position:fixed;top:2.8rem;right:1rem;transition:var(--transition);display:none;}
header a:not([href]).menu-mobile.active {right:2.1rem;color:#fff;}


.page-id-136 section img.img-video {aspect-ratio:auto;}

body:not(.home) main section:not(.decalage-top, [role="links"], [role="testimonial"]) img {width:100%;height:100%;object-fit:cover;object-position:top;position:absolute;z-index:2;}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position:absolute;left:0;bottom:0;z-index:1;height:5px;width:100%;background:none;}
.swiper-scrollbar-drag {background:var(--primary);border-radius:0;}
header figure .swiper img:not(.logo) {aspect-ratio:auto;}

.swipe-action {display:none;}

/* Complianz */
body.cmplz-document #cmplz-document {margin:var(--gap) auto;max-width:none;}
body.cmplz-document .cookie-statement, #Cookie-Consent {display:block;}

@media screen and (max-width:1400px) {
  :root {--gap:25px;}
  header .logo-top {margin-bottom:var(--gap);display:block;}
  blockquote::before {font-size:18rem;left:-90px;}
  section[role="testimonial"] .col-md-6:last-of-type::before {font-size:18rem;}
  section.encart.decalage-top {margin-top:-140px;}
  section.no-padding-right article > div:first-of-type {padding-right:calc(var(--gap)*2);}
  footer .talents {top:-73.5px;}
  footer .talents img {width:60px;height:60px;}
  footer .talents::before {height:93%;}
  footer .talents::after {height:62%;bottom:0;}
  h1 {font-size:1.6rem;}
  h2, .h2 {font-size:1.6rem;}
  header .col-md-4 {padding-top:var(--gap);}
  header .col-md-8 {justify-content:flex-start;}
  header figure {height:100%;}
  header figure figcaption {font-size:.8rem;}
  section:not([role="testimonial"]) img.img-video {aspect-ratio:initial;width:100%;height:100%;}
  blockquote::before {font-size:15rem;left:-80px;}
  section[role="testimonial"] .col-md-6:last-of-type::before {font-size:15rem;}
  blockquote::after {left:85%;}
  header nav:first-of-type ul li:first-child {display:none;}
  header a:not([href]).menu-mobile {display:block;}
  nav .menu-mobile {width:30px;text-align:center;display:block;}
  ul.menu {position:fixed;background:var(--primary);width:100vw;height:100vh;top:-100vh;left:0;flex-direction:column;align-items:center;justify-content:center;line-height:5;z-index:9999;border-bottom-left-radius:50%;border-bottom-right-radius:50%;transition:var(--transition);}
  ul.menu.active {top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}
  ul.menu > li {margin-bottom:1rem;width:fit-content;padding-right:26px;}
  ul.menu > li.children::after {content:'\f078';font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900);position:absolute;top:-26px;right:0;}
  nav.menu-menu-container > ul.menu li a {color:var(--tertiary);line-height:1;font-size:1.5rem;padding-bottom:.5rem;}
  nav.menu-menu-container > ul.menu li li a {font-size:1.1rem;line-height:1.3;}
  nav.menu-menu-container ul {text-align:center;padding:0;}
  nav.menu-menu-container > ul.menu li a {font-size:1.5rem;}
  nav.menu-menu-container > ul.menu li li a {font-size:1.3rem;line-height:1.5;}
  nav.menu-menu-container > ul.menu li:not(.children.active).nav-buttons {padding-top:1rem;display:flex;align-items:center;justify-content:center;flex-direction:column;}
  nav.menu-menu-container > ul.menu li:not(.children.active).nav-buttons a.button {background:var(--secondary);color:var(--primary);margin-bottom:10px;font-size:1.3rem;line-height:1.3;}
  nav.menu-menu-container > ul.menu li:not(.children.active).nav-buttons a:last-child {font-size:1rem;}
  nav ul ul.sub-menu {position:relative;align-items:center;}
  nav ul ul.sub-menu li {line-height:2;font-size:1rem;}
  /*nav .menu li.children > .sub-menu {height:auto;top:0;overflow:initial;margin-bottom:1rem;}*/
  nav .menu li.children > .sub-menu {top:0;}
  nav ul ul.sub-menu, nav .menu li.children:hover > .sub-menu {height:auto;padding:0;background:none;border-radius:0;top:0;}
  header nav ul li a::after, nav ul li.children a::before, nav .menu li.children:hover > .sub-menu::before {display:none;}
  section[role="testimonial"] img {max-width:300px;}
  nav.menu-menu-container {--secondary:#fff;}
  nav.menu-menu-container > ul.menu li.children.active a {color:var(--tertiary);}
  nav.menu-menu-container > ul.menu li:not(.children.active) a {color:var(--secondary);}
  nav.menu-menu-container > ul.menu li:not(.children).active a {color:var(--tertiary);}
  section.no-padding-right article > div:first-of-type, .page-template-page-modele-1 section.no-padding-right.section-1 article > div:first-of-type {padding-bottom:calc(var(--gap)*4);}
  section.encart[role="socialnetworks"] .col-md-12 h2 {padding-left:calc(var(--gap)*2);}
  section.encart[role="socialnetworks"] .col-md-12 h2 i {font-size:3rem;top:-17px;}
  .page-template-page-recrutement section[role="recrutement"] .encarts [class^="col-"]:not([class*="no-padding"]) {margin-top:-4rem;}
}
@media screen and (max-width:900px) {
  h1, h2, .h2 {text-align:center;}
  body:not(.home) header .row:nth-of-type(2) {flex-direction:column-reverse;}
  header figure img.logo {max-width:450px;top:calc(50% - 225px);left:calc(50% - 225px);}
  header figure figcaption {font-size:.7rem;}
  aside.active {width:50vw;}
  section.encart.decalage-top {margin-top:0;}
  a.button, header a.button {font-size:1.2rem;line-height:2.5rem;padding:0 var(--gap);}
  header nav a.button {font-size:.8rem;line-height:2rem;padding:0 var(--gap);}
  header nav .telephone::before {background:var(--tertiary);}
  section.no-padding-right article > div:first-of-type {padding-left:calc(var(--gap)*3);padding-right:calc(var(--gap)*3);}
  section[role="testimonial"] .swiper-pagination {text-align:center;}
  section[role="testimonial"] .swiper-pagination + p a.button {margin:0 auto;}
  footer .logo-bottom {display:block;margin:0 auto 1rem auto;}
  section[role="links"] a figure::before {display:none;}
  footer .col-md-6:first-of-type {flex-direction:column;justify-content:center;}
  footer .col-md-6:first-of-type p {margin-bottom:1rem;}
  footer .col-md-6:last-of-type {flex-direction:column;align-items:center;}
  footer .talents {position:relative;top:0;padding:0;right:auto;margin-bottom:1rem;}
  footer .talents::before {display:none;}
  .page-template-page-temoignages section.container article {flex:1 0 calc(100% - var(--gap));}
  section[role="access"] .col-md-6:last-child {padding:calc(var(--gap)*2);}
  .photo-full-width {margin-top:var(--gap);}
  section[role="links"], .page-template-page-modele-1 .section-2 .photo .legende {display:none;}
  .page-template-page-recrutement section[role="recrutement"] .encarts, .page-template-page-esg section[role="esg"] .encarts {flex-wrap:wrap;}
  .page-template-page-recrutement section[role="recrutement"] .encarts [class^="col-"]:not([class*="no-padding"]), .page-template-page-esg section[role="esg"] .encarts [class^="col-"]:not([class*="no-padding"]) {margin-top:0;}
  iframe {min-height:400px;}
  footer .talents {flex-direction:column;align-items:center;}
  footer .talents img {margin-right:0;margin-bottom:10px;}
  footer .talents img + div {align-items:center;}
  footer .talents a.button {margin-top:5px;}
  footer .talents p {text-align:center;}
  blockquote::before {left:-60px;}
  section.encart.decalage-top .col-md-6:last-of-type {padding-top:var(--gap);}

  nav.menu-menu-container ul {overflow:auto;}
  header nav:first-of-type ul {padding:0;}
  header nav:first-of-type ul li:not(:first-child) {font-size:.8rem;}
  header nav a.button {padding:0 calc(var(--gap)/2);}
  header nav:first-of-type ul li:nth-child(2) {margin:0;}
  header li:nth-last-of-type(2) a.button.relation-client {white-space:nowrap;line-height:2;}
  @keyframes animHeaderBG {
    0% {width:0%;}
    100% {width:100%;}
  }
}
@media screen and (max-width:640px) {
  header .logo-top {margin:0 auto var(--gap) auto;}
  header .row:first-of-type {flex-direction:column-reverse;}
  header .row.infos-contact {flex-direction:column;}
  header nav:first-of-type {position:relative;right:calc(-15px - var(--gap));}
  header nav:first-of-type ul li:not(:last-child) {display:none;}
  header::before {z-index:-2;}
  header .col-md-4 {padding-top:0;}
  header.container {padding:0 var(--gap) var(--gap) var(--gap);}
  header nav .telephone {font-size:.8rem;}
  header figure figcaption, nav ul li a::after, header figure img.logo {display:none;}
  a.button, header a.button {font-size:1rem;}
  .container {padding-left:var(--gap);padding-right:var(--gap);}
  .container[role="contact"] {padding-left:0;padding-right:0;}
  nav ul {padding-left:0;flex-direction:column;}
  footer p, footer p a {text-align:center;}
  footer p a {display:block;}
  aside.active {width:80vw;}
  section.no-padding-right article > div:first-of-type {padding-left:calc(var(--gap)*2);padding-right:calc(var(--gap)*2);}
  blockquote::before {left:-35px;}
  blockquote::after {left:100%;bottom:30px;font-size:8rem;}
  [role="testimonial"] blockquote::after {left:85%;}
  section[role="testimonial"] .col-md-6:last-of-type::before {font-size:12rem;top:-50px;left:0;}
  section.encart:not([role="socialnetworks"]) article > div:first-of-type {padding-left:var(--gap);flex-direction:column;align-items:center;}
  section[role="recrutement"] .col-md-7 h2 {text-align:center;display:block;width:100%;}
  .wpcf7 form > div {flex:1 0 100%;padding:0 var(--gap);}
  .col-md-6:last-of-type {padding-top:var(--gap);}
  .separateur {aspect-ratio:1;}
  header .col-md-12, body:not(.home) header .col-md-8 {padding:0;}
  body:not(.home) header nav:first-of-type {right:calc(0px - var(--gap));}
  a.button, header a.button {font-size:.8rem;margin:0 auto;}
  a.button:hover::after {width:110%;left:-5%;}
  section.no-padding-right article > div:first-of-type, .page-template-page-modele-1 section.no-padding-right.section-1 article > div:first-of-type {padding:var(--gap);}
  .page-template-page-modele-2 section.chambres {padding:var(--gap);}
  .page-template-page-modele-2 section.chambres h3 {font-size:1.1rem;text-align:center;}
  div.les-chambres > article {flex:1 0 calc(100% - var(--gap));}
  ul.pictos-chambres, ul.pictos-acces {padding-inline-start:1rem;}
  main section li {text-align:left;}
  .page-template-page-modele-1 .section-2 .photo img {height:auto;display:block;min-height:auto;width:100%;}
  body:not(.home) main section:not(.decalage-top, [role="links"], [role="testimonial"]) img {height:auto;position:relative;}
  .page-template-page-modele-1 section.encart.decalage-top, .page-template-page-modele-3 section.encart.decalage-top {margin-top:0;}
  section.encart:not([role="socialnetworks"]) article > div:first-of-type {display:block;}
  .page-template-page-modele-2 img.photo-full-width {margin-top:var(--gap);}
  .page-template-page-modele-2 section.section-2.chambres::before {top:calc(var(--gap)/2 - 52%);}
  .page-template-page-modele-2 section.section-2:not([role="socialnetworks"]) article > div:first-of-type {padding:0;}
  .page-template-page-recrutement section[role="recrutement"] [id]:not([id=""]), .page-template-page-esg section[role="esg"] [id]:not([id=""]) {padding:var(--gap) 0;}
  .page-template-page-recrutement main article, .page-template-page-esg main article {padding:5px 0;}
  .page-template-page-recrutement section[role="recrutement"] .swiper, .page-template-page-esg section[role="esg"] .swiper {overflow:hidden;}
  .page-template-page-recrutement section[role="recrutement"] .encarts a.button, .page-template-page-esg section[role="esg"] .encarts a.button {margin-bottom:var(--gap);}
  .page-template-page-esg section[role="esg"] [id]:not([id=""]) {max-width:100%;max-height:250vh;}
  .page-template-page-esg main article h3 {padding-left:0;text-align:center;font-size:1.2rem;}
  .page-template-page-esg main article h3 object {width:80px;position:relative;margin:0 auto;top:0;display:block;}
  .page-template-page-esg main article ul {margin:0;padding:0;text-align:center;}
  .page-template-page-esg main article ul li {display:block;width:100%;text-align:center;padding:0;}
  .page-template-page-esg main article ul li span {position:relative;bottom:0;left:0;width:100%;text-align:center;}
  .swipe-action {width:50px;height:50px;display:block;position:absolute;left:0;margin-bottom:10px;opacity:0;bottom:-40px;animation:swiperAnim 4s infinite;}
  .swipe-action.hide {display:none;}
  .popup i {color:var(--secondary);z-index:1;top:15px;}
  body.home section[role="testimonial"] [class^="col-"]:not([class*="no-padding"]) {padding:calc(var(--gap)*2) calc(var(--gap)/2);}
  .page-template-page-temoignages main .swiper {width:100%;max-width:100%;}
  .page-template-page-temoignages section.container article {flex:1 0 100%;}
  .page-template-page-temoignages section.container [class^="col-"]:not([class*="no-padding"]) {padding:calc(var(--gap)*3) var(--gap) calc(var(--gap)*2) var(--gap);}
  .page-template-page-temoignages blockquote::before {left:0;}
  section[role="recrutement"] .col-md-7 img, section[role="esg"] .col-md-7 img {margin:0 auto;}
  @keyframes animHeaderBG {
    0% {width:50%;}
    100% {width:100%;}
  }
  @keyframes swiperAnim {
    25% {left:0;opacity:0;}
    40% {left:calc(50%);opacity:1;}
    50% {left:calc(50% - 25px);}
    60% {left:calc(50% + 25px);}
    70% {left:calc(50% - 25px);opacity:1;}
    85% {left:calc(100% - 50px);opacity:0;}
  }
  footer nav + p {text-align:center;}
}
@media screen and (max-width:420px) {
  blockquote::before {left:-15px;}
  blockquote::after {left:95%;}
  .separateur {background-attachment:scroll;}
}
@media screen and (max-height:450px) {
  nav.menu-menu-container ul {overflow:auto;padding-top:10vh;padding-bottom:10vh;}
  header nav:first-of-type ul {padding:0;}
  header nav:first-of-type ul li:not(:first-child) {font-size:.8rem;}
  header nav a.button {padding:0 calc(var(--gap)/2);}
  header nav:first-of-type ul li:nth-child(2) {margin:0;}
  header li:nth-last-of-type(2) a.button.relation-client {white-space:nowrap;line-height:2;}
  aside {align-items:flex-start;}
}

@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance:none) {
    .separateur {background-attachment:scroll;}
  }
}

/* Blog */
body:not(.home).page-template-blog main section:not(.decalage-top, [role="links"], [role="testimonial"]).articles article img {position:relative;aspect-ratio:16/12;object-fit:cover;object-position:center;margin-bottom:1rem;}
body:not(.home).page-template-blog section article a.button {margin:0 auto;}
body:not(.home).page-template-blog section article a.button::after {z-index:-1;}
body:not(.home).single header h1 {margin-bottom:calc(var(--gap)/3);}
body:not(.home).single .align-center a.button {margin:0 auto;}
body:not(.home).single ul.categories, body:not(.home).page-template-blog section article ul.categories {margin:0 0 var(--gap) 0;padding:0;display:flex;justify-content:center;gap:calc(var(--gap)/4);}
body:not(.home).page-template-blog section article h2 {margin:0 0 calc(var(--gap)/4) 0;text-align:center;}
body:not(.home).page-template-blog section article ul.categories {margin:0 0 calc(var(--gap)/4) 0;}
body:not(.home).single ul.categories li, body:not(.home).page-template-blog section article ul.categories li {padding:0 1rem;background:var(--secondary);color:var(--tertiary);border-radius:var(--radius);list-style-type:none;    line-height:1.6;font-size:.8rem;}
body:not(.home).single ul.categories li::before, body:not(.home).page-template-blog section article ul.categories li::before {display:none;}
body:not(.home).page-template-blog section article ul.categories li {background:var(--tertiary);color:var(--secondary);}

body:not(.home).single ul.categories, body:not(.home).page-template-blog section article ul.categories {display:none;}
body:not(.home).single main section:not(.decalage-top, [role="links"], [role="testimonial"]) img {position:relative;max-width:30%;height:auto;float:left;margin:0 2rem 1rem 0;}

body:not(.home).single main section.container img {position:relative;max-width:90%;float:none;margin:2rem auto;display:block;aspect-ratio:16/9;object-fit:cover;object-position:center;height:fit-content;}
body:not(.home).single main section.container p a.button {margin:2rem auto;}
body:not(.home).single main section.container p a.button::after {z-index:-1;}

/* NEW BURGER MENU */
@media screen and (max-width: 1400px) {
  nav.menu-menu-container {--secondary:inherit;}
  nav.menu-menu-container ul.menu > li {padding-right:0;}
  nav.menu-menu-container a {width:20rem!important;margin-inline:auto;}
  nav.menu-menu-container ul ul.sub-menu li {width:100%;}
  nav.menu-menu-container ul.menu > li {margin-bottom:.5rem;}
  nav.menu-menu-container ul.menu > li.children::after {color:var(--tertiary);right:.2rem;background:var(--secondary);border-radius:50%;aspect-ratio:1/1;display:block;width:1.7rem;height:1.7rem;line-height:1.7;top:.1rem;}
  nav.menu-menu-container > ul.menu li li a, nav.menu-menu-container > ul.menu li:not(.children.active).nav-buttons a:last-child, nav.menu-menu-container > ul.menu li:not(.children.active).nav-buttons a.button, nav.menu-menu-container > ul.menu li:not(.children.active) a {background:#fff;border-radius:var(--radius);color:var(--primary)!important;margin-bottom:.5rem;font-size:1.3rem;line-height:1.5;padding:0 2rem;}
  nav.menu-menu-container > ul.menu li:not(.children.active).nav-buttons a:last-child:hover, nav.menu-menu-container > ul.menu li:not(.children.active).nav-buttons a.button:hover, nav.menu-menu-container > ul.menu li:not(.children.active) a:hover, nav.menu-menu-container ul.menu > li.children:hover > a, nav.menu-menu-container ul.menu > li.children.open > a {background:var(--secondary);color:var(--tertiary)!important;cursor:pointer;}
  nav.menu-menu-container ul.menu li.children li a {font-size:1.1rem!important;}
  nav.menu-menu-container > ul.menu li:not(.children.active).nav-buttons a.button {line-height:1.5;padding:0 2rem;cursor:pointer;}
  nav.menu-menu-container ul.menu > li.children::before {content:'';background:var(--secondary);width:102vw;position:absolute;height:0;top:1rem;z-index:-1;left:calc(-50vw + 10rem);transition:var(--transition);}
  nav.menu-menu-container ul.menu > li.children.open::before {height:calc(100% - 1rem);}
  nav.menu-menu-container ul ul.sub-menu, nav .menu li.children > .sub-menu, nav.menu-menu-container ul ul.sub-menu, nav.menu-menu-container .menu li.children:hover > .sub-menu {height:0;max-height:0;}
  nav.menu-menu-container .menu li.children > .sub-menu {transition:var(--transition);}
  nav.menu-menu-container .menu li.children.open > .sub-menu {height:100%;max-height:20rem;}
}

footer a.consent-manager {cursor:pointer;}
footer a.consent-manager:hover {color:#fff!important;}