@font-face { font-family: 'family=Oswald'; src: url(../Oswald-Regular.ttf) format(truetype);font-display: swap;}
@font-face { font-family: 'Oswald'; font-style: NORMAL; font-weight:400; src: url(../Oswald-Regular.ttf) format('truetype');font-display: swap;}
@font-face { font-family: 'family=Quicksand'; src: url(../Quicksand-VariableFont_wght.ttf) format(truetype);font-display: swap;}
@font-face { font-family: 'Quicksand'; font-style: NORMAL; font-weight:400; src: url(../Quicksand-VariableFont_wght.ttf) format('truetype');font-display: swap;}
@font-face { font-family: 'family=Comfortaa'; src: url(../Comfortaa-Regular.ttf) format(truetype);font-display: swap;}
@font-face { font-family: 'Comfortaa'; font-style: NORMAL; font-weight:400; src: url(../Comfortaa-Regular.ttf) format('truetype');font-display: swap;}
BODY{margin:0;padding:0;font-size:18px;font-family: 'Quicksand', sans-serif;font-size:20px;color:#65211E;background-color:#FFF9F5;height:100%}
h1{font-family: "Comfortaa", sans-serif;font-size:60px;padding:0;margin:0;color:#65211E;text-align:center;font-weight:100;font-style:italic;text-shadow: 0px 0px 9px #777}
h2{font-family: "Comfortaa", sans-serif;font-size:50px;padding:0;margin:0;color:#65211E;text-align:center;font-weight:100;font-style:italic;text-shadow: 0px 0px 9px #777}
h3{font-family: "Comfortaa", sans-serif;font-size:36px;padding:0;margin:0;color:#65211E;text-align:center;font-weight:100;font-style:italic;text-shadow: 0px 0px 9px #777}
a:link, a:visited {text-decoration:none}
a:hover{text-decoration:none}
.bg-fixe { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.facebook {margin-top:8px}
#divmenu{width:100%;text-align:center;z-index:1000000000;position:absolute;top:50px}
.fixNavigation{z-index:1000000000;position:fixed !important;transition:all .5s; background:linear-gradient(90deg, rgba(234,19,155,0.7), rgba(250,73,22,0.8)) !important;top:0 !important;}
.massage {width:70%; max-width:1200px; margin:140px auto 140px auto; overflow:hidden; box-shadow: 1px 1px 28px #CCC; border:#CCC 1px solid; min-height:630px; padding:50px; border-radius:15px;background-color: rgba(250, 250, 250, 0.7)}
.massage h2 {font-family: "Comfortaa", sans-serif;font-size:50px;text-align:left}
.sophrologie {width:100%;text-align:center;z-index:10000;position:absolute;top:35%;}
.sophrologie h1 {color:#FFF}
.news {width:auto;text-align:center;margin:10px auto }
.news-in {width:100%; max-width:1300px; text-align:center;margin:0 auto;}
.actus {overflow:hidden; width:250px; margin:35px; border:#CCC 1px solid; border-radius: 10px; display:inline-block;background-color:#FFF; cursor:pointer; vertical-align:top; transition:all .5s;}
.actu {height:300px; width:250px; margin:0; border:#CCC 1px solid; border-radius: 10px; vertical-align:top; transition:all .5s;}
.actus .date { font-size:16px;color:#000;}
.actus .txt { overflow:hidden;height:178px;font-size:14px;color:#000; padding:10px; margin:0; text-align:justify; background:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.0));border-radius: 10px 10px 0 10px;transition:all .5s;}
.actus .txtfull {background-color:#F4F4F4; overflow:hidden;height:370px;font-size:14px;padding:15px; margin:0; text-align:justify;border-radius: 10px 10px 0 10px; }
.actus h2 {font-family: "Comfortaa", sans-serif;font-weight:100;font-size:26px;text-align:center;padding:0;color:#000}
.actus:hover .txt { background-color: rgba(196, 155, 72, 0.8);transition:all .5s; }
.massage_div { width:300px; min-height:300px; background-color:#F4E7CC;border:1px #000000 solid;transition:all .5s;vertical-align:top;border-radius:15px}
.massage_homme { width:300px; height:300px; background-size:cover;border-radius:15px 15px 0 0;}
.masseusetxtimg {color:#666; padding:8px; font-size:16px}
.massage_villeneuve-loubet {overflow:hidden;max-width:80%; margin:60px auto;z-index:100;position:relative;}
.txt1 {margin:0 auto;padding:80px;text-align:justify;color:#65211E;width:80%;background-color:#EEF3F2;border-radius:30px;box-sizing: border-box;}
.txt1 a:link {color:#F33; font-weight:bold;transition:all .5s; font-style:italic;font-size:22px;}
.txt1 a:visited {color:#F33; font-weight:bold;transition:all .5s; font-style:italic;font-size:22px;}
.txt1 a:hover{color:#F3F;transition:all .5s; font-style:italic}
.txt1 h2{font-family: "Comfortaa", sans-serif;font-size:36px;padding:40px 0 20px 0;margin:0;color:#65211E;text-align:center;font-weight:100;font-style:italic;}
.txt1 h3{font-family: "Comfortaa", sans-serif;font-size:30px;padding:0;margin:0;color:#65211E;text-align:center;font-weight:100;font-style:italic;}
.txt2 {padding:0;text-align:justify;color:#65211E;display:table;width:100%;background-color:#F4F4F4}
.txt2 a:link{color:#019cc8}
.txt2 a:visited{color:#019cc8}
.txt2 a:hover{color:#012a8d}
.txtpetit {font-size:14px}
.txtpetit a:link, a:visited, a:hover {font-size:14px}
.txtpetit10 {font-size:10px}
.shiatsu {width:100%; background-color:#FFF; overflow:hidden}
.massage_femme {width:100%;margin:0;padding:0;display:block;line-height:0}
.massage_femme img {display:block;width:100%;height:auto;vertical-align:bottom}
.contact1{ text-align:center}
.tabletexte{display:table-cell;width:48%;overflow:hidden;font-size:20px;vertical-align:middle;padding:30px 50px 50px 30px;margin:0;background-color:#FFF9F5;height:100%;text-align:justify;color:#65211E}
.tabletexte  a:link, a:visited {color:#2241AC;transition:all .5s}
.tabletexte  a:hover {color:#345254;transition:all .5s}
.tabletexte2{display:table-cell;width:48%;overflow:hidden;font-size:20px;vertical-align:middle;padding:30px 50px 50px 30px;margin:0;height:100%;text-align:justify;color:#65211E}
.massages{display:table-cell;width:50%;vertical-align:top;margin:0;padding:0;background-color:#FFF9F5;height:100%}
.massages2{display:table-cell;width:50%;vertical-align:top;margin:0;padding:0; height:100%}
.slidebackground{background-repeat:no-repeat;background-position:left center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:100%;min-height:700px;height:100%}
.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;z-index:100;height:620px}
.rslides li {position:absolute;top:0;left:0;width:100%;height:620px;opacity:0;visibility:hidden;transition:opacity .8s ease-in-out;z-index:1}
.rslides li.active {opacity:1;visibility:visible;z-index:2}
.rslides img {display:block;width:100%;height:620px;object-fit:cover}
.centered-btns_tabs {position:relative;margin-top:-55px;text-align:center;z-index:1000;list-style:none;padding:0}
.centered-btns_tabs li {display:inline-block;margin-right:5px}
.centered-btns_tabs button {overflow:hidden;border-radius:20px;background:rgba(0,0,0,.2);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);width:15px;height:15px;border:#CCC 1px solid;margin:5px;padding:0;cursor:pointer;transition:background .3s}
.centered-btns_tabs li.centered-btns_here button {background:rgba(0,0,0,.8)}
.centered-btns_tabs button:hover {background:rgba(0,0,0,.5)}
input,textarea,select{border-radius:5px;font-size:14px;font-family:Verdana,Geneva,sans-serif;color:#4d4a49;padding:5px;margin:4px;font-weight:100;width:300px;border:solid 1px #dcdcdc}
input:focus,textarea:focus,select:focus{border:solid 1px #000;box-shadow:0 0 2px 2px #a4d38e}
input[type="checkbox"] {transform: scale(2); margin-right: 10px;}
.bouton{background-color:#FFF8F3;cursor:pointer;width:300px;font-size:20px;transition:all .5s}
.bouton:hover{background-color:#C4B5AC;transition:all .5s}
.basliens{width:100%;text-align:center;margin:0;height:360px;bottom:0; clear:both}
.basliens a:link{color:#FFF;transition:all .5s}
.basliens a:visited{color:#FFF;transition:all .5s}
.basliens a:hover{color:#FEE062;transition:all .5s}
.massage_domicile-villeneuve-loubet {width:auto; text-align:center}
.bas{width:60%;overflow:hidden;text-align:center;margin:0 auto;padding:90px 0; color:#FFF; height:550px}
.nav{position:relative;display:inline-block;z-index:100;font-size:18px;vertical-align:bottom}
.nav-list{text-align:left;list-style:none;margin:0;padding:0}
.nav-item{float:left;display:inline;zoom:1;position:relative}
.nav-item a{display:block;color:#FFF !important;padding:15px 20px;margin:0;transition:all .5s; font-family: "Oswald", sans-serif;font-size:22px;text-shadow: 0px 0px 9px #777}
.nav-item a:hover{color:#FB6D45 !important;transition:all .5s; }
.nav-itemImg{float:left;display:inline;zoom:1;position:relative}
.nav-itemImg a{display:block;color:#213576 !important;padding:11px 20px;margin:0;transition:all .5s}
.nav-itemImg a:hover{background:#FFF8F4;color:#65211E !important;transition:all .5s}
.itemactif{color:#C63}
.itemactif a:link,a:visited{color:#8A3631}
.itemactif a:hover{color:#65211E}
.nav-item:hover .nav-submenu{display:block;transition:all .5s}
.smenus{width:100%;text-align:center;z-index:1000;display:block;overflow:hidden;background-color:rgba(219,160,157,0.2);font-size:18px}
.smenusdiv{display:inline-block;padding:15px;margin:0;color:#000;transition:all .5s;font-size:18px;text-shadow: 0px 0px 9px #777}
.smenusdiv:hover, .smenusdivactif:hover {background-color:rgba(255,249,245,0.4) ;color:#213576; transition:all .5s;text-shadow: 0px 0px 9px #777}
.smenusdivactif{display:inline-block;padding:15px 20px;margin:0;color:#FFF;background-color:rgba(232,149,99,0.4);font-size:18px}
.nav-mobile{display:none;cursor:pointer;position:absolute;top:0;right:0;background:#3d3d3b url(../massage-images/bouton.gif) no-repeat center center;height:50px;width:50px;transition:all .5s}
.nav-click{position:absolute;top:0;right:0;display:none;border-left:1px solid #3d3d3b;height:49px;width:50px;cursor:pointer}
.nav-click i{display:block;height:48px;width:48px;background:url(../js/menu/img/img/drop.svg) no-repeat center center;background-size:20px}
.nav-click:hover{background-color:#9cdcf9}
.nav-rotate{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.padImg a {padding:10px 10px 7px 20px !important;}
.back_top {position: fixed;bottom:30px;margin:10px;right:30px;width:80px;height:80px;display:block;opacity:0.4;transition: .5s;background-image:url(../massage-images/fleche-page.png); cursor:pointer;}
.back_top:hover {opacity:0.9;transition: .5s;}
.slider1 {background-color:#dadbdc;z-index:100;display:block;height:620px;max-height:620px;position:relative !important;overflow:hidden}
.flamme {width:100%;height:auto;position:absolute;left:0;bottom:0;z-index:1000;display:block;pointer-events:none}

@media screen and (max-width:1100px){
#divmenu{position:absolute;top:0}
.nav{margin:0}
.rslides{margin:0}
.slidebackground{height:550px}
}
@media only screen and (max-width:768px){
#divmenu{width:100%;text-align:center;z-index:1000000000;position:relative;margin:0;background-color:#FFF}
.nav-mobile{display:inline-block}
.nav{width:100%;padding:50px 0 0 0;background-color:#FA5E3F;transition:all .5s}
.nav-list{display:none}
.nav-item{width:100%;float:none;}
.nav-item a{padding:5px 10px;color:#213576;transition:all .5s;text-shadow:none}
.nav-item a:hover {background-color:#FC9883 !important;transition:all .5s}
.nav-click{display:block}
.nav-mobile-open{border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0}
.smenusdiv,.smenusdivactif{padding:15px 10px;margin:0;background-color:#EDB596;width:100%}
.smenus{min-height:45px}
.smenusdivactif{background-color:#CF6023; font-weight:bold}
.slidebackground{height:350px !important;min-height:350px}
.tabletexte{display:block;width:auto;margin:0;padding:15px;text-align:justify !important}
.massages{display:block;width:auto;margin:0; padding:0}
h1{font-size:40px;text-shadow:none;padding:15px 0}
h2{font-size:30px;}
.back_top {bottom:10px;right:10px;width:40px;height:40px;background-size:cover}
.divlogo a:link, a:visited {font-size:60px;}
.massage_div {margin:10px 0} 
.slider1 {position:inherit !important;}
.rslides{height:320px}
.rslides li{height:320px}
.rslides img{ height:320px;}
.sophrologie {width:100%;position:inherit;background-color:#EDB596}
.flamme {position:relative;background-color:#EDB596;vertical-align:top}
.massage_femme {width:100%; height:0}
.massages2{width:100%;display:table-row}
.massage_villeneuve-loubet {max-width:95%; margin:0 auto;}
.txt1 {margin:0 auto 50px auto;padding:50px 10px;text-align:left;width:100%;}
}

#cookie-banner {position:fixed;bottom:0;left:0;right:0;background:#FFF;border-top:3px solid #65211E;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:99999999;padding:25px;font-family:'Quicksand',sans-serif;color:#65211E;animation:cookieSlide .4s ease-out}
@keyframes cookieSlide {from{transform:translateY(100%)}to{transform:translateY(0)}}
.cookie-inner {max-width:1200px;margin:0 auto}
.cookie-text h2 {font-family:'Comfortaa',sans-serif;font-size:22px;margin:0 0 10px 0;color:#65211E;text-align:left;font-weight:400;text-shadow:none}
.cookie-text p {margin:0 0 15px 0;font-size:15px;line-height:1.5}
.cookie-options {display:flex;flex-wrap:wrap;gap:20px;padding:15px 0;border-top:1px solid #EEE;border-bottom:1px solid #EEE;margin-bottom:15px}
.cookie-options label {display:flex;align-items:center;gap:8px;font-size:15px;cursor:pointer}
.cookie-options input[type=checkbox] {width:auto;margin:0;cursor:pointer}
.cookie-options small {color:#999;font-size:12px}
.cookie-buttons {display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.cookie-btn {padding:12px 24px;border-radius:6px;cursor:pointer;font-size:15px;font-family:'Quicksand',sans-serif;font-weight:600;transition:all .3s;border:1px solid transparent}
.cookie-btn-primary {background:#65211E;color:#FFF}
.cookie-btn-primary:hover {background:#8A3631}
.cookie-btn-secondary {background:#FFF;color:#65211E;border-color:#65211E}
.cookie-btn-secondary:hover {background:#F4E7CC}
@media (max-width:768px){
#cookie-banner {padding:15px}
.cookie-text h2 {font-size:18px}
.cookie-text p {font-size:14px}
.cookie-buttons {flex-direction:column}
.cookie-btn {width:100%}
.slider1 {height:320px;max-height:320px}
}