html, body { margin: 0; padding: 0; width: 100%; }
body { font-family: 'Raleway', sans-serif; font-size: 12px; line-height: 16px; letter-spacing: 0.025em; font-weight: 400; color: #2c2c2c; }
p { margin-bottom: 10px;}
ol, ul { margin-bottom: 10px;}
h1 { color:#3a3a3a; font-size:16px; line-height:18px; letter-spacing: .1em; font-weight: 900; text-transform: uppercase; margin-top: 0; margin-bottom: 12px; }
h2 { font-size: 12px; line-height: 14px; font-weight: 900; margin-top: 0; margin-bottom: 10px; color: #ef548a;}
a { color: #ef548a;}
a:hover { color: #d44a7a; text-decoration: underline; }
/* Ensure elements load hidden before ScrollReveal runs */
.sr .sr { visibility: hidden; }
.sr .sr-left { visibility: hidden; }
.sr .sr-right { visibility: hidden; }
div.site_container { overflow-x: hidden; }
div.site_container>header { position: relative; }
div.site_container>header div.header-fixable { position: fixed; border-top: 5px solid #f1f0ee; width: 100%; /*height: 265px;*/ background-color: #fff; z-index: 10; transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; }
div.site_container>header div.header-fixable.shrink { height: auto;box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2); }
div.site_container>header div.header-fixable div.logo img { opacity: 1; visibility: visible; transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out;}
div.site_container>header div.header-fixable.shrink div.logo img { opacity: 0; height: 0; visibility: hidden;}
div.site_container>header div.header-fixable div.logo-small { visibility: hidden; height: 0; opacity: 0; text-align: center; margin: 0 auto; max-width: 35px; transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; }
div.site_container>header div.header-fixable.shrink div.logo-small { display: block; visibility: visible; height: auto; opacity: 1;}
div.site_container>header div.heightAnnonce { height: 216px!important; }
div.site_container>header div.header-push { height: 170px; }
div.site_container>header div.annonce { background-color: #ef487e; height: 46px; }
div.site_container>header div.annonce h1{ margin:5px 0; color: #fff; font-size:10px; text-align: center; }
div.site_container>header div.top-bar-wrapper { margin-top: 10px; font-size: 15px; }
div.site_container>header div.top-bar-wrapper a { color: #b8b8b8; }
div.site_container>header div.top-bar-wrapper a:hover { color: #f5a1be; text-decoration: none; }
div.site_container>header div.top-bar-wrapper a.selected { color: #f5a1be; text-decoration: underline; }
div.site_container>header div.social-links { float: right; }
div.site_container>header div.social-links ul { margin: 0 15px 0 0; font-size: 20px; line-height: 20px;}
div.site_container>header div.social-links ul li { float: left;margin-left: 15px; }
div.site_container>header div.social-links ul li:first-child { margin-left: 0px; }
div.site_container>header div.contact-links { float: right; margin-right: 15px; }
div.site_container>header div.contact-links ul { font-size: 20px; line-height: 20px; margin: 0; }
div.site_container>header div.contact-links ul li { float: left; margin-left: 15px; }
div.site_container>header div.contact-links ul li:first-child { margin-left: 0px; }
div.site_container>header div.contact-links ul li a { position: relative; display: block; }
div.site_container>header div.contact-links ul li a.phone { font-size: 15px; font-weight: 900; }
div.site_container>header div.contact-links ul li a.phone i { font-size: 20px; font-weight: 400; padding-right: 6px; vertical-align: middle; }
div.site_container>header div.switch-language { float: right; font-size: 17px; line-height: 20px; font-weight: 900; text-transform: uppercase; }
div.site_container>header div.switch-language a { color: #797979;}
div.site_container>header div.logo { padding: 0 20px 0 30px; /* offset to compensate logo (flower) no centered */ }
div.site_container>header div.header-fixable div.nav-bar-wrapper { padding: 10px 0 10px; transition: padding 0.2s ease-in-out; -webkit-transition: padding 0.2s ease-in-out; -moz-transition: padding 0.2s ease-in-out; }
div.site_container>header div.header-fixable.shrink div.nav-bar-wrapper { padding: 6px 0 6px; }
div.site_container>header nav { display: block; text-align: center; }
div.site_container>header nav ul { display: inline-block; list-style: none; padding: 0 10px; margin: 0; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
div.site_container>header nav ul li { position: relative;float: left; font-size: 12px; line-height: 14px; font-weight: 600; margin-left: 20px; }
div.site_container>header nav ul li:first-child { margin-left: 0px; }
div.site_container>header nav ul li a { display: block;font-size: 12px; line-height: 30px; font-weight: 600; text-transform: uppercase; color: #686868; }
div.site_container>header nav>ul>li>a:hover, div.site_container>header nav>ul>li>a.nav-open { text-decoration: none; color: #ef487e; }
div.site_container>header nav>ul>li div.dropdown_sub { position:absolute; display:none; width:500px; left:-30px; margin:0; z-index:5;padding:20px 30px; background-color: rgba(255,255,255,.9);border-top: 1px solid #d3d3d3;-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);}
div.site_container>header nav>ul>li.nav-last div.dropdown_sub { left:inherit; right:-30px; }
div.site_container>header nav>ul>li div.dropdown_sub div.sub_wrapper { position:relative; margin:0px; background-color:transparent}
div.site_container>header nav>ul>li div.dropdown_sub ul { float:none; border: none; padding: 0; font-weight:normal; text-transform:none; list-style:none; margin:0; width: 100%; height:auto; -webkit-column-count: 2; -webkit-column-gap: 10px; -webkit-column-fill: balance; -moz-column-count: 2;-moz-column-gap: 10px; -moz-column-fill: balance; column-count: 2; column-gap: 10px; column-fill: balance; }
div.site_container>header nav>ul>li div.dropdown_sub ul li { margin: 0; padding: 0px 0 10px; font-size:14px; line-height:16px; text-align:left; float:none; vertical-align: top; background:none; height:auto; }
div.site_container>header nav>ul>li div.dropdown_sub ul li a { text-align: left; font-weight: 400; text-transform: none; color:#686868; line-height: 16px; }
div.site_container>header nav>ul>li div.dropdown_sub ul li a:hover { color:#ef487e; text-decoration:underline; }
div.site_container>header nav>ul>li div.dropdown_sub ul ul { display: none; }
div.site_container>header div.slider-wrapper { position: relative; height: 210px; z-index: 0; overflow: hidden; }
div.site_container>header div.slider-wrapper div.top-spacer { height: 10px }
div.site_container>header div.slider-wrapper div.overlay img { margin-top: -8px; max-width: 230px;}
div.site_container>header div.slider-wrapper #home-video-wrapper {width: 100%; height: 202px; position: relative;}
div.site_container>header div.slider-wrapper #home-video-wrapper #home-video { position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}
div.site_container>header div.slider-wrapper #home-video-wrapper #home-video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}
div.site_container>header div.slider-wrapper #videoMessage {width: 100%; height:100%; position: absolute; top: 0; left: 0;}
div.site_container>header div.slider-wrapper #home-video-content-wrapper { position: absolute; display: table; width: 100%; height: 100%;}
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content { display: table-cell; text-align: center; vertical-align: middle; }
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content h1,
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content div.header-title { font-size: 26px; line-height: 28px; letter-spacing: .15em; color: #fff; font-weight:900; text-transform:uppercase; }
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content h1>span,
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content div.header-title span { display: block; font-size: 12px; line-height: 14px; letter-spacing: .1em;font-weight: 900; }
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content p { color: #fff; display: block; font-size: 12px; line-height: 14px; letter-spacing: .1em;font-weight: 900; }
div.site_container>header div.slider-wrapper div.bg-image { background-image: url(../images/home/bg-slide1.jpg);}
div.site_container>header div.slider-wrapper div.bg-image { background-color: #fff; background-position: center 0; background-repeat: no-repeat; background-size: cover; position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transform: scale(1.05); transition: transform 10s cubic-bezier(0.3, 0, 0.7, 1), opacity 2s ease; }
div.site_container>header div.slider-wrapper div.bg-image.animate { opacity: 1;transform: scale(1); }
div.site_container>header div.sub-hero { position: relative; height: 150px; z-index: 0; background-image: url(../images/home/bg-slide1.jpg); }
div.site_container>header div.sub-hero div.slide-content-wrapper { position: relative; display: table; width: 100%; height: 100%; }
div.site_container>header div.sub-hero div.slide-content-wrapper div.bg-image { background-image: url(../images/home/bg-slide1.jpg);}
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content { display: table-cell; text-align: center; vertical-align: middle; }
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content h1,
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content div.header-title { font-size: 26px; line-height: 28px; letter-spacing: .15em; color: #fff; font-weight:900; text-transform:uppercase; }
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content h1>span,
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content div.header-title span { display: block; font-size: 12px; line-height: 14px; letter-spacing: .1em;font-weight: 900; }
/* Home */
section.soins { position: relative; margin: -15px 0 20px; }
section.soins div.bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
section.soins div.soins-container { color: #fff; }
section.soins div.soins-container ul { list-style: none; padding: 0; margin: 10px 0 0; }
section.soins div.soins-container ul li { float: left; width: 100%; }
section.soins div.soins-container ul li:nth-child(even) { margin-left: 10%; }
section.soins div.soins-container ul li:nth-child(2n+1){ clear:left; }
section.soins div.soins-container ul li:nth-child(n+3){ padding-top: 10px; }
section.soins div.soins-container ul li a { display: inline-block;font-size: 12px; line-height: 14px; min-height: 16px; color: #fff; text-transform: uppercase; font-weight: 900; padding: 1px 22px 1px 0; background-image: url(../images/elements/icon-empty-white-arrow.svg); background-size: 16px 16px; background-position:100% 0; background-repeat:no-repeat;}
section.soins div.soins-container ul li a:hover { color: #292929; text-decoration: none; background-image: url(../images/elements/icon-full-black.svg);}
section.soins div.soins-container h2 { color: #fff; font-size: 16px; line-height: 18px; text-transform: uppercase; }
section.soins div.soins-container div.left { margin-left: 0; padding: 25px 25px 25px 42px; background-image: url(../images/elements/icon-cross-white.svg); background-size: 34px 34px; background-position: 0 25px; background-repeat:no-repeat; }
section.soins div.soins-container div.right { margin-right: 0; padding: 25px 25px 25px 42px; background-image: url(../images/elements/icon-beauty_face.svg); background-size: 34px 34px; background-position: 0 25px; background-repeat:no-repeat; }
section.about { position: relative; margin-bottom: 25px; }
section.about div.video-wrapper { position: relative }
section.about div.video-wrapper>div { margin-top: 0!important; }
section.about div.video-wrapper video { width: 100%; height: auto; }
section.about div.about-content { padding: 8px 0 0 0;}
section.about div.about-content h1 span { display: block; color: #cccccc; font-size: 10px; line-height: 14px; letter-spacing: .4em; }
section.about div.about-content span.bt-more a { display: inline-block; color: #292929; line-height: 20px; font-weight: 700; padding-right: 30px; background-image: url(../images/elements/icon-white-black-arrow.svg); background-size: 20px 20px; background-position:100% 0; background-repeat:no-repeat;}
section.about div.about-content span.bt-more a:hover { color: #ef487e; text-decoration: none; background-image: url(../images/elements/icon-pink-white-arrow.svg); }
div.quote { position: relative; font-family: 'Dancing Script'; margin-bottom: 15px; text-align: center; font-size: 20px; line-height: 24px; font-weight: 700; color: #292929; }
section.team { position: relative; margin-bottom: 15px; }
section.team div.bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #f5f5f5; border-top: 10px solid #fff; background-image: url(../images/elements/bg-team.jpg); background-size: cover; background-position: 50% 50%;}
section.team div.team-member { position: relative; }
section.team div.team-member h2 { text-transform: uppercase; color: #292929; font-size: 14px; line-height: 16px; font-weight: 900; }
section.team div.team-member h2 a { color: #292929; }
section.team div.team-member h2 span { display: block; color: #cccccc; font-size: 10px; line-height: 14px; letter-spacing: .4em; font-weight: 900; text-transform: uppercase;}
section.team picture { display: inline-block; vertical-align: bottom; }
section.call-to-action { position: relative; margin: 0 0 25px; font-size: 13px; line-height: 15px; font-weight: 900; color: #fff; text-transform: uppercase;}
section.call-to-action p { font-size: 10px; line-height: 12px; font-weight: 500; color: #fff; text-transform: none; padding: 10px 0 10px 0; margin: 0; }
section.call-to-action div.cta-container div.right div.infolettre { font-weight: 500; margin: 0; padding: 0; }
section.call-to-action div.cta-container a { color: #fff; }
section.call-to-action div.cta-container div.left { margin-left: 0; padding: 25px 15px 25px 45px; background-image: url(../images/elements/icon-calendar-white.svg); background-size: 26px 26px; background-position: 0 25px; background-repeat:no-repeat; }
section.call-to-action div.cta-container div.left a { display: inline-block; padding: 0px 50px 0px 0; background-image: url(../images/elements/icon-empty-white-arrow.svg); background-size: 28px 28px; background-position: 100% 50%; background-repeat:no-repeat; }
section.call-to-action div.cta-container div.left a:hover { text-decoration: none; background-image: url(../images/elements/icon-full-white.svg); }
section.call-to-action div.cta-container div.right { margin-right: 0; padding: 20px 15px 25px 70px; background-image: url(../images/elements/icon-mail-white.svg); background-size: 41px 34px; background-position: 16px 14px; background-repeat:no-repeat; }
section.call-to-action div.cta-container div.right div.app div.title { padding-top: 0; }
section.call-to-action div.cta-container div.right div.app ul { list-style: none; padding: 0; margin: 0;}
section.call-to-action div.cta-container div.right div.app ul li { margin-top: 10px; }
/* SUB */
div.site_container div.sub { margin-top: 15px; margin-bottom: 25px; }
div.site_container div.sub .breadcrumb { background-color: transparent; padding: 0; }
div.site_container div.sub .breadcrumb > li + li::before { content:">";color: #686868; }
div.site_container div.sub .breadcrumb li { color: #ef548a; }
div.site_container div.sub .breadcrumb li a { color: #686868; }
div.site_container div.sub div.content img { display: block; max-width: 100%; height: 0; }
div.site_container div.sub div.content ul { padding-left: 15px; }
div.site_container div.sub div.content ul li { margin: 5px 0; }
/* ASIDE */
div.site_container div.sub aside { position: relative; }
div.site_container div.sub aside div.subnav-wrapper{ position: relative; }
div.site_container div.sub aside div.subnav-wrapper div.subnav-parent{ font-weight: 900; text-transform: uppercase;}
div.site_container div.sub aside div.subnav-wrapper div.subnav-parent a{ color: #3a3a3a; }
div.site_container div.sub aside div.subnav-wrapper ul { list-style: none; padding: 0; margin: 4px 0 15px; }
div.site_container div.sub aside div.subnav-wrapper ul li { border-top: 1px solid #dbdbdb; }
div.site_container div.sub aside div.subnav-wrapper ul li:first-child { border-top:none; }
div.site_container div.sub aside div.subnav-wrapper ul li a { display: block; padding: 5px 25px 5px 4px;color: #3a3a3a; background-image: url(../images/elements/icon-empty-grey-arrow.svg); background-size:14px 14px; background-repeat:no-repeat; background-position: right 5px center; }
div.site_container div.sub aside div.subnav-wrapper ul li a:hover { color: #ef548a; text-decoration: none; background-image: url(../images/elements/icon-pink-white-arrow.svg);}
div.site_container div.sub aside div.subnav-wrapper ul li.nav-selected a { color:#ef548a; }
div.site_container div.sub aside div.cta { margin-top: 15px; text-align: center;}
div.site_container div.sub aside a.rv { display: inline-block; background-color: #f0678e;background-image: url(../images/home/bg-soins.png); background-repeat:no-repeat; background-position:50% 80%; background-blend-mode:multiply; background-size:100%; }
.no-background-blend-mode div.site_container div.sub aside a.rv { background-image: none; }
div.site_container div.sub aside a.rv span { display: inline-block; padding: 12px 8px 12px 38px; color: #fff; font-size: 12px; line-height: 14px; font-weight: 900; text-align: left; text-transform: uppercase; background-image:url(../images/elements/icon-calendar-white.svg); background-size:18px 18px; background-position:12px 12px; background-repeat:no-repeat; }
div.site_container div.sub aside div.app { padding: 0 8px 10px; background-color: #f5a1be; text-align: center; background-image: url(../images/home/bg-soins.png); background-repeat:no-repeat; background-position:50% 60%; background-blend-mode:multiply; background-size:140%;}
.no-background-blend-mode div.site_container div.sub aside div.app { background-image: none; }
div.site_container div.sub aside div.app div.title { font-size: 12px; line-height: 14px; padding: 90px 0 0; font-weight: 900; text-transform: uppercase; color: #fff; background-image: url(../images/elements/icon-mail-white.svg); background-size:80px 74px; background-position:50% 9px; background-repeat:no-repeat;}
div.site_container div.sub aside div.app div.title span { display: block; font-size: 18px; line-height: 20px;}
div.site_container div.sub aside div.app ul { display: table; list-style: none; padding: 0; margin: 10px 0 0;}
div.site_container div.sub aside div.app ul li { display: table-cell; width: 50%; vertical-align: middle; }
div.site_container div.sub aside div.app ul li a { display: inline-block; padding:0 2px; }
div.contact-form div.frmTitle { padding: 10px 0px 0px 0; }
div.contact-form div.frmTitle p { margin: 0; display: block; color: #cccccc; font-size: 10px; line-height: 14px; letter-spacing: .4em; font-weight: 900; text-transform: uppercase; }
div.contact-form div.frmTitle h2 { margin-bottom: 0; font-size: 16px; line-height: 18px; text-transform: uppercase; color: #292929; letter-spacing: .1em;}
div.contact-form textarea { height: 93px; margin: 5px 0; }
div.contact-form div#ff_buttons { margin-top: -15px; text-align: right;}
div.contact-form input[type=submit] {display: inline-block; border: none; background-color: transparent; color: #292929; line-height: 20px; font-weight: 700; padding:0 30px 0 0; background-image: url(../images/elements/icon-white-black-arrow.svg); background-size: 20px 20px; background-position:100% 0; background-repeat:no-repeat; }
div.contact-form input[type=submit]:active:focus { background-color: transparent; color: #292929;}
div.contact-form input[type=submit]:active { box-shadow: none;}
div.contact-form input[type=submit].please_wait { background-color: transparent; }
div.contact-form input[type=submit]:hover { color: #ef487e; text-decoration: none; background-image: url(../images/elements/icon-pink-white-arrow.svg); }
footer { font-size: 13px; line-height: 15px; }
footer div.footer-content { border-top: 1px solid #d3d3d3; padding: 20px 0; }
footer div.footer-content div.footer-contacts-wrapper { text-align: center; max-width: 320px; margin: 0 auto; }
footer div.footer-content div.footer-contacts-wrapper div.logo { margin-bottom: 20px; text-align: center;}
footer div.footer-content div.footer-contacts-wrapper div.logo img { display: inline-block; }
footer div.footer-content div.footer-contacts-wrapper h2 { font-size: 13px; line-height: 15px; font-weight: 900; text-transform: uppercase; color: #3a3a3a; margin-bottom: 4px;}
footer div.footer-content div.footer-contacts-wrapper address {margin-bottom: 0;}
footer div.footer-content div.footer-contacts-wrapper a { color: #3a3a3a;}
footer div.footer-content div.footer-contacts-wrapper a.rv { display: inline-block; margin-top: 10px; background-color: #f0678e;background-image: url(../images/home/bg-soins.png); background-repeat:no-repeat; background-position:50% 50%; background-blend-mode:multiply; background-size:100%; }
.no-background-blend-mode footer div.footer-content div.footer-contacts-wrapper a.rv { background-image: none; }
footer div.footer-content div.footer-contacts-wrapper a.rv span { display: inline-block; padding: 15px 10px 15px 50px; color: #fff; font-size: 13px; line-height: 15px; font-weight: 900; text-align: left; text-transform: uppercase; background-image:url(../images/elements/icon-calendar-white.svg); background-size:22px 22px; background-position:15px 15px; background-repeat:no-repeat; }
footer div.footer-content div.nav>a { font-size: 13px; line-height: 15px; font-weight:900; text-transform: uppercase;color: #3a3a3a; }
footer div.footer-content div.nav ul { list-style: none; padding: 0; margin: 4px 0; }
footer div.footer-content div.nav ul li { margin: 4px 0; }
footer div.footer-content div.nav ul li a { color: #3a3a3a; }
footer div.footer-content div.nav ul ul { padding: 0 0 0 15px; }
/* Form elements */
.form-control { border-radius: 0; border-color: #bcbcbc; }
::-webkit-input-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; }
:-ms-input-placeholder { font-style: italic; }
:-moz-placeholder { font-style: italic; }
/* Copyright */
.copyrightContent{ background:#ef548a;padding:0;}
.copyrightContent div.tonik { padding:16px 0; float:left;}
.copyrightContent div.tonik div.logo { float: left; margin: 0; display: inline-block; width: auto;}
.copyrightContent div.tonik div.logo img { display:block; float:none; margin:0 auto;}
.copyrightContent div.tonik div.keywords { float:left; vertical-align:middle; margin-left:10px;}
.copyrightContent div.tonik div.keywords a { margin:0 5px; text-decoration:none; color:#fff!important; font-size:11px; line-height:13px; display:block;}
.copyrightContent div.tonik div.keywords a:hover { text-decoration:underline;}
.rightReserve{ float:left; color:#fff; font-size:14px; line-height: 14px; padding-top: 25px;}
.rightReserve span { display: block; }
/* sidr */
.sidr div ul:first-child { border-top: none; margin-bottom: 0;}
.sidr ul li { line-height: normal; font-size: 15px;}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { line-height: normal;}
.sidr ul li a { padding-top: 10px; padding-bottom: 10px;}
.sidr ul li a span { padding: 0;}
.sidr ul li ul li {line-height: normal;font-size: 13px;}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {line-height: normal;}
.sidr ul li ul li span {padding-left: 0px;padding-right: 0;}
.sidr ul li ul li a {padding-left: 25px;}
.sidr ul li ul li ul li {font-size: 12px;}
.sidr ul li ul li ul li a {padding-left: 35px;padding-top: 8px;padding-bottom: 8px;}
.sidr ul.social { text-align: center; border-top:1px solid #fff; margin: 0;}
.sidr ul.social li { display: inline-block; border:none; }
.sidr ul.social li a { display: inline-block; }
.sidr ul li a.phone { text-align: center; }
.sidr ul li a.phone i { margin-right: 5px; }
@media screen and (max-width:767px) {
div.site_container>header div.logo { max-width: 240px; margin: 0 auto; }
div.site_container>header div.responsive-menu{ text-align: center;height: 40px; line-height: 40px; }
div.site_container>header div.responsive-menu a { display: inline-block; vertical-align: middle; padding-right: 50px; font-size: 20px; line-height: 30px; font-weight: 400; text-transform: uppercase; color: #ef548a; background-image:url(../images/elements/icon-menu.png); background-repeat:no-repeat; background-position:right center; }
div.site_container>header div.responsive-menu a:focus, div.site_container > header div.responsive-menu a:hover { text-decoration: none; }
section.soins div.bg { background-color: #f385a9; background-image: url(../images/home/bg-soins.png); background-repeat:no-repeat; background-position:50% 50%; background-blend-mode:multiply; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);}
.no-background-blend-mode section.soins div.bg { background-image: none;}
section.soins div.soins-container div.border-xs { height: 1px; background-color: #fff; }
section.team div.team-member.left { text-align: left; padding-top: 25px; }
section.team div.team-member.right { text-align: right; padding: 10px 0 20px; }
section.call-to-action div.cta-container div.left-wrapper { text-align: center; background-color: #ef487e; background-image: url(../images/home/bg-soins.png); background-repeat:no-repeat; background-position:50% 50%; background-blend-mode:multiply; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);}
.no-background-blend-mode div.cta-container div.left-wrapper { background-image: none!important;}
section.call-to-action div.cta-container div.left-wrapper div.left { text-align: left; display: inline-block;}
section.call-to-action div.cta-container div.right-wrapper { margin-top: 15px; text-align: center; background-color: #f5a1be; background-image: url(../images/home/bg-soins.png); background-repeat:no-repeat; background-position:50% 50%; background-blend-mode:multiply; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);}
.no-background-blend-mode div.cta-container div.right-wrapper { background-image: none!important;}
section.call-to-action div.cta-container div.right-wrapper div.right { text-align: left; display: inline-block;}
section.call-to-action div.cta-container div.right div.app ul { display: table; width: 100%; margin-top: 10px; }
section.call-to-action div.cta-container div.right div.app ul li { display: table-cell; width: 50%; vertical-align: middle; }
div.contact-form .formidable { margin-top: 0; padding-top: 0;}
div.site_container div.sub aside a.rv { display: block; }
div.site_container div.sub aside div.app ul { display: inline-block; }
div.site_container div.sub aside div.app .formidable { padding-left: 15px; }
/* Copyright */
.copyrightContent{padding:23px 0 23px;}
.copyrightContent div.tonik { padding:0; float:none; }
.copyrightContent div.tonik div.logo img { display:inline-block;}
.copyrightContent div.tonik div.logo { float: none; display: block; text-align:center; }
.copyrightContent div.tonik div.logo a img { width: 74px; height: auto;}
.rightReserve{ float:none;font-size:11px; padding: 0 0 10px; text-align: center;}
}
@media screen and (min-width:768px) {
body { font-size: 12px; line-height: 16px; }
p { margin-bottom: 10px;}
ol, ul { margin-bottom: 10px;}
h1 { font-size:16px; line-height:18px; margin-bottom: 12px; }
h2 { font-size: 12px; line-height: 14px; margin-bottom: 10px; }
div.site_container>header div.header-fixable { border-top: 5px solid #f1f0ee; }
div.site_container>header div.header-fixable div.logo-small { max-width: 45px; }
div.site_container>header div.heightAnnonce { height: 200px!important; }
div.site_container>header div.annonce { height: 35px; }
div.site_container>header div.annonce h1{ margin:8px 0; font-size:12px; }
div.site_container>header div.header-push { height: 165px; }
div.site_container>header div.top-bar-wrapper { margin-top: 10px; font-size: 15px; }
div.site_container>header div.social-links ul { margin: 0 15px 0 0; font-size: 20px; line-height: 20px;}
div.site_container>header div.social-links ul li { margin-left: 15px; }
div.site_container>header div.contact-links { float: right; margin-right: 15px; }
div.site_container>header div.contact-links ul { font-size: 20px; line-height: 20px; }
div.site_container>header div.contact-links ul li { margin-left: 15px; }
div.site_container>header div.contact-links ul li a.phone { font-size: 15px; }
div.site_container>header div.contact-links ul li a.phone i { font-size: 20px; padding-right: 6px; }
div.site_container>header div.switch-language { font-size: 17px; line-height: 20px; }
div.site_container>header div.logo { padding: 0 25px 0 25px; }
div.site_container>header div.header-fixable div.nav-bar-wrapper { padding: 15px 0 8px; }
div.site_container>header div.header-fixable.shrink div.nav-bar-wrapper { padding: 6px 0 6px; }
div.site_container>header nav ul { padding: 0 10px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
div.site_container>header nav ul li { font-size: 12px; line-height: 14px; margin-left: 20px; }
div.site_container>header nav ul li a { font-size: 12px; line-height: 30px; }
div.site_container>header nav>ul>li div.dropdown_sub { left:-10px; }
div.site_container>header nav>ul>li.nav-last div.dropdown_sub { right:-10px; }
div.site_container>header div.slider-wrapper { height: 275px; }
div.site_container>header div.slider-wrapper div.overlay { position: absolute; z-index: 100; width: 100%; }
div.site_container>header div.slider-wrapper div.top-spacer { height: 10px }
div.site_container>header div.slider-wrapper div.overlay img { margin-top: -8px; max-width: 230px; }
div.site_container>header div.slider-wrapper #home-video-wrapper {height: 265px; }
div.site_container>header div.slider-wrapper #home-video-wrapper #home-video video { top: 0; -webkit-transform: translateX(-50%) translateY(-4%); transform: translateX(-50%) translateY(-4%);}
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content h1,
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content div.header-title { font-size: 26px; line-height: 28px; letter-spacing: .15em; }
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content h1>span,
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content div.header-title span { font-size: 12px; line-height: 14px; letter-spacing: .1em; }
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content h1,
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content div.header-title { font-size: 26px; line-height: 28px; letter-spacing: .15em; }
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content h1>span,
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content div.header-title span { font-size: 12px; line-height: 14px; letter-spacing: .1em;}
div.site_container>header div.sub-hero { height: 175px; }
/* Home */
section.soins { margin: -20px 0 25px; }
section.soins div.bg div.left { position: absolute; top: 0; left: 0; height: 100%; width: calc(50% - 15px); background-color: #f385a9; background-image: url(../images/home/bg-soins.png); background-repeat:no-repeat; background-position:50% 50%; background-blend-mode:multiply;box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2); }
.no-background-blend-mode section.soins div.bg div.left { background-image: none;}
/* the following (div.right) is to use the same background image but flipped horizontally*/
section.soins div.bg div.right { position: absolute; top: 0; right: 0; height: 100%; width: calc(50% - 15px); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);}
section.soins div.bg div.right::before { position: absolute; content: ""; transform:scaleX(-1); top: 0; right: 0; width: 100%; height: 100%; background-color: #f9cada; background-image: url(../images/home/bg-soins.png);background-repeat:no-repeat; background-position:50% 50%; background-blend-mode:multiply;}
.no-background-blend-mode section.soins div.bg div.right::before { background-image: none;}
section.soins div.soins-container ul { margin: 10px 0 0; }
section.soins div.soins-container ul li:nth-child(even) { margin-left: 10%; }
section.soins div.soins-container ul li:nth-child(n+3){ padding-top: 10px; }
section.soins div.soins-container ul li a { font-size: 12px; line-height: 14px; min-height: 16px; padding: 1px 22px 1px 0; background-size: 16px 16px; }
section.soins div.soins-container h2 { font-size: 16px; line-height: 18px; }
section.soins div.soins-container div.left { float: left;margin-left: 0;padding: 25px 25px 25px 42px; background-size: 34px 34px; background-position: 0 25px; }
section.soins div.soins-container div.right { float: left;margin-right: 0;padding: 25px 25px 25px 56px; background-size: 34px 34px; background-position: 15px 25px; }
section.about { margin-bottom: 25px; }
section.about div.video-wrapper { position: absolute; width: calc(50% - 15px); z-index: 9; /*10 is header*/ }
section.about div.about-content { padding: 8px 0 0 0px ;}
div.quote { margin-bottom: 15px; font-size: 20px; line-height: 24px; }
section.team { margin-bottom: 15px; }
section.team div.bg { border-top: 10px solid #fff; }
section.team div.team-member { padding: 30px 0 10px; }
section.team div.team-member.left { text-align: right; }
section.team div.team-member.right { text-align: left; }
section.team div.team-member h2 { font-size: 14px; line-height: 16px; }
section.call-to-action { margin: 0 0 25px; font-size: 14px; line-height: 16px; }
section.call-to-action p { font-size: 12px; }
section.call-to-action div.bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
section.call-to-action div.bg div.left { position: absolute; top: 0; left: 0; height: 100%; width: calc(50% - 15px); background-color: #ef487e; background-image: url(../images/home/bg-soins.png); background-repeat:no-repeat; background-position:50% 50%; background-blend-mode:multiply;box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2); }
.no-background-blend-mode section.call-to-action div.bg div.left { background-image: none; }
/* the following (div.right) is to use the same background image but flipped horizontally*/
section.call-to-action div.bg div.right { position: absolute; top: 0; right: 0; height: 100%; width: calc(50% - 15px); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);}
section.call-to-action div.bg div.right::before { position: absolute; content: ""; transform:scaleX(-1); top: 0; right: 0; width: 100%; height: 100%; background-color: #f5a1be; background-image: url(../images/home/bg-soins.png);background-repeat:no-repeat; background-position:50% 50%; background-blend-mode:multiply;}
.no-background-blend-mode section.call-to-action div.bg div.right::before { background-image: none; }
section.call-to-action div.cta-container div.left { float: left;margin-left: 35px; padding: 25px 25px 25px 45px; background-size: 26px 26px; background-position: 0 25px; }
section.call-to-action div.cta-container div.left a { display: inline-block; padding: 0px 50px 0px 0; background-size: 28px 28px; background-position: 100% 50%; }
section.call-to-action div.cta-container div.right { float: left;margin-right: 0px; padding: 20px 0px 25px 70px; background-size: 41px 34px; background-position: 16px 14px; }
section.call-to-action div.cta-container div.right div.app div.title {float: left; width: 190px; padding-top: 0px; }
section.call-to-action div.cta-container div.right div.app ul {float: left; width:70px; margin-left: 10px;}
section.call-to-action div.cta-container div.right div.app ul li { margin-top: 3px; }
section.call-to-action div.cta-container div.right div.app ul li:first-child { margin-top: 0px; }
/* SUB */
div.site_container div.sub { margin-top: 20px; margin-bottom: 25px; }
div.site_container div.sub div.content ul li { margin: 5px 0; }
/* ASIDE */
div.site_container div.sub aside div.subnav-wrapper ul { margin: 4px 0 15px; }
div.site_container div.sub aside div.subnav-wrapper ul li a { padding: 5px 25px 5px 4px; background-size:14px 14px; background-position: right 5px center; }
div.site_container div.sub aside div.cta { margin-top: 15px; }
div.site_container div.sub aside a.rv { background-position:50% 80%; }
div.site_container div.sub aside a.rv span { padding: 12px 8px 12px 38px; font-size: 12px; line-height: 14px; background-size:18px 18px; background-position:12px 12px; }
div.site_container div.sub aside div.app { padding: 0 8px 10px; background-position:50% 220%; background-size:140%;}
div.site_container div.sub aside div.app div.title { font-size: 12px; line-height: 14px; padding: 90px 0 0; background-size:80px 74px; background-position:50% 9px; }
div.site_container div.sub aside div.app div.title span { font-size: 18px; line-height: 20px;}
div.site_container div.sub aside div.app ul { margin: 10px 0 0; display: table; width: 100%; }
div.site_container div.sub aside div.app ul li { display: table-cell; width: 50%; vertical-align: middle; }
div.contact-form div.frmTitle { padding: 10px 0px 10px 0; }
div.contact-form div.frmTitle h2 { font-size: 16px; line-height: 18px; }
div.content div.contact-form div.frmTitle h2 { font-size: 14px; line-height: 16px;}
footer { background-image: url(../images/home/bg-soins.png); background-repeat:no-repeat; background-blend-mode:multiply;background-size:90%; background-position: -120% 60%; font-size: 13px; line-height: 15px; }
.no-background-blend-mode footer { background-image: none; }
footer div.footer-content { padding: 20px 0; }
footer div.footer-content div.footer-contacts-wrapper { max-width: 240px; margin: 0; }
footer div.footer-content div.footer-contacts-wrapper div.logo { margin-bottom: 20px; }
footer div.footer-content div.footer-contacts-wrapper h2 { font-size: 13px; line-height: 15px; margin-bottom: 4px;}
footer div.footer-content div.footer-contacts-wrapper a.rv {margin-top: 10px; }
footer div.footer-content div.footer-contacts-wrapper a.rv span { padding: 15px 10px 15px 50px; font-size: 13px; line-height: 15px; background-size:22px 22px; background-position:15px 15px; }
footer div.footer-content div.nav>a { font-size: 13px; line-height: 15px; }
footer div.footer-content div.nav ul { margin: 4px 0; }
footer div.footer-content div.nav ul li { margin: 4px 0; }
footer div.footer-content div.nav ul ul { padding: 0 0 0 15px; }
/* Copyright */
.copyrightContent div.tonik { float:right;}
.copyrightContent div.tonik div.keywords a { font-size: 11px; line-height: 13px;}
.rightReserve{ padding-top: 27px;}
}
@media screen and (min-width:992px) {
body { font-size: 14px; line-height: 18px; }
p { margin-bottom: 15px;}
ol, ul { margin-bottom: 15px;}
h1 { font-size:20px; line-height:22px; margin-bottom: 15px; }
h2 { font-size: 14px; line-height: 16px; margin-bottom: 12px; }
div.site_container>header div.header-fixable { border-top: 7px solid #f1f0ee; }
div.site_container>header div.heightAnnonce { height: 245px!important; }
div.site_container>header div.annonce { height: 38px; }
div.site_container>header div.annonce h1{ margin:8px 0; font-size:12px; }
div.site_container>header div.header-push { height: 205px; }
div.site_container>header div.logo { padding: 0 35px 0 50px; /* offset to compensate logo (flower) no centered */ }
div.site_container>header div.header-fixable div.nav-bar-wrapper { padding: 20px 0 10px; }
div.site_container>header div.header-fixable.shrink div.nav-bar-wrapper { padding: 8px 0 8px; }
div.site_container>header nav ul { padding: 0 15px; }
div.site_container>header nav ul li { font-size: 14px; line-height: 16px; margin-left: 60px; }
div.site_container>header nav ul li a { font-size: 14px; line-height: 40px; }
div.site_container>header nav>ul>li div.dropdown_sub { left:-15px; }
div.site_container>header nav>ul>li.nav-last div.dropdown_sub { right:-15px; }
div.site_container>header div.slider-wrapper { height: 350px; }
div.site_container>header div.slider-wrapper div.top-spacer { height: 12px }
div.site_container>header div.slider-wrapper div.overlay img { margin-top: -12px; max-width: 310px; }
div.site_container>header div.slider-wrapper #home-video-wrapper {width: 100%; height: 338px; position: relative;}
div.site_container>header div.slider-wrapper #home-video-wrapper #home-video video { -webkit-transform: translateX(-50%) translateY(-4%); transform: translateX(-50%) translateY(-4%);}
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content h1,
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content div.header-title { font-size: 34px; line-height: 38px; letter-spacing: .15em; }
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content h1>span,
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content div.header-title span { font-size: 14px; line-height: 18px; letter-spacing: .4em; }
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content h1,
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content div.header-title { font-size: 34px; line-height: 38px; letter-spacing: .15em; }
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content h1>span,
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content div.header-title span { font-size: 14px; line-height: 18px; letter-spacing: .4em;}
div.site_container>header div.sub-hero { height: 220px; }
/* Home */
section.soins { margin: -25px 0 30px; }
section.soins div.soins-container ul li a { font-size: 14px; line-height: 16px; min-height: 20px; padding: 2px 26px 2px 0; background-size: 20px 20px; }
section.soins div.soins-container h2 { font-size: 18px; line-height: 20px; }
section.soins div.soins-container div.left { margin-left: 45px;padding: 30px 30px 30px 55px; background-size: 45px 45px; background-position: 0 30px; }
section.soins div.soins-container div.right { margin-right: 45px;padding: 30px 30px 30px 75px; background-size: 45px 45px; background-position: 21px 30px; }
section.about { margin-bottom: 30px; }
section.about div.about-content { padding: 10px 0 0 0px ;}
div.quote { margin-bottom: 20px; font-size: 24px; line-height: 28px; }
section.team { margin-bottom: 20px; }
section.team div.bg { border-top: 12px solid #fff; }
section.team div.team-member { padding: 40px 0 15px; }
section.team div.team-member h2 { font-size: 16px; line-height: 18px; }
section.call-to-action { margin: 0 0 30px; font-size: 16px; line-height: 18px; }
section.call-to-action p { font-size: 14px; }
section.call-to-action div.cta-container div.left { margin-left: 45px; padding: 30px 30px 30px 60px; background-size: 35px 35px; background-position: 0 30px; }
section.call-to-action div.cta-container div.left a { display: inline-block; padding: 3px 50px 0px 0; background-size: 28px 28px; background-position: 100% 50%; }
section.call-to-action div.cta-container div.right { margin-right: 25px; padding: 25px 0px 30px 86px; background-size: 55px 45px; background-position: 21px 19px; }
section.call-to-action div.cta-container div.right div.app div.title { width: 240px; padding-top: 8px; }
section.call-to-action div.cta-container div.right div.app ul { width:75px; margin-left: 15px;}
section.call-to-action div.cta-container div.right div.app ul li { margin-top: 4px; }
/* SUB */
div.site_container div.sub { margin-bottom: 30px; }
/* ASIDE */
div.site_container div.sub aside div.subnav-wrapper ul { margin: 6px 0 15px; }
div.contact-form div.frmTitle { padding: 10px 25px 10px 0; }
div.content div.contact-form div.frmTitle { padding: 10px 0 10px 0; }
div.contact-form div.frmTitle h2 { font-size: 18px; line-height: 20px; }
div.content div.contact-form div.frmTitle h2 { font-size: 16px; line-height: 18px;}
footer { background-size:90%;background-position: -10% 0; font-size: 13px; line-height: 15px; }
footer div.footer-content { padding: 20px 0; }
footer div.footer-content div.footer-contacts-wrapper { max-width: 240px; }
footer div.footer-content div.footer-contacts-wrapper div.logo { margin-bottom: 20px; }
footer div.footer-content div.footer-contacts-wrapper h2 { font-size: 13px; line-height: 15px; margin-bottom: 4px;}
footer div.footer-content div.footer-contacts-wrapper a.rv {margin-top: 10px; }
footer div.footer-content div.footer-contacts-wrapper a.rv span { padding: 15px 10px 15px 50px; font-size: 13px; line-height: 15px; background-size:22px 22px; background-position:15px 15px; }
footer div.footer-content div.nav>a { font-size: 13px; line-height: 15px; }
footer div.footer-content div.nav ul { margin: 4px 0; }
footer div.footer-content div.nav ul li { margin: 4px 0; }
footer div.footer-content div.nav ul ul { padding: 0 0 0 15px; }
/* Copyright */
.rightReserve{ padding-top: 23px;}
}
@media screen and (min-width:1200px) {
h1 { font-size:24px; line-height:26px; }
div.site_container>header div.header-fixable { border-top: 9px solid #f1f0ee; }
div.site_container>header div.header-fixable div.logo-small { max-width: 60px; }
div.site_container>header div.heightAnnonce { height: 295px!important; }
div.site_container>header div.annonce { height: 46px; }
div.site_container>header div.annonce h1{ margin:10px 0; font-size:14px; }
div.site_container>header div.header-push { height: 225px; }
div.site_container>header div.top-bar-wrapper { font-size: 17px; }
div.site_container>header div.social-links ul { margin: 0 20px 0 0; font-size: 24px; line-height: 24px;}
div.site_container>header div.social-links ul li { margin-left: 20px; }
div.site_container>header div.contact-links { margin-right: 20px; }
div.site_container>header div.contact-links ul { font-size: 24px; line-height: 24px; }
div.site_container>header div.contact-links ul li { margin-left: 20px; }
div.site_container>header div.contact-links ul li a.phone { font-size: 17px; }
div.site_container>header div.contact-links ul li a.phone i { font-size: 24px; padding-right: 8px; }
div.site_container>header div.switch-language { font-size: 19px; line-height: 24px; }
div.site_container>header div.logo { padding: 0 60px 0 75px; /* offset to compensate logo (flower) no centered */ }
div.site_container>header div.header-fixable div.nav-bar-wrapper { padding: 20px 0 10px; }
div.site_container>header div.header-fixable.shrink div.nav-bar-wrapper { padding: 10px 0 10px; }
div.site_container>header nav ul { padding: 0 20px; }
div.site_container>header nav ul li { font-size: 15px; line-height: 17px; margin-left: 80px; }
div.site_container>header nav ul li a { font-size: 15px; line-height: 50px; }
div.site_container>header nav>ul>li div.dropdown_sub { left:-20px; }
div.site_container>header nav>ul>li.nav-last div.dropdown_sub { right:-20px; }
div.site_container>header div.slider-wrapper { height: 425px; }
div.site_container>header div.slider-wrapper div.top-spacer { height: 15px }
div.site_container>header div.slider-wrapper div.overlay img { margin-top: -15px; max-width: 350px; }
div.site_container>header div.slider-wrapper #home-video-wrapper { height: 410px; }
div.site_container>header div.slider-wrapper #home-video-wrapper #home-video video { top:0; -webkit-transform: translateX(-50%) translateY(-4%); transform: translateX(-50%) translateY(-4%);}
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content h1,
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content div.header-title { font-size: 45px; line-height: 51px; }
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content h1>span,
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content div.header-title span { font-size: 16px; line-height: 22px; }
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content h1,
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content div.header-title { font-size: 45px; line-height: 51px; }
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content h1>span,
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content div.header-title span { font-size: 16px; line-height: 22px; }
div.site_container>header div.sub-hero { height: 275px; }
/* Home */
section.soins { margin: -30px 0 45px; }
section.soins div.soins-container ul li a { font-size: 16px; line-height: 18px; min-height: 22px; padding: 2px 28px 2px 0; background-size: 22px 22px; }
section.soins div.soins-container h2 { font-size: 22px; line-height: 24px; }
section.soins div.soins-container div.left { margin-left: 60px;padding: 40px 40px 40px 75px; background-size: 60px 60px; background-position: 0 40px; }
section.soins div.soins-container div.right { margin-right: 60px;padding: 40px 40px 40px 100px; background-size: 60px 60px; background-position: 28px 40px; }
section.about { margin-bottom: 45px; }
section.about div.about-content { padding: 15px 0 0 35px ;}
div.quote { margin-bottom: 30px; font-size: 28px; line-height: 32px; }
section.team { margin-bottom: 30px; }
section.team div.bg { border-top: 15px solid #fff; }
section.team div.team-member { padding: 75px 0 25px; }
section.team div.team-member h2 { font-size: 18px; line-height: 20px; }
section.call-to-action { margin: 0 0 45px; font-size: 20px; line-height: 24px; }
section.call-to-action p { font-size: 14px; }
section.call-to-action div.cta-container div.left { margin-left: 60px; padding: 40px 40px 40px 80px; background-size: 47px 47px; background-position: 0 40px; }
section.call-to-action div.cta-container div.left a { display: inline-block; padding: 5px 68px 0px 0; background-size: 38px 38px; }
section.call-to-action div.cta-container div.right { margin-right: 60px; padding: 35px 0px 40px 115px; background-size: 74px 60px; background-position: 28px 25px; }
section.call-to-action div.cta-container div.right div.app div.title { width: 280px; padding-top: 0px; }
section.call-to-action div.cta-container div.right div.app ul { width:83px; margin-left: 12px;}
section.call-to-action div.cta-container div.right div.app ul li { margin-top: 4px; }
/* SUB */
div.site_container div.sub { margin-top: 20px; margin-bottom: 40px; }
/* ASIDE */
div.site_container div.sub aside div.subnav-wrapper ul { margin: 8px 0 20px; }
div.site_container div.sub aside div.subnav-wrapper ul li a { padding: 6px 30px 6px 4px; background-size:14px 14px; background-position: right 6px center; }
div.site_container div.sub aside div.cta { margin-top: 20px; }
div.site_container div.sub aside a.rv { background-position:50% 80%; }
div.site_container div.sub aside a.rv span { padding: 15px 10px 15px 50px; font-size: 13px; line-height: 15px; background-size:22px 22px; background-position:15px 15px; }
div.site_container div.sub aside div.app { padding: 0 12px 15px; background-position:50% 220%; background-size:140%;}
div.site_container div.sub aside div.app div.title { font-size: 13px; line-height: 15px; padding: 120px 0 0; background-size:120px 98px; background-position:50% 9px; }
div.site_container div.sub aside div.app div.title span { font-size: 20px; line-height: 22px;}
div.site_container div.sub aside div.app ul { margin: 12px 0 0; }
div.contact-form div.frmTitle { padding: 15px 35px 15px 0; }
div.content div.contact-form div.frmTitle { padding: 15px 0 15px 0; }
div.contact-form div.frmTitle h2 { font-size: 20px; line-height: 22px;}
div.content div.contact-form div.frmTitle h2 { font-size: 16px; line-height: 18px;}
footer div.footer-content { padding: 25px 0; }
footer div.footer-content div.footer-contacts-wrapper div.logo { margin-bottom: 25px; }
footer div.footer-content div.footer-contacts-wrapper a.rv {margin-top: 12px; }
/* Copyright */
.rightReserve{ padding-top: 30px;}
.rightReserve span { display: inline-block; }
}
@media screen and (min-width:1599px) {
div.site_container>header div.header-push { height: 265px; }
div.site_container>header div.logo { padding: 0 90px 0 110px; /* offset to compensate logo (flower) no centered */ }
div.site_container>header div.header-fixable div.nav-bar-wrapper { padding: 25px 0 20px; }
div.site_container>header div.heightAnnonce { height: 315px!important; }
div.site_container>header div.annonce { height: 46px; }
div.site_container>header div.annonce h1{ margin:10px 0; font-size:16px; }
div.site_container>header div.slider-wrapper { height: 565px; }
div.site_container>header div.slider-wrapper div.top-spacer { height: 20px }
div.site_container>header div.slider-wrapper div.overlay img { margin-top: -20px;max-width: 498px; }
div.site_container>header div.slider-wrapper #home-video-wrapper { height: 545px; }
div.site_container>header div.slider-wrapper #home-video-wrapper #home-video video { top:50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content h1,
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content div.header-title { font-size: 60px; line-height: 66px; }
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content h1>span,
div.site_container>header div.slider-wrapper #home-video-content-wrapper .home-video-content div.header-title span { font-size: 18px; line-height: 24px; }
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content h1,
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content div.header-title { font-size: 60px; line-height: 66px; }
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content h1>span,
div.site_container>header div.sub-hero div.slide-content-wrapper div.slide-content div.header-title span { font-size: 18px; line-height: 24px; }
div.site_container>header div.sub-hero { height: 345px; }
/* Home */
section.soins { margin: -35px 0 60px; }
section.soins div.soins-container ul li a { font-size: 18px; line-height: 20px; min-height: 26px; padding: 3px 32px 3px 0; background-size: 26px 26px; }
section.soins div.soins-container h2 { font-size: 24px; line-height: 26px; }
section.soins div.soins-container div.left { margin-left: 80px;padding: 50px 50px 50px 100px; background-size: 78px 78px; background-position: 0 50px; }
section.soins div.soins-container div.right { margin-right: 80px;padding: 50px 50px 50px 135px; background-size: 78px 78px; background-position: 35px 50px; }
section.about { margin-bottom: 60px; }
section.about div.about-content { padding: 20px 0 0 100px ;}
div.quote { margin-bottom: 60px; font-size: 36px; line-height: 40px; }
section.team { margin-bottom: 40px; }
section.team div.bg { border-top: 20px solid #fff; }
section.team div.team-member { padding: 100px 0 30px; }
section.team div.team-member h2 { font-size: 20px; line-height: 22px; }
section.call-to-action { margin: 0 0 60px; font-size: 24px; line-height: 28px; }
section.call-to-action p { font-size: 14px; }
section.call-to-action div.cta-container div.left { margin-left: 80px; padding: 50px 50px 50px 100px; background-size: 58px 58px; background-position: 0 50px; }
section.call-to-action div.cta-container div.left a { display: inline-block; padding: 5px 85px 0px 0; background-size: 48px 48px; background-position: 100% 50%; }
section.call-to-action div.cta-container div.right { margin-right: 80px; padding: 45px 0px 50px 145px; background-size: 92px 76px; background-position: 35px 30px; }
section.call-to-action div.cta-container div.right div.app div.title { width: 380px; padding-top: 10px; }
section.call-to-action div.cta-container div.right div.app ul { width:110px; margin-left: 15px;}
section.call-to-action div.cta-container div.right div.app ul li { margin-top: 5px; }
/* SUB */
div.site_container div.sub { margin-bottom: 50px; }
/* ASIDE */
div.site_container div.sub aside div.subnav-wrapper ul { margin: 10px 0 25px; }
div.site_container div.sub aside div.subnav-wrapper ul li a { padding: 8px 35px 8px 5px; background-size:18px 18px; background-position: right 8px center; }
div.site_container div.sub aside div.cta { margin-top: 25px; }
div.site_container div.sub aside a.rv span { padding: 21px 25px 21px 68px; font-size: 14px; line-height: 16px; background-size:31px 30px; background-position:20px 20px; }
div.site_container div.sub aside div.app { padding: 0 15px 20px; background-position:50% 220%; background-size:140%;}
div.site_container div.sub aside div.app div.title { font-size: 14px; line-height: 16px; padding: 155px 0 0; background-size:155px 126px; background-position:50% 12px; }
div.site_container div.sub aside div.app div.title span { font-size: 24px; line-height: 26px;}
div.site_container div.sub aside div.app ul { margin: 12px 0 0;}
div.contact-form div.frmTitle { padding: 20px 90px 20px 0; }
div.content div.contact-form div.frmTitle { padding: 20px 0px 20px 0; }
div.contact-form div.frmTitle p { font-size: 10px; line-height: 14px; }
div.contact-form div.frmTitle h2 { font-size: 24px; line-height: 26px; }
footer { background-size:60%; font-size: 14px; line-height: 18px; }
footer div.footer-content { border-top: 1px solid #d3d3d3; padding: 35px 0; }
footer div.footer-content div.footer-contacts-wrapper { max-width: 275px; }
footer div.footer-content div.footer-contacts-wrapper div.logo { margin-bottom: 35px; }
footer div.footer-content div.footer-contacts-wrapper h2 { font-size: 14px; line-height: 16px; margin-bottom: 5px;}
footer div.footer-content div.footer-contacts-wrapper a.rv {margin-top: 15px; }
footer div.footer-content div.footer-contacts-wrapper a.rv span { padding: 21px 25px 21px 68px;font-size: 14px; line-height: 16px; background-size:31px 30px; background-position:20px 20px; }
footer div.footer-content div.nav>a { font-size: 14px; line-height: 16px; }
footer div.footer-content div.nav ul { margin: 5px 0; }
footer div.footer-content div.nav ul ul { padding: 0 0 0 12px; }
}
/* USAGE
*/
/* content styles */
.inside { }
/*
// if you want to give content full height give him height: 100%;
// with content full height you can't apply margins to the content
// content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
*/
.inside-full-height { height: 100%; margin-top: 0; margin-bottom: 0;}
/* columns of same height styles */
.row-height { display: table; table-layout: fixed; height: 100%; width: 100%; }
.col-height { display: table-cell; float: none; height: 100%; }
.col-top { vertical-align: top; }
.col-middle { vertical-align: middle; }
.col-bottom { vertical-align: bottom; }
@media (min-width: 480px) {
.row-xs-height { display: table; table-layout: fixed; height: 100%; width: 100%; }
.col-xs-height { display: table-cell; float: none; height: 100%; }
.col-xs-top { vertical-align: top; }
.col-xs-middle { vertical-align: middle; }
.col-xs-bottom { vertical-align: bottom; }
}
@media (min-width: 768px) {
.row-sm-height { display: table; table-layout: fixed; height: 100%; width: 100%; }
.col-sm-height { display: table-cell; float: none; height: 100%; }
.col-sm-top { vertical-align: top; }
.col-sm-middle { vertical-align: middle; }
.col-sm-bottom { vertical-align: bottom; }
}
@media (min-width: 992px) {
.row-md-height { display: table; table-layout: fixed; height: 100%; width: 100%; }
.col-md-height { display: table-cell; float: none; height: 100%; }
.col-md-top { vertical-align: top; }
.col-md-middle { vertical-align: middle; }
.col-md-bottom { vertical-align: bottom; }
}
@media (min-width: 1200px) {
.row-lg-height { display: table; table-layout: fixed; height: 100%; width: 100%; }
.col-lg-height { display: table-cell; float: none; height: 100%; }
.col-lg-top { vertical-align: top; }
.col-lg-middle { vertical-align: middle; }
.col-lg-bottom { vertical-align: bottom; }
}