html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display: block;}body{line-height: 1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content: none;}table{border-collapse:collapse;border-spacing:0;}img{max-width:100%;}a{text-decoration:none;}
@font-face{font-family:'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),url('../fonts/icomoon.woff') format('woff'),url('../fonts/icomoon.ttf') format('truetype'),url('../fonts/icomoon.svg#icomoon') format('svg');font-weight:normal;font-style:normal;}
/* Common styles of menus */
.dl-menuwrapper{width:150px;position:fixed;top:15px; left:15px;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%;z-index:3000; text-align:left;}
.dl-menuwrapper:first-child{margin-right:100px;}
.dl-menuwrapper button{background:#fff;border:none;margin:0 auto;width:45px;height:45px;position:relative;cursor:pointer;outline:none;color:#9b9b9b; font-size:1.25em;border:1px solid #9b9b9b; border-radius:3px;}
.dl-menuwrapper button:hover,.dl-menuwrapper button.dl-active{background:#ccc;}
 .dl-menuwrapper ul{background:#3c393c;}
.dl-menuwrapper button:after{content:'';position:absolute;width:32px;height:2px;background:#9b9b9b;top:10px;left:5px;box-shadow:0 10px 0 #9b9b9b,0 20px 0 #9b9b9b;}
.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;border-bottom:0; margin:0; border-radius:3px;}
.dl-menuwrapper li{position:relative;border-bottom:1px solid #fff;}
.dl-menuwrapper li a{display:block;position:relative;padding:10px 10px;font-size:1.1em;line-height:20px;font-weight:300;color:#fff;outline:none;text-align:left;}
.no-touch .dl-menuwrapper li a:hover{color:#9f9f9e; text-decoration:none;}
.dl-menuwrapper li.dl-back > a{padding-left:30px;background:rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after{position:absolute;top:0;line-height:35px;font-family:'icomoon';speak:none;-webkit-font-smoothing:antialiased;content:"\e000";}
.dl-menuwrapper li.dl-back:after{left:10px;color:rgba(255,255,255,0.9);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.dl-menuwrapper li > a:after{right:10px;color:rgba(255,255,255,0.6);}
.dl-menuwrapper .dl-menu{margin:5px 0 0 0;position:absolute;top:2.25em;width:175%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px);}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu{display:none;}
.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subviewopen > a,.dl-menu.dl-subview li.dl-subview > a{display:none;}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li{display:block;}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu{position:absolute;width:100%;top:0;left:0;margin:0;}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 0.4s;animation:MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2{-webkit-animation:MenuAnimOut2 0.3s ease-in-out;animation:MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3{-webkit-animation:MenuAnimOut3 0.4s ease;animation:MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 0.4s ease;animation:MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 0.4s ease;animation:MenuAnimOut5 0.4s ease;}
@-webkit-keyframes MenuAnimOut1{0%{}50%{-webkit-transform:translateZ(-250px) rotateY(30deg);}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5;}100%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0;}}
@-webkit-keyframes MenuAnimOut2{0%{}100%{-webkit-transform:translateX(-100%);opacity:0;}}
@-webkit-keyframes MenuAnimOut3{0%{}100%{-webkit-transform:translateZ(300px);opacity:0;}}
@-webkit-keyframes MenuAnimOut4{0%{}100%{-webkit-transform:translateZ(-300px);opacity:0;}}
@-webkit-keyframes MenuAnimOut5{0%{}100%{-webkit-transform:translateY(40%);opacity:0;}}
@keyframes MenuAnimOut1{0%{}50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5;}100%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0;}}
@keyframes MenuAnimOut2{0%{}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}
@keyframes MenuAnimOut3{0%{}100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}}
@keyframes MenuAnimOut4{0%{}100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}}
@keyframes MenuAnimOut5{0%{}100%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0;}}
.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 0.3s;animation:MenuAnimIn1 0.3s;}
.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 0.3s ease-in-out;animation:MenuAnimIn2 0.3s ease-in-out;}
.dl-menu.dl-animate-in-3{-webkit-animation:MenuAnimIn3 0.4s ease;animation:MenuAnimIn3 0.4s ease;}
.dl-menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 0.4s ease;animation:MenuAnimIn4 0.4s ease;}
.dl-menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 0.4s ease;animation:MenuAnimIn5 0.4s ease;}
@-webkit-keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0;}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:0.5;}100%{-webkit-transform:translateZ(0px) rotateY(0deg);opacity:1;}}
@-webkit-keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);opacity:0;}100%{-webkit-transform:translateY(0);opacity:1;}}
@keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0;}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:0.5;}100%{-webkit-transform:translateZ(0px) rotateY(0deg);transform:translateZ(0px) rotateY(0deg);opacity:1;}}
@keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0;}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 0.4s ease;animation:SubMenuAnimIn1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 0.3s ease-in-out;animation:SubMenuAnimIn2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3{-webkit-animation:SubMenuAnimIn3 0.4s ease;animation:SubMenuAnimIn3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 0.4s ease;animation:SubMenuAnimIn4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 0.4s ease;animation:SubMenuAnimIn5 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);opacity:0;}100%{-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);opacity:0;}100%{-webkit-transform:translateZ(0);opacity:1;}}
@keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0;}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}100%{-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}100%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0;}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 0.4s ease;animation:SubMenuAnimOut1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 0.3s ease-in-out;animation:SubMenuAnimOut2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3{-webkit-animation:SubMenuAnimOut3 0.4s ease;animation:SubMenuAnimOut3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 0.4s ease;animation:SubMenuAnimOut4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 0.4s ease;animation:SubMenuAnimOut5 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(50%);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(100%);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(-300px);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(300px);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);opacity:1;}100%{-webkit-transform:translateZ(-200px);opacity:0;}}
@keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0;}}
@keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;}100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
@keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}}
@keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}}
@keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0;}}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;transform:none;}
.no-js .dl-menuwrapper li .dl-submenu{display:block;}
.no-js .dl-menuwrapper li.dl-back{display:none;}
.no-js .dl-menuwrapper li > a:not(:only-child){background:rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after{content:'';}
.dl-menu a.actif{color:#bcd029;}
/* Mobile */
header,footer{font-family: 'Raleway',sans-serif;}
body{font-family: 'Lato',sans-serif;}
header nav,header p.coord,footer nav{display:none;}
header div.transparence{background-color:rgba(255,255,255,1);position:fixed;top:0;width:100%;z-index:30;border-bottom:thin solid #bcd029;}
header img.bg{display:none;}
h1{padding-top:2em;}
h1.accueil{padding-top:0;}
header.accueil img.bg,.csslider1{padding-top:4em;display:block;}
header a.logo{width:50%;margin:1em 1em 1em auto;display:block;}
div.tarif{display:none;}
#tarif:hover{cursor:pointer;}
h2.tarif span{font-size:2.5em;color:#fff;}
h2.tarif{color:#fff;background:#3c393c;font-size:1.15em;padding:1.5em 0;margin-top:2em;text-transform:uppercase;}
main.secondaire article div.produit p.voirPlus,main.secondaire article div.produit p.voirPrix{color:#3c393c;background:rgba(188,208,41,0.7);font-size:1.15em;padding:.5em 0;margin-top:1em;text-transform:uppercase; text-align:center !important; cursor:pointer;}
main.secondaire div.prendrerdv{background:url(../images/bg-prendrerdv.jpg)	no-repeat bottom center;text-align:center;padding:3em 0;}
main div.promotion{background:url(../images/bg-pot-creme.jpg) no-repeat bottom 	center;background-size:cover;margin-top:3em;}
main div.salonstconstant{background:url(../images/bg-salon-beaute-rive-sud.jpg) no-repeat bottom center;background-size:cover;padding:3em 0;margin-bottom:3em;text-align:center;}
main div.salonstconstant p{margin:0 auto 1em auto;}
a{display:inline-block;}
header img{margin:auto;}
header div.transparence nav.main-nav,header p span.gras{text-transform:uppercase;}
header div.transparence p{vertical-align:middle;}
header div.transparence p a{display:inline-block;}
header div.transparence p.coord span{font-size:0.8em;display:inline-block;vertical-align:bottom;}
header p.slogan,.csslider1 > .cs_description > label .cs_title{font-size:1.35em;border-bottom:#bcd029 solid thin;padding-bottom:0.8em;margin:1em auto;width:90%;text-transform:uppercase;color:#9f9f9e}
nav.main-nav li a,main.secondaire ul,main.secondaire div.produit h2{color:#3c393c;}
.csslider1 > .cs_description > label .cs_title div.boutongris{display:block; width:218px;}
main.secondaire ul{font-size:1.5em;}
main.secondaire ul li{margin-bottom:0.5em;}
h1,h2,h3,p,a{color:#9f9f9e;text-align:center;margin:0 auto;line-height:1.15em;}
header div.transparence p{color:#9f9f9e;}
h1 span,header p span.gras, .csslider1 > .cs_description > label .cs_title span.gras{color:#3c393c;}
p.grasnoir{color:#3c393c; font-weight:bold; text-align:left; margin-bottom:1em;}
h1{font-size:2.5em;}
h2{font-size:2.25em;}
h2.passez{margin-top:2em;}
h1{margin-bottom:1em;}

h3{margin-top:1em;margin-bottom:0.75em;font-size:1.75em;}
main p{font-size:1.1em; line-height:normal;}
main{margin-top:2em;padding:2em 0 0 0;}
aside ul li{box-shadow:#9f9f9e 0 0 2px;margin:0.3em;padding:0.5em;text-align:left;}
aside ul li:hover{background:#f5f5f5;box-shadow:#9f9f9e 0px 0px 3px;}
aside ul li img{margin-left:0.35em;vertical-align:middle;}
aside ul li a{text-align:left; width:100%;}
aside ul li p{color:#3c393c;/*font-size:1.4em;*/ font-size:1.1em;display:inline-block;width:50%;text-align:left;margin-left:0.5em; font-weight:700;vertical-align:middle;}
aside ul li p span{color:#bcd029;display:block;margin-top:0.5em;font-size:1.1em;}
aside ul li p span.petit{font-size:.8em; display:inline;}
aside ul li.promotion{background:#3c393c;padding:1.35em 1em;}
aside ul li.promotion p span{font-weight:700;display:inline-block;color:#fff;margin-top:0;vertical-align:bottom;}
aside ul li.promotion p{display:inline-block;color:#fff;text-align:left;}
aside ul li.promotion p:nth-child(1){width:60%;font-size:1.25em;}
aside ul li.promotion p:nth-child(2){width:30%;font-size:2em;}
aside{text-align:center;}
aside div.boutongris{margin-top:1em;}
ul.plansite li{padding-left: 1em;  text-indent: -.7em;}
ul.plansite li::before{content: "• "; color: #9f9f9e;}
ul.plansite li a{padding-left: 1em;}
header div.boutongris{margin:0 auto 2em auto;}
header div.contslogan{display:none;}
div.slogan{text-align:center;}
div.boutongris{background:#3c393c;display:inline-block;color:#fff;padding-left:0.5em;}
div.boutongris a{color:#fff;text-transform:uppercase;font-size:0.8em;vertical-align:middle;}
div.boutonvert{background:#bcd029;display:inline-block;color:#fff;padding-left:0.5em;}
div.boutonvert a{color:#fff;text-transform:uppercase;font-size:0.8em;vertical-align:middle;}
div.slogan div.boutongris a{font-size:1em;}
div.boutongris img{background:#9f9f9e;padding:0.48em;margin:0 0 0 0.75em;vertical-align:middle;max-height:32px;}
div.boutongris:hover img,main nav li:hover div.boutongris img{background:#3c393c;}
div.boutongris:hover{background:#bcd029;}
div.boutongris:hover a{color:#3c393c;}
div.boutonvert img{background:#9f9f9e;padding:0.48em;margin:0 0 0 0.75em;vertical-align:middle;max-height:32px;}
div.boutonvert:hover img,main nav li:hover div.boutonvert img{background:#bcd029;}
div.boutonvert:hover{background:#9f9f9e;}
div.boutonvert:hover a{color:#fff;}

main div.boutongris{margin-top:2em;vertical-align:middle;}
main div.boutongris img{padding:0 0.45em;height:100%;vertical-align:middle;}
main div.boutonvert img{padding:0 0.45em;height:100%;vertical-align:middle;}
main div.boutongris img.rdv{padding:0.48em;vertical-align:middle;}
main nav ul li h2,h3 span,h2 span{color:#3c393c;}
main h3,main p{text-align:left;}
main nav{padding:2em 0;margin:1em auto;}
main nav li{margin-bottom:3em;}
main nav ul li p{width:90%;margin:0 auto;text-align:center; height:170px;}
main nav ul li:nth-child(3) p,main nav ul li:nth-child(4) p{height:220px;}
main nav ul li img{display:block;margin:1em auto;}
main nav div.boutongris img{display:inline-block;}
main nav li:hover div.boutongris{background:#bcd029;color:#3c393c;}
main section{padding:2em 0;}
main article p{text-align:center;}
main.clinique article p,main article.clinique p{text-align:left;}
main article h1 span{display:inline-block;}
img.pot{width:100%;}
main.secondaire h1,main.secondaire div.produit h2,main.secondaire div.produit p{text-align:left;}
main.secondaire div.produit{margin-top:3em;}
main.promotions div.produit{text-align:center;}
main.secondaire div.produit h2,main.secondaire div.produit h3{font-size:1.5em;margin-top:0.4em;}
main.secondaire div.produit h3{font-size:1.15em;}
main.secondaire div.produit p{padding-bottom:1em;}
main.secondaire div.produit ul{margin-left:1em;}
main.secondaire div.produit ul li{font-size:.7em; color:#9f9f9e; list-style:circle; line-height:normal;}
main.secondaire div.prendrerdv{margin:2em 0 6em 0;}
main.secondaire div.prendrerdv p{color:#9f9f9e;font-size:2em;text-align:center;margin-top:1em;}
main.secondaire div.cartecadeau,main.secondaire div.cartecadeaunoel{margin-bottom:3em;}
img.mapBig{display:none;}
footer{background:#f2f0f1;}
footer div.gris{background:#3c393c;padding:1em 0.8em;}
footer div.gris p{color:#fff;}
footer div.gris p span{display:block;font-size:0.9em;margin:0.5em 0;}
footer div.gris a:hover{color:#fff;}
p.coord{font-size:1.25em;}
footer nav.principale a{color:#3c393c;text-transform:uppercase;}
footer nav.principale a:hover,footer div.coordonnee a:hover{color:#bcd029;}
footer div.coordonnee{font-size:0.7em;padding-bottom:2em;text-align:center;}
footer div.logofooter{margin:2em auto;}
footer div.logofooter a{margin:0 auto 2em auto;display:block;}
a:hover{text-decoration:none;}
a.carte{margin-top:1em;display:block;}
.vert{color:#bcd029;font-weight:700;}
.gras{font-weight:700;}
.conteneur,div.logofooter,.conteneur section{margin:0 auto;padding-left:1em;padding-right:1em;}
.nomarge{padding-left:0;padding-right:0;}
article.forfait,article.cartenoel{width:90%; margin:1em auto 2em auto; text-align:center;}
article.forfait h2,article.cartenoel h2{font-size:1.6em; margin-bottom:.5em; color:#3c393c;}
article.cartenoel h2{height:50px;}
article.forfait ul{color:#9f9f9e;text-align:center; font-size:1.1em;}
article.forfait p{font-weight:700;width:auto; margin:.5em 0 1em 0;}
article.cartenoel p{width:auto; margin:.5em 0 1em 0;}
article.cartenoel table{margin:0 auto .5em auto;}
article.forfait form table{display:block;margin:0.5em auto 1em auto;}
article.forfait form select{width:145%;text-align:center;}
main.forfait h1{text-align:center;}
div.form{width:98%;margin:0 auto 4em auto;}
div.form p.verifantispam,input[name=verifantispam]{display:none}
input[name="name"]{ display: none !important; }
div.form .g-recaptcha{margin:1em 0; display:block;}
div.form label{display:block;margin:1.5em 0 1em 0; color:#000; font-size:1.1em;}
div.form label.check{margin:0 0 .5em 0;}
div.form span.required{color:red;}
div.form input{width:98%;margin-top:.5em;}
div.form input[type=checkbox],div.form input[type=radio]{border:0; width:20px;}
div.form input,div.form select,div.form textarea{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;border:1px solid #C2C2C2;    box-shadow:1px 1px 4px #EBEBEB;    -moz-box-shadow:1px 1px 4px #EBEBEB;    -webkit-box-shadow:1px 1px 4px #EBEBEB;    border-radius:3px;    -webkit-border-radius:3px;   -moz-border-radius:3px;    padding:7px;    outline:none;}div.form input:focus,
div.form input:focus,div.form select:focus,div.form textarea:focus{border:1px solid #b10001;}
div.form textarea{height:100px; width:98%;margin-top:-.75em;}
div.form button[type=submit]{width:auto;border:none;background:#bcd029;color:#fff;height:auto;padding:0.55em 1.5em;border-radius:0.3em; text-transform:uppercase; font-weight:700;}
div.form button[type=submit]:hover{background:#999;color:#fff;cursor:pointer;}
article.artlightbox a{margin:.5em 0 0 0;width:49.5%;}
main.secondaire article .centrer h2,main.secondaire article .centrer a,main.secondaire article .centrer form{text-align:center;}
main.secondaire article .centrer{margin-bottom:3em;}
article.artlightbox a img{border-radius:5px;width:100%;}
iframe.googlemap{width:100%; height:250px; margin-bottom:3em; margin-top:3em;}
a.mail{margin:0.5em 0 0 0;font-size:1.15em;}
a.tel{font-size:1.5em;display:block;text-align:left;}
ul.colonne li{display:inline-block;width:49%; vertical-align:top;}
ul.colonne li input{padding-bottom:2em; display:inline-block; width:20px; vertical-align:top; padding:0; margin:0;}
ul.colonne li label{font-size:.7em; display:inline-block; width:calc(100% - 30px);}
.csslider1{margin:0 auto; text-align:center;}
main.secondaire article p{margin-top:1em;}
main.secondaire article p.full{text-align:left;}
article.droite{margin-bottom:3em;}
p.coord a{padding:0 0.25em 0 0.5em;}
main.secondaire div.produit table{width:100%;}
main.secondaire div.produit table td{border-bottom:1px dashed #bcd029; padding:.5em 0 .2em 0;color: #9f9f9e; }
main.secondaire div.produit table td:nth-child(2){text-align:right; padding-left:.5em;}
aside ul li div.boutongris img{position:absolute;top:0;right:0;max-width:29px;}
aside ul li div.boutongris a{position:relative;height:32px;padding:.9em 25px 0 .5em;}
div.produit, div.produit img{position:relative;}
div.produit div.promo{color:#fff; background-color:#AF0E0B;top:3%;left:5%;position:absolute;text-transform:uppercase;padding:2em 1em;border-radius:50%;border: #fff medium dotted;}
table.heures{border:0;margin:1em 0;}
table.heures td{color:#9f9f9e;padding:.5em 1.5em .5em 0;font-size:1.1em;}
div.equipe figure{max-width:250px;position:relative;margin:2em .5em;}
div.equipe figcaption{color:#fff;font-size: .95em;margin-top: 0.4em;background-color:rgba(188,208,41,.75);position:absolute;bottom:0;padding:1em .5em;width:calc(100% - 1em);max-width:250px;height:60px;}
.alignleft{text-align:left;}
.bggris{background-color:#f2f0f1;}
h2.h2equipe{text-align:left !important;padding-top:1em;}
a.linkboutique{background-color:#BCD029;border:1px solid #BCD029;padding:.5em 1em;color:#fff;text-transform:uppercase;margin:1em auto;font-size:1.3em;}
a.linkboutique:hover{background-color:#3C393C;}
.nouveaute{background-color:#3c393c;padding:2em;margin-bottom:2em;}
.nouveaute a{color:#bcd029;}
.nouveaute h2{color:#bcd029;margin-bottom:1em;text-align:left;}
.nouveaute p {color:#fff;margin:1em 0;}
.nouveaute div.imageproduit,.nouveaute div.imageproduit2{display:none;}
p.app{text-transform:uppercase;color:#3c393c;margin-bottom:1em;margin-top:-1em;}
p.app a{margin-top:.5em;}

.salonvip {margin-bottom: 2em;}
.salonvip h2{color:#bcd029;margin:1em 0;text-align:left;}
.salonvip p{margin:1em 0;}
.salonvip a.btnvert{background-color: #bcd029;padding:5px 10px;color:#000;vertical-align: middle;}
.salonvip {display: none !important;}

.flex-row{
    display: flex;
}

 a.btnvert2{background-color: #bcd029;padding:10px 20px;color:#000;vertical-align: middle;text-transform: uppercase;border:1px solid #bcd029;color:#fff;}
 a.btnvert2:hover{background-color: #3c393c;}

.btnvert3{ display: inline-block; background-color: #bcd029; padding-left: 0.5em; }
.btnvert3 a{color: #3c393c;text-transform: uppercase;font-size: 0.8em;}
.btnvert3:hover{ background-color: #9f9f9e;}
.btnvert3:hover a{color: #fff;}
.btnvert3:hover img.rdv{background-color: #bcd029;}
.btnvert3 img.rdv{padding: 0.48em;vertical-align: middle;margin: 0 0 0 0.3em;background-color: #9f9f9e;}

.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;	height: 0;}
.videoWrapper iframe {position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;}
.box50video{text-align: center;}
.font-weight{
    font-weight: bold;
    color: rgb(71, 70, 70);
}


/********** SLIDER ACCUEIL **********/
#slider-container{
    width: 100%;
    position: relative;
    margin-top: 112px;
}

.slide{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: 1s all ease;
}

.slide img{
    position: relative;
}

.text-slide{
    position: absolute;
    top: 15%;
    left: 5%;
    text-align: left;
    font-size: 1.5em;
    text-transform: uppercase;
    padding-bottom: 2%;
    border-bottom: 1px solid #9faf23; 
    width: 45%;
}

.text-slide p{
    text-align: left;
}

.slide-text{
    font-size: 0.5em;
}

.text-slide-center{
    top: 45% !important;
}

.text-slide span{
    font-weight: bold;
    display: block;
    color: black;
}

/* Message de commande */
#commande{
    width: 80%;
    margin: auto auto;
    margin-bottom: 50px;
}

#commande p{
    text-align: center;
    width: 100%;
    font-size: 1.5em;
}

#commande img{
    margin-top: -5px;
    width: 42px;
}


/* Bannière Produits disponible pour un temps limité */

#temps-limite{
    margin: 0 0 50px 0;
}

#temps-limite section{
}


/*ENDERMOOLOGIE ALLIANCE */
#accueil-endermologie{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 100px;
}

#accueil-endermologie .container-flex{
    display: flex;
    width: 100%;
    margin: auto auto;
    flex-direction: column;
}

#accueil-endermologie .flex{
    width: 100%;
}

#accueil-endermologie .text{
    width: auto;
    text-align: left;
    width: 80%;
    margin: 0 auto 50px auto;
}

#accueil-endermologie h3{
    text-align: left;
    font-size: 1.8em;
    margin: 10px 0 0 0;
}

#accueil-endermologie p{
    text-align: left;
}

#accueil-endermologie .img{
    width: 100%;
}



/* Bannière livraison */
#banniere-livraison-mobile{
    display: block;
}

#banniere-livraison{
    display: none;
}

/*Bannière Consultation virtuelle */

#consultation-virtuelle{
    margin-bottom: 50px;
    margin-top: 0px;
}

#consultation-virtuelle.promotion section{
    text-align: left !important;
    padding-left: 1em;
}

#consultation-virtuelle.promotion h3{
    text-align: left;
    color: white !important;
}


#consultation-virtuelle.promotion p{
    margin: 1em 0;
    text-align: left;
    color: #39363a;
}
#consultation-virtuelle #femme-ordinateur{
    margin-left:0;
}

#consultation-virtuelle.promotion{
    background-image: none;
    background-color: #b5d12f;
}

#consultation-virtuelle div.boutongris {
    text-align: left;
    display: inline-block;
    margin-top: 0;
}

#consultation-virtuelle div.boutongris a:hover{
    color: #39363a;
    background-color: white;
    padding-left: 0.5em;
}




#signatures{
    width: 100%;
    height: 350px;
    background-image: url('/images/massotherapie-signature/fond-bandeau-signature-page-masso.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    box-sizing: border-box;
    text-align: right;
    color: #7D777C;
    
}


#signatures .container-flex{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    background-color: rgb(255, 255, 255, 0.75);
    margin: auto auto;
    height: 100%;
}

#signatures .flex1{
    width: 100%;   
    margin: 0 0 0 auto;
    text-align: center;
}

#signatures .flex2{
    width: 80%;
    
    margin: 0 auto 15px auto;
}

#signatures h3{
    font-size: 2em;
    margin-top: 25px;
    text-align: center;
    font-weight: bold;
    color: #39363a;
}

#signatures h3 .titre-touches{
    color: #9faf23;
    margin-top: 20px;
    display: inline;
    font-size: 1em;
}

#signatures ul{
    width: 100%;
    position: relative;
    text-align: left;
    font-weight: bold;
}

#signatures li{
    display: flex;
    justify-content: space-between;
    font-size: 0.7em;
}


#page-politique h2{
    font-size: 1.5em;
    text-align: left;
}

#page-politique .conteneur div{
    margin: 50px auto;
}

#page-politique .conteneur h2{
    margin: 0 0 10px 0;
}

#policy-link{
    display: none;
}

.special h2, .special .forfait h2{
    color: #DB7093;
}


.st-valentin h2{
    color: #DB7093 !important;
}

.pink{
    color: #DB7093;
}


@media only screen and (min-width: 25em){
header p.slogan,.csslider1 > .cs_description > label .cs_title{font-size:1.7em;width:80%;}
.csslider1 > .cs_description{display:none;}
.btnvert3 img.rdv{margin: 0 0 0 0.75em;}
}
@media only screen and (min-width: 31em){
.dl-menuwrapper{top:1.5em; left:1.5em;}
header img.bg,{padding-top:8em;}
header p.slogan,.csslider1 > .cs_description > label .cs_title{font-size:1.8em;width:70%;}
main.secondaire div.produit{width:47%;margin:3em 2.5% 0 0;display:inline-block;}
main nav ul li p{height:140px;}
main nav ul li:nth-child(3) p,main nav ul li:nth-child(4) p{height:180px;}
.csslider1 > .cs_description{display:block;position:absolute;top:45%;left:1em;z-index:20; width:calc(100% - 1em);}
div.equipe figure{display:inline-block;margin-right:1em;width:48%;}
div.equipe figure:last-of-type{margin-right:0;}
}
@media only screen and (min-width: 48em){
.salonvip {display: flex;justify-content: space-around;margin-bottom: 4em;}
.salonvip .box50video{flex:1;margin-right: 1em;}
.salonvip .box50{flex:1;}
.salonvip h2{margin-top:0; font-size: 2em}
.dl-menuwrapper{top:2em;}
h1{padding-top:3em;}
header a.logo{margin:1em auto;}
header p.slogan,.csslider1 > .cs_description > label .cs_title{font-size:1.5em;width:100%;}
.csslider1 > .cs_description > label span{position:relative; z-index:100;}
header div.conteneur{position:relative;}
header div.contslogan{position:absolute;top:20%;left:1em;z-index:20;}
header div.slogan{position:absolute;}
header.accueil div.slogan{background-color:rgba(255,255,255,0.7);border-radius:1em; box-shadow:#fff 0 0 25px;}
/*.csslider1 > .cs_description > label{background-color:rgba(255,255,255,0.7);border-radius:1em; box-shadow:#fff 0 0 25px;}*/
header.secondaire div.slogan{text-align:left;}
header.secondaire div.slogan p{text-align:left;}
aside ul li img{display:none;}
aside ul li{display:inline-block;width:16%;vertical-align:top;height:160px;padding:0.5em;}
aside ul li p{width:95%;margin-left:0;}
aside ul li.promotion p:nth-child(1){width:100%;}
aside ul li.promotion{padding:0.5em;width:16.65%;}
aside ul li div.boutongris img{display:block;max-width:20px;}
aside ul li div.boutongris{margin-top:3.5em;}
aside ul li div.boutongris a{width:auto;padding:.2em 30px 0 .1em;height:44px;}
main div.cartecadeau img.carte{display:inline-block;width:48%;margin-right:2em;}
main div.cartecadeau div.carte{display:inline-block;width:45%;text-align:left;}
main div.cartecadeaunoel img.carte{display:inline-block;margin-right:2em; width:400px;}
main div.cartecadeaunoel div.carte{display:inline-block;width:calc(98% - 430px);text-align:left;}
main nav ul li{display:inline-block;width:47%;margin-left:0.9em;}
main nav ul li p{height:140px;}
main nav ul li:nth-child(3) p,main nav ul li:nth-child(4) p{height:200px;}
main section{display:inline-block;width:40%;text-align:right;}
main section h3,main section p{text-align:right;}
main div.promotion img.pot{display:inline-block;height:300px;margin-left:3em;width:auto;}
main.secondaire div.produit{width:48.5%;margin:3em 0.5em 0 0;}
main.secondaire div.tarif div.produit{margin-bottom:2.25em;}
main.secondaire div.borderverte{border-top:#bcd029 solid thin;}
.petitbouton{text-align:left;width:250px;margin:2em 0 0 0;}
h2#tarif.petitbouton{padding-left:1em;}
.petitbouton span{margin-top:-0.06em;display:inline-block;}
article.forfait{width:44%;display:inline-block; margin:1em 1.5em 3em 1em;}
article.forfait div.infos{height:200px;}
form.inline{display:inline-block;vertical-align:middle;margin-left:0.5em;}
article.artlightbox a{width:33%;}
article.artlightbox a.petit{width:24.5%;}
article.droite{display:block;margin-bottom:5em;}
article.droite div.boutongris{margin-right:2em;}
ul.colonne li{width:32%;}
h2.h2equipe{display:inline-block;vertical-align:middle;width:20%;margin-right:1em;font-size:1.5em;color:#3c393c;}
div.equipe{display:inline-block;width:70%;vertical-align:middle;}
div.equipe figure{margin-left:0;margin-right:.5em}
.nouveaute div.imageproduit{display:inline-block;width:45%;margin-top:-2em;position:relative;z-index:1100;text-align:right;}
.nouveaute div.bloctxt{display:inline-block;width:50%;padding-top:2em;}
.nouveaute div.imageproduit2{display:inline-block;width:45%;margin-top:0em;position:relative;z-index:1100;text-align:right;}
.nouveaute div.imageproduit2 img{max-width:300px;}


/********** SLIDER **********/
.slide-text{
    font-size: 0.7em;
}

#banniere-livraison-mobile{
    display: none;
}

#banniere-livraison{
    display: block;
}

#commande p{
    font-size: 2em;
}

#commande img{
    margin-top: -15px;
    width: 72px;
}

#consultation-virtuelle #femme-ordinateur{
 height: 328px;
}

#consultation-virtuelle.promotion h3 {
    margin-top: 0;
}

#signatures .container-flex{
    width: 95%;
    background-color: rgb(255, 255, 255, 0.75);
    background-color: unset;
    margin: 0 5% 0 0;
    height: auto;
}

#signatures .flex1{
    padding-right: 20px;
}

#signatures .flex2{
    margin: 0 0 0 auto;
    width: 40%;
    padding-left: 5%;
}

#signatures h3{
    color: #9f9f9e;
    text-align: right;
}

#signatures h3 .titre-touches{
    color: #BCD029;
    display: block;
}

#signatures ul{
    width: 100%;
    position: relative;
    margin: 0 0 0 auto;
    text-align: left;
    margin-top: 15px;
    font-weight: bold;
}

}

@media only screen and (min-width: 64em){
img.mapBig{display:block;}
img.mapSm{display:none;}
h1{padding-top:0;}
.dl-menuwrapper{display:none;}
#page-politique{
    padding:  16em 0 2em 0;
}
#page-politique h1{
    margin-bottom: 14px;
}
.conteneur,header div.contslogan{width:950px;}
header img.bg,.csslider1{padding:0;display:block;}
header nav,header p.coord,footer nav{display:inline-block;}
header a.logo{margin:.5em auto 1em 0;text-align:left;}
header a.logo img{display:inline-block;}
header p.coord{margin-top:1em;}
header nav.accueil{position:absolute;top:1em;right:0;text-align:right;}
header nav.accueil li a{padding:1em;}
header nav.accueil li.boutique{background-color:#BCD029;}
header nav.accueil li.boutique a{color:#fff;}
header nav.accueil li:hover a,header nav.accueil li a.actif{background:#3c393c;color:#fff;}
header.accueil div.contslogan{position:relative;margin:-20em auto 20em auto;}
.csslider1{padding-top:8em;}
.csslider1 > .cs_description{display:block;position:absolute;top:50%;left:4em;z-index:20; width:calc(100% - 4em);}
header div.contslogan{position:relative;margin:-5em 1em 20em auto;display:block;}
header p.slogan,.csslider1 > .cs_description > label .cs_title{font-size:2.5em;width:500px;}
header.secondaire p.slogan{width:100%;}
header div.slogan{width:500px;}
header.secondaire div.slogan{width:70%;text-align:left;}
header nav li,footer nav li{display:inline-block;font-size:0.8em;}
header nav.main-nav{display:block;text-align:center;}
/*header nav.main-nav li{width:13%;}
header nav.main-nav li:nth-child(1){width:15%;}
header nav.main-nav li:nth-child(3){width:15%;}
*/

header nav.main-nav ul{display:flex;justify-content:space-between;}
header nav.main-nav li a{padding:1em;font-size:1.05em; font-weight:500;}
header nav.main-nav li:first-child a{padding:1em .2em;}
header nav.main-nav li:hover a,header nav.main-nav li a.actif{color:#bcd029;}
header div.transparence{position:absolute;}
header div.transparence{background:url(../images/bg-main-nav.png) no-repeat bottom center;background-size:contain;background-color:rgba(255,255,255,1);}
main div.promotion img.pot{display:inline-block;margin-left:3em;}
main nav{text-align:center;}
main nav h2{font-size:1.5em;}
main nav ul li p{height:110px;}
main nav ul li:nth-child(3) p,main nav ul li:nth-child(4) p{height:130px;}
main div.cartecadeau div.carte{width:35%;}
main article p{width:70%;}
main.secondaire article p{width:85%; text-align:left; margin:1em auto 1em 0;}
main.secondaire article p.full{width:100%;}
main.secondaire article h2{text-align:left; margin:1em 0 .5em 0;}
main.forfait article h2,main.forfait article p{text-align:center;width:100%;}
aside ul li{height:120px;width:17.2%;}
main.secondaire div.produit{width:32%;}
footer div.gris p span{display:inline-block;margin:0 1em;font-size:0.8em;}
footer div.conteneur{position:relative;}
footer div.gris nav{position:absolute;right:0;top:0;bottom:0;}
footer div.gris nav li a{padding:0 0.5em;}
footer div.conteneur nav.principale{margin-top:3em;margin-left:2em;}
footer div.conteneur nav.principale ul{display:flex;justify-content:space-between;}
footer div.conteneur nav.principale li{font-size:0.7em;text-align:center;}
/*
footer div.conteneur nav.principale li{width:12%;font-size:0.7em;text-align:center;}
footer div.conteneur nav.principale li:first-child{width:15%;}
footer div.conteneur nav.principale li:nth-child(3){width:15%;}
footer div.conteneur nav.principale li:nth-child(4){width:15%;}*/
/*footer div.conteneur nav.principale li:nth-child(5){width:16%;}*/
footer div.conteneur nav.principale li:nth-child(6){text-align:right;}
footer div.conteneur nav.principale li a{padding:1.5em .2em;}
footer div.conteneurfooterlg{padding-bottom:1em;}
footer div.logofooter{display:inline-block;width:25%;font-size:0.9em;}
footer div.logofooter p{text-align:left;}
footer nav.principale{width:65%;}
footer div.coordonnee p{text-align:left;}
footer div.coordonnee{font-size:0.7em;text-align:left;}
main.secondaire article div.produit p{width:100%;}
article.cartenoel{width:22%;display:inline-block; margin:1em 1em 3em .5em;}
article.cartenoel p{height:63px; text-align:center !important;}
article.forfait p,article.forfait h2{text-align:center !important;width:100% !important;}
article.cartenoel p.choix{height:auto;}
div.form{width:60%;margin:0;}
div.form input.court{display:block;width:25%;}
article.clinique{display:inline-block; width:calc(49% - 2em);margin-right:2em;}
article.artlightbox{display:inline-block; width:50%;}
article.artlightbox a{margin:1em 1em 0 0;}
article.clinique.droite{display:inline-block;}
article.clinique.droite h3{margin-top:2em;}
iframe.googlemap{width:400px; height:450px;}
p.coord{text-align:left;}
footer div.logofooter{margin:2em 0;padding:0;}
aside ul li div.boutongris img{display:block;max-width:26px;}
aside ul li div.boutongris{margin-top:2.5em;}
aside ul li div.boutongris a{width:auto;padding:.5em 43px 0 .1em;height:35px;}
aside ul li.btnrdv{text-align:center;}
div.equipe figure{width:31%;}
h2.h2equipe{font-size:2.25em;}
.nouveaute div.imageproduit{margin-top:-5em;}
.salonvip {align-items: center;}
.salonvip .box50video{margin-right: 3em;}

/********** SLIDER **********/
#slider-container{
    margin-top: 175px;
}

#slider-container .text-slide{
    top: 30%;
    width: 30%;
    font-size: 2em;
}

#consultation-virtuelle #femme-ordinateur{
    height: 350px;
}

#consultation-virtuelle.promotion h3 {
    margin-top: 1em;
}

/*ENDERMOOLOGIE ALLIANCE */
#accueil-endermologie{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 100px;
}

#accueil-endermologie .container-flex{
    display: flex;
    flex-direction: row;
    width: 85%;
    margin: auto auto;
}

#accueil-endermologie .flex{
    width: 50%;
}

#accueil-endermologie .text{
    width: auto;
    text-align: right;
    margin: 0 9em 0 auto;
}

#accueil-endermologie h3{
    text-align: right;
    font-size: 1.5em;
}

#accueil-endermologie p{
    text-align: right;
}

#accueil-endermologie .img{
    width: 90%;
}

}
@media only screen and (min-width: 69em){
/*main nav ul li p{height:220px;}
main nav ul li:nth-child(3) p,main nav ul li:nth-child(4) p{height:220px;}
main nav ul li{width:23%;}*/
main div.promotion img.pot{height:auto;}
header nav.main-nav li a{font-size:1.03em;}
header nav.main-nav li:first-child a{padding:1em .1em;}

footer div.conteneur nav.principale{
    position: relative;
}



#policy-link{
    position: absolute;
    right: 0%;
    bottom: -98px;
    font-size: 0.8em;
    text-transform: none;
    display: block;
}

}
@media only screen and (min-width: 72em){
header div.slogan{margin-left:-5em;}
header.secondaire div.slogan p{width:100%;}
aside ul li{width:17.5%;}
main nav ul li{width:23%;}
main nav ul li h2{height:40px;}
main nav ul li p{text-align:left;}
main nav ul li p{height:250px;}
main nav ul li:nth-child(3) p,main nav ul li:nth-child(4) p{height:250px;}
main div.cartecadeau div.carte{width:45%;}
footer div.coordonnee{display:inline-block;width:15%;}
footer div.coordonnee{text-align:right;}
.conteneur{width:1100px;}
footer nav.principale{width:60%;}
main.secondaire div.produit{width:24%;}

#slider-container{
    margin: 0;
}   

#slider-container .text-slide{
    font-size: 3em;
    top: 45%;
    left: 12%;
    width: 620px;
}

}
@media only screen and (min-width: 80em){
.conteneur,header div.contslogan{width:1100px;}
header nav li,footer nav li{font-size:0.9em;}
footer div.logofooter{width:275px;}
footer div.coordonnee{margin-left:2em;}
.conteneur{width:1200px;}
article.forfait{width:22%;display:inline-block; margin:1em 1em 4em 1em;}
div.form{width:75%;margin:0 0 7em 0;}
div.form input, div.form textarea{width:50%; display:block;}
div.form input[name=verifantispam]{display:none;}
article.artlightbox a{width:30%;}
article.artlightbox a.petit{width:22%;}
iframe.googlemap{width:550px; height:450px;}
main nav ul li h2{height:inherit;}
main nav ul li p{height:230px;}
main nav ul li:nth-child(3) p,main nav ul li:nth-child(4) p{height:230px;}
aside ul li div.boutongris {margin-top:2em;}
aside ul li div.boutongris a{padding:1em 43px 0 .1em;height:28px;}
div.equipe figure{width:23.5%;}


#consultation-virtuelle.promotion section{
    padding-left: 9em;
}

#signatures .container-flex{
    flex-direction: row;
}

#signatures .flex1{
    width: 70%;
    margin-top: 75px;
    margin: 0;
}

#signatures .flex2{
    width: 27%;
    padding-left: 5%;
    margin: 0;
}

#signatures h3{
    font-size: 2em;
    margin-top: 75px;
    margin-bottom: 25px; 
}

#signatures ul{
    width: 100%;
    position: relative;
    margin: 0 0 0 auto;
    text-align: left;
    margin-top: 75px;
    font-weight: bold;
}

#signatures li{
    display: flex;
    justify-content: space-between;
    font-size: 0.9em;
}

#accueil-endermologie h3{
    text-align: right;
    font-size: 1.8em;
    margin: 15px 0;
}



#accueil-endermologie p{
    font-size: 1.5em;
}

}
@media only screen and (min-width: 90em){
aside ul li img{display:inline-block;}
aside ul li{height:115px;}
aside ul li{width:18%;}
aside ul li p{width:50%;margin-left:0.5em;}
aside ul li.promotion p:nth-child(1){width:50%;}
footer div.coordonnee{margin-top:6.5em;}
footer div.coordonnee p{text-align:right;}
footer div.conteneur nav.principale li a{padding:2em .2em;}
/*footer div.conteneur nav.principale li:first-child{width:15%;}*/
.conteneur{width:1300px;}
header div.transparence{background-color:rgba(255,255,255,0.9)}
header.accueil img.bg,.csslider1{padding-top:0;}
ul.colonne li{width:23%;}

#signatures h3{
    font-size: 2.2em;
    margin-top: 75px;
}

#signatures li{
    font-size: 0.9em;
}

#accueil-endermologie h3{
    text-align: right;
    font-size: 2em;
}


}
@media only screen and (min-width: 95em){
.conteneur,header div.contslogan{width:1200px;}
header.accueil div.contslogan{margin:-35em auto 35em auto;}
header div.contslogan{/*margin:-35em auto 35em auto;*/margin:-15em auto 20em auto;}
header p.slogan{font-size:3em;width:600px;}
.csslider1 > .cs_description > label .cs_title{font-size:3em;width:620px;}
.csslider1 > .cs_description{left:15em;width:calc(100% - 15em);}
h1{font-size:3.25em;}
h2,h3{font-size:3em;}
main nav h2{font-size:2.25em;}
h3{font-size:2.25em; margin:1em 0 0em 0;}
header div.slogan{margin-left:-10em;}
header div.slogan{width:600px;}
header div.transparence p.coord span{display:inline-block;margin:0 0.5em;}
aside ul li{height:125px;}
aside ul li p{width:55%;margin-left:0.5em;}
aside ul li{width:17%;}
.conteneur{width:1400px;}
main nav ul li p{height:180px;}
main nav ul li:nth-child(3) p,main nav ul li:nth-child(4) p{height:180px;}
aside ul li p span.petit{font-size:.6em;}
a.linkboutique{margin-top:0;}

    #signatures h3{
        font-size: 2.5em;
        margin-top: 75px;
    }
}
@media only screen and (min-width: 100em){
.conteneur{width:1400px;}
header nav.main-nav li a{padding: 2em;}
header nav.main-nav li:first-child a{padding:2em 1.5em;}

main div.promotion img.pot{margin-left:9em;}
header div.slogan{margin-left:-13em;}
aside ul li p{width:64%;margin-left:0.5em;font-size:1.2em;}
aside ul li{width:18%;height:100px;}
aside ul{width:100%;margin:0 auto;}
aside ul li.promotion p:nth-child(1){width:60%;}
aside ul li.promotion{padding:1.35em 1em;height:calc(100px - 1.6em);}
.conteneur{width:1500px;}
iframe.googlemap{width:700px;}





}
@media only screen and (min-width: 108em){
}
@media only screen and (min-width: 120em){
main.secondaire article.conteneur{width:1600px;}
aside ul li{width:18.5%;}
aside ul li p span.petit{font-size:.75em; display:inline;}
}
@media only screen and (min-width: 130em){
aside ul{width:2000px;margin:0 auto;}
header div.slogan{margin-left:-15em;}
.conteneur{width:1800px;}
main nav ul{margin:0 auto;width:1800px;}
footer nav.principale{width:1000px;}
}
@media only print{
nav,.csslider1, .csslider1 img{display:none;}
h1,h2,h3,h4,p,ul li{color:#000 !important;}
header div.transparence{position:relative;}
aside ul li{display:inline-block;width:45%;vertical-align:top;padding:0.5em;}
main.secondaire div.produit{/*display:inline-block;width:45%;vertical-align:top;padding:0.5em; margin:0 .5em;*/ page-break-inside:avoid;}
.morePrix, .more{display:block !important;}

} 