/* ====== GLOBAL ====== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700&display=swap');
html,body {margin: 0;padding: 0;font-family: 'Raleway', sans-serif;overflow-x: hidden;min-width: 320px}
::selection {
  color: white;
  background: #db7598;
}
h2 {font-size: 1.8rem;font-weight: 300;font-family: 'Playfair Display', serif;line-height: 1.4}
a {text-decoration: none;transition:all .2s}
p {line-height: 1.8;font-size: 1.2rem}
hr {width: 25%;height: 1px;border: none;background: #d6b981;margin: 40px 0}
hr.white {background: #fff}
ul {list-style: none; margin: 0; padding: 0}
button {outline: none;border:none;transition:all .2s}
.button {background-color: #db7598; color: white; margin-top: 0rem; padding: 0.9375rem 1.875rem; font-size: 1.125rem; font-weight: 200; cursor: pointer; border-radius: 5px}
.button:hover {background-color: #cb376a}
.buttonII {background-color: #fff; color: #db7598; margin-top: 0rem; padding: 20px 20px 20px 0; font-size: 1rem; font-weight: 200; cursor: pointer; border-radius: 5px}
.container {width: 1280px; margin: 0 auto}
.container-fluid {width: 90%; margin: 0 5%}
@media (max-width:1440px){.container-fluid{width: 100%;margin: 0}}
@media (max-width:1366px){.container {width: 1000px; margin: 0 auto}}
@media (max-width:1024px){.container {width: 90%;overflow-x: hidden}p {font-size: 1rem}h2 {font-size: 1.5rem}}
@media (max-width:768px){.container {width: 100%}}

/* ====== scrollToTop ====== */
#scrollToTop {position: fixed;bottom: 20px;z-index: 99}
#scrollToTop.top-on {right:20px;opacity: 1}
#scrollToTop.top-off {right:-55px;opacity: .5}
#scrollToTop .arrow-icon {width: 55px;height: 53px; display:block; margin: 0; position: relative; cursor: pointer; background-color: rgba(255,255,255,.75)}
#scrollToTop .left-bar {position: absolute; background-color: #d6b981; top: 25px; right:24px; width: 20px; height: 3px; display: block; transform: rotate(-35deg); float: right; border-radius: 2px; }
#scrollToTop .right-bar {position: absolute; background-color: #d6b981; top: 25px; right:10px; width: 20px; height: 3px; display: block; transform: rotate(35deg); float: right; border-radius: 2px; }
@media (max-width:1024px){
   #scrollToTop {right: 0;bottom: 0}
   #scrollToTop.top-on {right:0}
}

/* ====== MENU ====== */
header#menu {height:75px;width: 100%;position: absolute; top:0;padding: 50px 0 0;z-index: 99;border-bottom: 0;background-color: rgba(255,255,255,0);transition:all .2s}
header#menu a.domaine {display: block;text-align: center;margin: 5px 0 15px 0}
header#menu a.domaine img {height: 75px;width: 75px;transition:all .2s}
header#menu nav {text-align: center;float:none}
header#menu nav a {cursor: pointer;display: inline-block;margin-top: 0px;padding:29px 28px 26px 28px;font-size:13px;letter-spacing: 1px;font-weight:600;text-transform: uppercase;color:#333;transition:all .2s}
header#menu nav a:hover {color: #d6b981}
header#menu nav a.active {color: #d6b981}
header#menu.sticky,header#menu.fixed {height:75px;width: 100%;position: fixed; top:0;padding: 0;z-index: 99;border-bottom: 1px solid rgba(0,0,0,.1);background-color: rgba(255,255,255,1);transition:all .2s}
header#menu.sticky a.domaine,header#menu.fixed a.domaine {font-family: 'Playfair Display', serif;color: #000;letter-spacing: -.5px;font-size: 1.2rem;margin-top: 5px;display: inline-block;transition:all .2s}
header#menu.sticky a.domaine img,header#menu.fixed a.domaine img {vertical-align: top;height: 50px;width: 50px;margin-top: 8px;transition:all .2s}
header#menu.sticky nav,header#menu.fixed nav {text-align: right;float:right}
header#menu.sticky nav a,header#menu.fixed nav a {cursor: pointer;display: inline-block;margin-top: 0px;padding:32px 28px 28px 28px;transition:all .2s;color: #000;font-size:13px;letter-spacing: 1px;font-weight:600;text-transform: uppercase;}
header#menu.sticky nav a:hover,header#menu.fixed nav a:hover {color: #d6b981}
header#menu.sticky nav a.active,header#menu.fixed nav a.active {color: #d6b981}
@media (max-width:1366px){
	header#menu a.domaine {font-size: 2rem}
   header#menu a.domaine img {height: 75px;width: 75px;transition:all .2s}
	header#menu nav a.main {padding:36px 18px 32px 18px}
}
@media (min-width:1024px){header#menu button.hamburger{display: none}}
@media (max-width:1024px){
	header#menu {height:55px;background: transparent;padding: 0}
	header#menu a.domaine {display: none}
	header#menu nav {text-align: left;background-color:rgba(255,255,255,1);position: absolute;width:35%;right:0;top:56px;z-index: 89}
   header#menu nav a {display: block;}
  	header#menu nav a.main {display: block;margin-top:0px;padding:30px;border-top: 1px solid rgba(0,0,0,.1);}
  	header#menu nav a.main.active {color:#fff;background: #d6b981}
  	header#menu button.hamburger {background: #fff;margin:0;padding:0 0 0 20px;position: absolute;right:0;top:0;display: inline}
   header#menu.sticky,header#menu.fixed {height:55px;width: 100%;position: absolute; top:0;padding: 0;z-index: 99;border-bottom: 1px solid rgba(0,0,0,0);background-color:rgba(255,255,255,1);transition:all .2s}
   header#menu.sticky a.domaine,header#menu.fixed a.domaine {display: none}
   header#menu.sticky nav,header#menu.fixed nav {text-align: left;float:right}
   header#menu.sticky nav a,header#menu.fixed nav a {display: block;}
	.hamburger-box {width: 55px;height: 53px;display: inline-block;position: relative;z-index: 99}
  	.hamburger-inner {display: block;top: 50%}
  	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 33px;height: 3px;background-color: #d6b981;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease}
  	.hamburger-inner::before, .hamburger-inner::after {content: "";display: block}
  	.hamburger-inner::before {top: -10px}
  	.hamburger-inner::after {bottom: -10px}
   .hamburger--arrow.is-active .hamburger-inner {transform: rotate(45deg) scale(1, 1)}
  	.hamburger--arrow.is-active .hamburger-inner::before {opacity: 0;}
  	.hamburger--arrow.is-active .hamburger-inner::after {transform: translate3d(0,-10px, 0) rotate(-90deg) scale(1, 1)}
  	.hamburger-collapse {margin-right:-80% !important;margin-top: -80px;transition:all .2s;display: none;}
}
@media (max-width:767px){
	header#menu {height:55px;background-color:rgba(255,255,255,0)}
	.hamburger-box {width: 50px;height:52px;padding:0}
	header#menu a.domaine {font-size: 1.6rem;margin-left: 3%;margin-top: 2px}
	header#menu a.domaine span {display: none}
	header#menu nav {width:75%;top:55px}
	header#menu nav a.main {padding:20px 30px}
}

/* ====== HERO ====== */
.hero {position: relative; width: 100vw;height: calc(100vh - 250px);display: flex; justify-content: center;padding-top: 250px}
.hero::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../webp/bg-accueil.webp);background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; filter: brightness(100%)}
.hero-content {position: relative;text-align: center; margin: 0; padding: 0px 0 60px 0 }
.hero-content hr {width: 25%;height: 1px;border: none;background: #d6b981;margin: 100px auto 40px auto}
.hero-content h1 {font-size: 5rem; font-weight: 400; margin: 0; font-family: 'Playfair Display', serif; color: #000; line-height: .9}
.hero-content h1 span {display: none}
.hero-content h2 {font-size: 1.8rem; font-weight: 300; margin: 20px 0 20px 0; color: #d6b981; font-family: 'Playfair Display', serif; line-height: 1.4 }
.hero-content h2 span {display: none}
.hero-content h2 strong {color: #cb376a;letter-spacing: -.5px;font-weight: 400}
.hero-content p {color: #5c5a5b;width: 65%;margin: 0 auto;}
.hero-button {background-color: #db7598; color: white; margin-top: 5rem; padding: 0.9375rem 1.875rem; font-size: 1.125rem; font-weight: 200; cursor: pointer; border-radius: 5px; }
.hero-button:hover {background-color: #cb376a}
@media (max-width:1920px){
   .hero {padding-top: 200px;height: calc(100vh - 200px)}
   .hero::before {background-position: center top}
}
@media (max-width:1680px){
   .hero::before {background: url(../webp/bg-accueil-1440.webp) no-repeat top;background-size: cover;}
}
@media (max-width:1366px){
   .hero {padding-top: 180px;height: calc(100vh - 180px)}
   .hero::before {background: url(../webp/bg-accueil.webp) no-repeat center;background-size: cover;}
}
@media (max-width:1366px){
   .hero::before {background: url(../webp/bg-accueil-1280.webp) no-repeat center;background-size: cover;}
}
@media (max-width:1024px){
   .hero {padding: 80px 0 180px 0;height: 100%}  
   .hero-content {margin: 0rem;padding: 0px}
   .hero-content hr {margin: 0% auto 40px auto;opacity: 0;}
   .hero-content h1 {font-size: 2.5rem}
   .hero-content h2 {font-size: 1.5rem}
   .hero-content p {width: 90%}
}
@media (max-width:768px){
   .hero {padding: 50px 0 120px 0;height: 100%}
   .hero::before {background: url(../webp/bg-accueil-768.webp) no-repeat center;background-size: cover;}
}
@media (max-width:767px){
   .hero-content h1 span {display: inline}
   .hero-content h2 span {display: inline}
   .hero-content p {width: 90%;}
   .hero-button {padding: 20px;width: 80%;}
}

/* ====== SUBTITLE ====== */
#subtitle {padding: 80px 0 120px 0;background: url(../webp/bg-accueil-2.webp); background-repeat: no-repeat; background-size: cover; background-position: center;text-align: center}
#subtitle hr {width: 25%;height: 1px;border: none;background: #d6b981;margin: 40px auto 40px auto}
#subtitle p {color: #5c5a5b;width: 65%;margin: 0 auto}
@media (max-width:1024px){
   #subtitle {padding: 80px 0 120px 0;background-size: contain;background-position: left bottom}
   #subtitle p {width: 90%}
}

/* ====== LISTE SERVICE ====== */
#list-service {background: #f8f9f6;padding: 50px 0}
#list-service ul {display: flex;text-align: center}
#list-service ul li {flex: 1}
#list-service ul li:nth-child(1) {padding: 20px 20px 20px 0}
#list-service ul li:nth-child(2) {padding: 20px}
#list-service ul li:nth-child(3) {padding: 20px}
#list-service ul li:nth-child(4) {padding: 20px}
#list-service ul li:nth-child(5) {padding: 20px 0 20px 20px}
#list-service ul li .content {padding: 30px 10px 0 10px;border: 1px solid #d6b981;height: 100%}
#list-service ul li .content img {width: 80px;height: 80px;opacity: .9}
#list-service ul li .content h4 {color: #000;font-weight: 400;text-transform: uppercase;font-size: 1rem;letter-spacing: 1px;opacity: .9;line-height: 1.4}
#list-service ul li .content p {color: #909090;font-size: 1rem;padding: 0 5%}
@media (max-width:1440px){
   #list-service ul li:nth-child(1) {padding: 10px 10px 10px 20px}
   #list-service ul li:nth-child(2) {padding: 10px}
   #list-service ul li:nth-child(3) {padding: 10px}
   #list-service ul li:nth-child(4) {padding: 10px}
   #list-service ul li:nth-child(5) {padding: 10px 20px 10px 10px}
   #list-service ul li .content p {padding: 0 2%}
}
@media (max-width:1366px){
   #list-service ul li:nth-child(1) {padding: 5px 5px 5px 10px}
   #list-service ul li:nth-child(2) {padding: 5px}
   #list-service ul li:nth-child(3) {padding: 5px}
   #list-service ul li:nth-child(4) {padding: 5px}
   #list-service ul li:nth-child(5) {padding: 5px 10px 5px 5px}   
}
@media (max-width:1024px){
   #list-service ul li .content h4 {font-size: .9rem}
   #list-service {padding-bottom: 0;}
   #list-service ul {display: block;text-align: center}
   #list-service ul li {width: 90%;display: inline-block;margin-bottom: 20px;vertical-align: top}
   #list-service ul li:nth-child(1) {padding: 0}
   #list-service ul li:nth-child(2) {padding: 0}
   #list-service ul li:nth-child(3) {padding: 0}
   #list-service ul li:nth-child(4) {padding: 0}
   #list-service ul li:nth-child(5) {padding: 0}
}
@media (max-width:768px){

}

/* ====== SUBTITLE ====== */
#phrase {padding: 150px 0;background: url(../webp/bg-meditation-pleine-conscience.webp); background-repeat: no-repeat;background-attachment: fixed; background-size: cover; background-position: center;text-align: center}
#phrase h2 {color: #333}
#phrase hr {width: 25%;height: 1px;border: none;background: #d6b981;margin: 40px auto 0 auto}
#phrase .container {background: rgba(255,255,255,.9);padding: 50px 0 70px 0;border-radius: 5px}
@media (max-width:1024px){
   #phrase {padding: 120px 0;background-attachment: scroll}
}

/* ====== PARALLAX ====== */
.parallax {padding: 80px 0 80px 0;margin: 80px auto 00px auto;text-align: center;background: url(../webp/bg-accueil-3.webp) no-repeat center;background-size: cover;background-attachment: fixed;background-color: #f8f9f6;}
.parallax hr {width: 25%;height: 1px;border: none;background: #d6b981;margin: 40px auto 40px auto}
.parallax h2 small {color: #db7598}
.parallax p {color: #5c5a5b;width: 75%;margin: 0 auto;text-align: justify;text-align-last: center;font-size: 1rem}
.parallax button {margin-top: 50px;}
.parallax .content {background: rgba(255,255,255,.9);padding: 50px 0 70px 0}
@media (max-width:1365px){
   .parallax h2 {width: 90%;margin-left: auto;margin-right: auto}
   .parallax p {width: 90%}
}
/* ====== PARALLAX Massage ====== */
.parallax.massage {padding: 80px 0 80px 0;margin: 80px auto 00px auto;text-align: center;background: url(../webp/bg-massage.webp) no-repeat center;background-size: cover;background-attachment: fixed;background-color: #f8f9f6;}
.parallax.massage hr {width: 25%;height: 1px;border: none;background: #d6b981;margin: 40px auto 40px auto}
.parallax.massage h2 small {color: #db7598}
.parallax.massage p {color: #5c5a5b;width: 76%;margin: 0 auto;text-align: justify;text-align-last: center;font-size: 1rem}
.parallax.massage p.tarif {color: #db7598;margin: 20px auto}
.parallax.massage button {margin-top: 50px;}
.parallax.massage .content {background: rgba(255,255,255,.9);padding: 50px 0 70px 0}
@media (max-width:1365px){
   .parallax.massage h2 {width: 90%;margin-left: auto;margin-right: auto;}
   .parallax.massage p {width: 90%}
}

/* ====== PARALLAX Méditation-citation ====== */
.parallax.meditation-citation {padding: 80px 0 80px 0;margin: 80px auto 00px auto;text-align: center;background: url(../webp/bg-meditation-citation.webp) no-repeat right;background-size: cover;background-attachment: fixed;background-color: #f8f9f6;}
.parallax.meditation-citation img {margin-bottom: 30px}
.parallax.meditation-citation small {font-weight: 700}

/* ====== PARALLAX Méditation ====== */
.parallax.meditation {padding: 80px 0 80px 0;margin: 80px auto 00px auto;text-align: center;background: url(../webp/bg-meditation-ados.webp) no-repeat center;background-size: cover;background-attachment: fixed;background-color: #f8f9f6}
.parallax.meditation hr {width: 25%;height: 1px;border: none;background: #d6b981;margin: 40px auto 40px auto}
.parallax.meditation h2 small {color: #db7598}
.parallax.meditation p {color: #5c5a5b;width: 76%;margin: 0 auto;text-align: justify;text-align-last: center;font-size: 1rem}
.parallax.meditation p.tarif {color: #db7598;margin: 20px auto}
.parallax.meditation button {margin-top: 50px;}
.parallax.meditation .content {background: rgba(255,255,255,.9);padding: 50px 0 70px 0}
@media (max-width:1365px){
   .parallax.meditation h2 {width: 90%;margin-left: auto;margin-right: auto}
   .parallax.meditation p {width: 90%}
}

/* PREZ-INV */
.prez-inv {display: flex;margin: 120px 0 80px 0}
.prez-inv .text {flex: 1;text-align: center;padding-left: 5%}
.prez-inv hr {width: 25%;height: 1px;border: none;background: #d6b981;margin: 40px auto 40px auto}
.prez-inv .text h2 {}
.prez-inv .text p {margin-bottom: 0px;font-size: 1rem;text-align: justify;text-align-last: center;color: #555}
.prez-inv .text p span {color:#555}
.prez-inv .text .button {margin-top: 4rem}
.prez-inv .img {flex: 1;margin-top:0px}
.prez-inv .img img {width: 608px;height: 501px}
@media (max-width:1280px){
   .prez-inv .text .button {display: none}
   .prez-inv .img img {width: 100%;height: auto}
}
@media (max-width:1024px){
   .prez-inv {display: block;margin: 80px 0;}
   .prez-inv .text p {width: 90%;margin: 30px auto 50px auto}
   .prez-inv .text {text-align: center;padding: 0;margin-top: 50px;}
   .prez-inv .img {margin-top:0px}
   .prez-inv .img img {width: 80%;height: auto;margin: 0 10%}
}

/* accordion */
#accordion {display: flex}
#accordion h3 {font-weight: 300;color: #db7598;line-height: 0;font-style: italic}
#accordion h4 {color: #db7598;margin-top: 40px;font-weight: 400;line-height: 1.5}
#accordion .accordion {background-color: #f8f9f6;font-size:13px;letter-spacing: 1px;border: 1px solid #d6b981;font-weight:300;text-transform: uppercase;cursor: pointer; padding: 18px; width: 100%; text-align: left; outline: none;transition: 0.4s;margin-top: 20px;}
#accordion .accordion.active, #accordion .accordion:hover {background-color: #d6b981;color: #fff;text-shadow: .5px .5px 1px #AA946A;transition: 0.2s}
#accordion .accordion:after {content: '\002B';color: #333;font-size: 1.2rem;font-weight: 300;line-height: 0.7;float: left; margin-right: 12px;transition: 0.2s}
#accordion .accordion.active:after {content: '\2212';color: #fff;font-size: 1.2rem;font-weight: 300;line-height: 0.7;float: left; margin-right: 12px;transition: 0.2s}
#accordion .accordion:hover:after {content: '\2212';color: #fff;font-size: 1.2rem;font-weight: 300;line-height: 0.7;float: left; margin-right: 12px;transition: 0.2s}
#accordion .panel {padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;background: #fff;}
#accordion .panel p {font-size: 1rem;text-align: justify;color: #333;}
#accordion .text {flex: 1;text-align: center;padding-right: 5%;}
#accordion .img{flex: 1;margin-top:50px}
#accordion .img img {width: 608px;height: 501px}
@media (max-width:1280px){
   #accordion {padding-bottom: 10px;}
   #accordion .img img {width: 100%;height: auto}
}
@media (max-width:1023px){
   #accordion {display: block;margin-top: -30px;}
   #accordion .text {padding: 0 5%;}
   #accordion .img img {display: none;}
}

/* avis */
#avis {text-align: center;padding: 50px 0 120px 0;background: url('../webp/avis-dieteticienne-nutritionniste-tours.webp') no-repeat center;background-size: cover;background-attachment: fixed;margin-top: 50px;}
#avis p.icon-text {color: #DB7598;line-height:1;font-size:.9rem}
#avis h2 {color: #000}
#avis ul {display: flex;height: 100%;margin-top: 50px}
#avis ul li {flex: 1;padding: 20px 0}
#avis ul li .item {display: block;width: 100%;padding: 50px 0 0}
#avis ul li .item.item-1 {background: #DB7598;height: 100%}
#avis ul li .item.item-1 strong {display: block;font-size: 8rem;color: #fff}
#avis ul li .item.item-1 .liste-etoile {display: block;margin-bottom: 80px}
#avis ul li .item.item-1 img.etoile {width: 132px;height: 24px}
#avis ul li .item.item-1 a {background: #fff;color: #DB7598;text-shadow:none}
#avis ul li .item.item-1 a:hover {color: #333}
#avis ul li .item.item-2 {background: #fff;height: 100%}
#avis ul li .item.item-3 {background: #fff;border-left: 1px solid #DDDDDB;height: 100%}
#avis ul li .item.item-2 p.citation,
#avis ul li .item.item-3 p.citation {font-size: .9rem;padding: 0 75px;font-style: italic;color: #666}
#avis ul li .item.item-2 img.etoile,
#avis ul li .item.item-3 img.etoile {width: 70px;height: 13px}
#avis ul li .item.item-2 p small,
#avis ul li .item.item-3 p small {font-weight: 700}
#avis ul li .item.item-2 p small span,
#avis ul li .item.item-3 p small span {color: #999;font-weight: 400}
@media (max-width:1366px){
   #avis ul li .item.item-2 p.citation,
   #avis ul li .item.item-3 p.citation {padding: 0 45px}
}
@media (max-width:1024px){
   #avis {padding: 100px 0;}
   #avis ul {display: block;height: 100%;width: 92%;margin: 50px auto 0 auto;}
   #avis ul li .item.item-1 {background: #DB7598;height: 100%;padding: 50px 0;}
   #avis ul li .item.item-1 .liste-etoile {margin-bottom: 40px}
   #avis ul li .item.item-1 strong {font-size: 5rem}
   #avis ul li .item.item-2,
   #avis ul li .item.item-3 {padding: 50px 0 20px 0;}
   #avis ul li .item.item-2 p.citation,
   #avis ul li .item.item-3 p.citation {padding: 0 20px}
}

/* ====== Footer ====== */
footer {background: url(../webp/bg-footer.webp) no-repeat top center;background-size: cover;background-attachment: fixed;padding: 115px 0 0}
footer.second {background: #fff;padding:0}
footer .footer {display: flex}
footer .left {flex: 1}
footer .left .qsn {font-size: 18px;margin-bottom: 45px;}
footer .left .qsn h3 {margin-bottom: 15px;color: #000;font-weight: 400px;font-size: 18px}
footer .left .qsn p {color: #5c5a5b;font-size: 1rem;text-align: justify;}
footer .left .qsn:last-child {margin-bottom: 0px}
footer .right {flex: 1;padding-left: 80px}
footer .right .text {display: inline-block;vertical-align: middle}
footer .right .text h4{font-size: 2rem;color: #000;font-weight: 300;font-family: 'Playfair Display', serif;line-height: 1.4;margin: 0}
footer .right .text img.identity {display: inline-block;vertical-align: middle;height: 144px;width: 120px;margin-top: 20px;}
footer .right .text p.keyword {display: inline-block;vertical-align: middle;color: #d6b981;margin: 20px 0 0 10px;font-size: 1rem;line-height: 1.8}
footer .right .text hr {width: 100%;height: 1px;border: none;background: #d6b981;margin: 30px auto 20px auto}
footer .right .button {background-color: #db7598; color: white; margin-top: 3rem; padding: 0.9375rem 1.875rem; font-size: 1.125rem; font-weight: 200; cursor: pointer; border-radius: 5px; }
footer .right .button:hover {background-color: #cb376a}
footer .right p {font-size: 1.1rem;line-height: 2.5;}
footer .right p small {color: #5c5a5b}
footer .right .img img {width: 608px;height: 501px:;margin-top: 50px}
footer .bottom {border-top: 1px solid #d6b981;padding: 50px 0;margin-top: 120px}
footer .bottom img {width: 75px;margin-left: 55px;}
footer .bottom .widget {display: inline-block;width: 25%;vertical-align: top}
footer .bottom .widget h6 {font-size: 16px;color: #000;font-weight: 400;margin-bottom: 20px}
footer .bottom .widget p {font-size: 13px;letter-spacing: .65px;color: #909090}
footer .bottom .widget a {color: #d6b981;text-decoration: underline}
footer .bottom .widget a:hover {text-decoration: none}
footer .bottom .widget.widget1 {}
footer .bottom .widget.widget1 a {margin: 10px 0 0;color: #000;font-size: 1.1rem;text-decoration: none;display: block}
footer .bottom .widget a.item {color: #db7598}
footer .copyright {text-align: center;font-size: .8rem;background: #333;color: #f1f1f1;padding: 10px 5%;letter-spacing: 1px;}
footer .copyright a {color: #d6b981}
footer .copyright span {color: #db7598}
@media (max-width:1366px){
   footer .right {padding-left: 50px}
   footer .right .img img {width: 100%;height: auto:;margin-top: 80px}
}
@media (max-width:1023px){
   footer {background: none;padding: 65px 0 0}
   footer .footer {display: block;}
   footer .left {width: 90%;margin: 0 auto;}
   footer .left .qsn h3 {font-size: 1.1rem}
   footer .right .info-contact {display: none}
   footer .right .text {display: block;margin-top: 50px;text-align: center}
   footer .right .text hr {display: none}
   footer .bottom {border-top: 1px solid #d6b981;padding: 50px 0;width: 90%;margin:80px auto 0 auto;text-align: center}
   footer .bottom .widget {display: block;width: 100%}
   footer .bottom img {width: 75px;margin-left: 0px}
}

/* ====== HERO II ====== */
.heroII {position: relative; width: 100%; height: 180px;margin-top: 75px;display: flex; justify-content: center; align-items: center;background-size: cover;text-align: center;}
.heroII.diet {background: url(../webp/bg-dieteticienne.webp) no-repeat center;background-size: cover}
.heroII.pare {background: url(../webp/bg-accompagement-parentalite.webp) no-repeat center;background-size: cover}
.heroII.medi {background: url(../webp/bg-meditation.webp) no-repeat center;background-size: cover}
.heroII h1 {font-size: 2rem;font-weight: 300;font-family: 'Playfair Display', serif; margin-bottom: 0}
.heroII h2 {line-height: .8;font-size: 1.4rem;color: #db7598;margin-top: 10px}
.heroII h2 i {color: #d6b981}
@media (max-width:1365px){
   .heroII {width: 90%;margin: 60px auto 0 auto;}
}

/* ====== FLEX ====== */
.flex {display: flex;margin-top: 50px;text-align: justify;text-align-last: left}
.flex .flex-item {flex: 1;}
.flex .flex-item.left {padding-right: 80px;}
.flex .flex-item.left h2 {color: #d6b981}
.flex .flex-item.left ul {margin-top: 30px}
.flex .flex-item.left ul li {margin-top: 15px;color: #333;font-size: 1rem;display: block;vertical-align: middle}
.flex .flex-item.left ul li img {width: 20px;margin-right: 2px;display: inline-block;vertical-align: middle}
.flex .flex-item.left p {font-size: 1rem}
.flex .flex-item.left p strong.prix {color: #db7598}
.flex .flex-item.left p span {color: #000}
.flex .flex-item.left small.txt {font-size: .9rem;line-height: 1.8;color: #333;border-left: 1px solid #db7598;display: block;padding-left: 20px}
.flex .flex-item.left p.tarif {color: #db7598}
.flex .flex-item.right img.one {width: 608px;height: 501px;margin-top: 50px}
.flex .flex-item.right img.two {width: 608px;height: 912px;margin-top: 50px}
.flex .flex-item.right img.three {width: 100%;margin-top: 50px}
.flex .flex-item.right .text {display: inline-block;vertical-align: middle}
.flex .flex-item.right .text h4{font-size: 2rem;color: #000;font-weight: 300;font-family: 'Playfair Display', serif;line-height: 1.4;margin: 0}
.flex .flex-item.right .text p.keyword {color: #db7598;margin: 20px 0 0;font-size: 1.1rem;line-height: 2;margin-bottom: 20px}
.flex .flex-item.right .text i {color: #666;font-size: 1rem;line-height: 1.8}
.flex .flex-item.right .text .button {margin-top: 2rem;}
.flex .flex-item.right .text hr {width: 100%;height: 1px;border: none;background: #d6b981;margin: 40px auto 40px auto}
.flex p {color: #5c5a5b}
@media (max-width:1366px){
   .flex .flex-item {flex: 1}
   .flex .flex-item.left {width: 60%;padding-right: 80px}
   .flex .flex-item.right {width: 40%}
   .flex .flex-item.left h3{font-size: 1.1rem}
   .flex .flex-item.left ul li img {width: 18px}
}
@media (max-width:1365px){
   .flex {display: block;width: 90%;margin: 50px auto 0 auto}
   .flex .flex-item {flex: none;display: block;width: 100%}
   .flex .flex-item.left {width: 100%;padding: 0;margin-left:0;margin-right: 0;}
   .flex .flex-item.right {width: 100%}
   .flex .flex-item.right .text h4 {margin-top: 50px}
   .flex .flex-item.right img.one {width: 100%;height: auto;margin: 50px auto 0 auto}
   .flex .flex-item.right img.two {width: 100%;height: auto;margin: 20px auto 0 auto}
}
/* ====== FLEX-INV ====== */
.flex-inv {display: flex;margin-top: 50px;text-align: justify;text-align-last: left}
.flex-inv .flex-item {flex: 1;}
.flex-inv .flex-item.right {padding-left: 80px;}
.flex-inv .flex-item.right h2 {color: #d6b981}
.flex-inv .flex-item.right ul {margin-top: 30px;}
.flex-inv .flex-item.right ul li {margin-top: 15px;color: #333;font-size: 1rem;display: block;vertical-align: middle}
.flex-inv .flex-item.right ul li img {width: 20px;margin-right: 2px;display: inline-block;vertical-align: middle}
.flex-inv .flex-item.right p {font-size: 1rem}
.flex-inv .flex-item.right small.txt {font-size: .9rem;line-height: 1.8;color: #333;border-left: 1px solid #db7598;display: block;padding-left: 20px;}
.flex-inv .flex-item.right p.tarif {color: #db7598}
.flex-inv .flex-item.left img.one {width: 608px;height: 501px;margin-top: 0px}
.flex-inv .flex-item.left .text {display: inline-block;vertical-align: middle}
.flex-inv .flex-item.left .text h4{font-size: 2rem;color: #000;font-weight: 300;font-family: 'Playfair Display', serif;line-height: 1.4;margin: 0}
.flex-inv .flex-item.left .text p.keyword {color: #db7598;margin: 20px 0 0;font-size: 1.1rem;line-height: 2}
.flex-inv .flex-item.left .text .button {margin-top: 2rem;}
.flex-inv .flex-item.left .text hr {width: 100%;height: 1px;border: none;background: #d6b981;margin: 40px auto 40px auto}
.flex-inv p {color: #5c5a5b}
@media (max-width:1366px){
   .flex-inv .flex-item {flex: 1;}
   .flex-inv .flex-item.left {width: 50%;padding-right: 0px;}
   .flex-inv .flex-item.right {width: 50%;}
   .flex-inv .flex-item.left h3{font-size: 1.1rem}
   .flex-inv .flex-item.left ul li img {width: 18px}
   .flex-inv .flex-item.left img.one {width: 100%;height: auto;margin-top: 0px}
}
@media (max-width:1365px){
   .flex-inv {display: block;width: 90%;margin: 50px auto 0 auto;}
   .flex-inv .flex-item {flex: none;display: block;width: 100%;}
   .flex-inv .flex-item.left {width: 100%;padding: 0;margin-left:0;margin-right: 0;}
   .flex-inv .flex-item.right {width: 100%;padding: 0;}
   .flex-inv .flex-item.right .text h4 {margin-top: 50px;}
   .flex-inv .flex-item.left img.one {width: 100%;height: auto;margin: 50px auto 50px auto}
}

/* MODAL */
.modal {overflow:auto;display: none;background: rgba(0, 0, 0, .7);height: 100%;position: fixed;width: 100%;top: 0;z-index: 99}
.modal .container {background: #fff;margin-top: 15vh;border-radius: 5px;box-shadow: 0px 0px 26px 0px rgb(0 0 0 / 25%)}
.modal .container .close {height: 50px;float: right;margin-right: 15px;margin-top: 15px;transition: .15s ease-in-out;opacity: .5}
.modal .container .close:hover {opacity: 1;cursor: pointer}
.modal .container .content {padding: 25px 50px 50px 50px}
.modal .container .content h4 {font-family: 'Playfair Display', serif;font-size:1.8rem;font-weight: 300;display: inline-block;margin: 20px 0 25px 0;}
.modal .container .content p {color: #333}
.modal .container .content ul li {line-height: 1.4;font-size: 1rem;margin-bottom: 10px;color: #333}
.modal .container .content ul li span {color: #db7598;font-size: 1.5rem;line-height: 1;margin-right: 5px;}

/* CONTACT */
#contact {text-align: center;padding-top: 120px;background: url(../webp/bg-meditation-pleine-conscience.webp) no-repeat center;background-size: cover;background-attachment: fixed;}
#contact .container {background: rgba(255,255,255,.75);margin-top: 0px;padding: 50px 0;}
h1.icon-text {color: #d6b981;font-weight: 400;font-size: 1.6rem;}
#contact h2.second {color: #db7598;font-family: 'Playfair Display', serif;font-size: 1.4rem;font-weight: 300;font-style: italic}
#contact .text-contact {margin: 45px auto 40px auto;width: 75%;text-align: justify;text-align-last: center}
#contact .content-contact {width: 90%;margin: auto;}
#contact .content-contact .infos-contact {width :50%;margin-right: 0%;display: inline-block;vertical-align: top}
#contact .content-contact .infos-contact {text-align: left}
#contact .content-contact .infos-contact ul {display: block;margin-top: 60px}
#contact .content-contact .infos-contact ul li {display: inline-block;width:95%;margin-bottom: 30px}
#contact .content-contact .infos-contact ul li:last-child {margin-bottom: 5px}
#contact .content-contact .infos-contact ul li .item {padding: 10px 20px 10px 0;background: rgba(255,255,255,.9);margin-bottom: 1px;border-left: 50px solid #db7598}
#contact .content-contact .infos-contact ul li .item.second {border-left: 50px solid #f1f1f1}
#contact .content-contact .infos-contact ul li .item img {height: 25px;display: inline-block;vertical-align: middle;margin-left: -35px}
#contact .content-contact .infos-contact ul li .item p {display: inline-block;;margin: 5px 0 0 20px;padding: 0;font-size: 1.2rem;font-weight: 400;vertical-align: middle;color:#000;}
#contact .content-contact .infos-contact ul li .item p small {font-weight: 400}
#contact .content-contact .infos-contact ul li a.item {font-size: 1.2rem;color:#db7598;padding: 20px 0;display: block}
#contact .content-contact .infos-contact ul li a.item p {transition: all .2s}
#contact .content-contact .infos-contact ul li a.item:hover p {color: #db7598}
#contact .content-contact .infos-contact p.info {font-size: 1rem;padding-right:40px;text-align: justify;margin-top: 40px}
#contact .content-contact .formulaire {width :50%;text-align: left;display: inline-block;vertical-align: top}
#contact .content-contact .formulaire form {}
#contact .content-contact .formulaire form label {display: block;color:#000;margin-bottom: -10px;margin-top:30px;font-size: 1.1rem;margin-left: 0%}
#contact .content-contact .formulaire form label span {color:#cc3333}
#contact .content-contact .formulaire form input[type=text],.popup form input[type=date],.popup form input[type=number] {border: none;border-radius: 3px;transition:all .2s;background: rgba(255,255,255,.9);font-size: 1rem;width: 95%;padding:15px;margin-left: 0%}
#contact .content-contact .formulaire form input[type=text]:focus,.popup form input[type=date]:focus,.popup form input[type=number]:focus,.popup form textarea:focus {border: none;outline: none}
#contact .content-contact .formulaire form textarea {padding: 15px 15px;border: none;border-radius: 3px;background: rgba(255,255,255,.9);font-size: 1rem;box-sizing: border-box;max-width: 100%;margin-left: 0%}
#contact .content-contact .formulaire .button {display: block;width: 100%; margin-top: 20px;} 
#ajaxResponseFail {display:none;width:95%;padding: 20px;margin-top: 20px;margin-bottom: 20px;margin-left: 0%;text-align: center;border: 1px solid #cc3333;border-radius: 3px;background: #ffcccc;color:#cc3333}
#ajaxResponseSuccess {display:none;width:95%;padding: 20px;margin-top: 20px;margin-bottom: 20px;margin-left: 0%;text-align: center;border: 1px solid #669933;border-radius: 3px;background: #ccff99;color:#669933}
#ajaxResponseFail a {color:#cc3333;font-size: 1.4rem}
#contact .content-contact .map {width :100%;display: inline-block;vertical-align: top;margin-top: 60px}
#contact .content-contact #map{height:500px;position:relative;width:100%}
@media (max-width:1024px){
   #contact {text-align: center;padding-top: 55px}
   #contact h1 {width: 90%;margin-left: auto;margin-right: auto}
   #contact .content-contact .infos-contact ul li {width:100%;margin-bottom: 30px}
   #contact .content-contact .infos-contact {width :100%;display: block}
   #contact .content-contact .infos-contact p.info {padding-right:0px;}
   #contact .content-contact .formulaire {width :100%;text-align: left;display: block}
}