/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

/*
Theme Name: ccil
Author: hlb edition
Template: twentyseventeen
*/


/*layout*/
#planity-gift-voucher {
	z-index: 9;
	position: relative;
}
#soin-77 .action_block {
	display: none;
}
.page-id-3 .info, .page-id-525 .info, .page-id-527 .info {
	width: 100%;
}.product-template-default #temoignages {
	display: none;
}
/*escale masquees
.page-id-129 .info.col-md-4 {
	width: 100%;
}
.page-id-129 .soins.col-md-8 {
	display: none;
}

/*******************/
.type-soin {
	background: #f9f9f9;
}
#content {
	min-height: 50vh;
}
.page-one-column .panel-content .wrap {
	max-width: 1480px;
	margin: auto !important;
}
.page:not(.home) #content::after {
	content: "";
	background: url('/wp-content/uploads/2019/10/bandeau_arabesque-01.jpg') no-repeat center/cover;
	width: 100%;
	height: 105px;
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
	z-index: 0;
	bottom: -46px;
}
.single #content .wrap, .page:not(.home) #content .wrap {
	padding-bottom: 5em;
}.
.home #content .wrap {
	padding-bottom: 0em;
}
.home .soins, .home .info {
	margin-top: 3.5em;
}
.info {
		-webkit-animation: appear 2s;
		        animation: appear 2s;
}
#raccourcis .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-square.vc_btn3-style-flat.vc_btn3-color-white.__mPS2id._mPS2id-h {
	background: #C2101F;
	display: grid;
}
.entry-content a img, .comment-content a img, .widget a img {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}
.presta_title {
	background: url(https://www.ccil-esthetique.fr/wp-content/uploads/2019/10/bouton_arabesque-01.png?id=70) !important;
	padding: 1em;
	text-align: center;
	color: white;
	margin-bottom: 1em!important;
}
.presta_img {
	margin: 0!important;
	overflow:hidden;
}
.presta_img a:hover img {
	transform: rotate(-5deg)scale(1.1);
	transition: scale linear .5s;
	opacity:.5;
}
.presta_img * {
	width: 100%;
}

.soins,.info {
	margin-top: 0em;
}
.soins {
	display: flow-root;
	-webkit-animation: appear 1s;
	        animation: appear 1s;
}
@-webkit-keyframes appear {
	    from {opacity: 0;}
		to {opacity: 100;}
}
@keyframes appear {
	    from {opacity: 0;}
		to {opacity: 100;}
}
#page {
	animation: appear 1s;
}
.wrap {
	max-width: 1480px;
	padding-left: 3em;
	padding-right: 3em;
}
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
}
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
	margin-bottom: 1em;
}
.actu_link, .home .actu_link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	padding: 15px;
	left: 0px;
}
.page .entry-content.col-lg-3 {
	background: #C2101F;
	padding: 15px;
}
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1480px;
}
.site-header {
	background: transparent;
}

/**epi def**/
/*.postid-4443 .entry-content.col-md-4 {
	width: 100%!important;
	margin-top: 5em!important;
}*/
#post-4443 .offrir, #post-4513 .offrir {
	display: none;
}
/**/

.home .custom-header {
	min-height: 70vh;
}
.site-branding {
	padding: 3em 0;
	position: absolute;
}
.page:not(.home) .custom-header, .single .custom-header {
	position: relative;
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	margin: 0 !important;
}
.page:not(.home) .site-branding, .single .site-branding {
	padding: 8em 0;
	position: relative;
	margin: auto;
}

#wp-custom-header img {
	position: absolute;
	top: 0;
	-o-object-fit: cover;
	object-fit: cover;
	left: 0;
	height: 100%;
}
.site-content {
	padding: 2.5em;
}
#post-178 .entry-content {
	width: 100%;
	/* background: transparent !important; */
}
#post-178 .entry-content .info{
	background: transparent !important;
}
.info {
	margin-top: 35px;
}
/***/





/*fonts*/
h1, h2, h3, h4, h5, h6 {
	padding: 0;
}
.wpcf7-form-control.wpcf7-submit {
	font-size: 1em;
}
#contact a, #resa a {
	font-size: 1.25em;
	color: black;
	padding: 0;
	margin: 0;
	top: 1px;
}
#content p, #content a, #content strong {
	color: white;
}
#bien-etre p {
	color: inherit;
}
#content #tradi p, #content #tradi a, #content #tradi strong {
	color: #3C3C3B;
}
nav a, footer p, footer a{
	font-size: 1.5em;
}
footer p, footer a{
	color: white;
}
.site-info a {
	color: wheat;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.site-info {
	width: 100%;
	text-align: center;
}
.btn-top {
	margin-bottom: 10px;
}
ul {
	padding-left: 15px;
	color: wheat;
}
h1, h2, h3, h4, h5, p, a , strong, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title,
#map .widget-title {
	font-family: 'Muli', sans-serif !important;
}
#map {
	padding-top: 4em;
}
	#map iframe {
	width: 100%!important;
}
.info h2 {
	line-height: 1em;
	text-align: center !important;
	margin-top: -15px;
	margin-bottom: 25px;
}
.soins h2 {
	color: white;
}
.widget-title, #map .widget-title {
	font-size: 2em !important;
	color: white !important;
	text-transform: none !important;
	font-weight: lighter !important;
	line-height: 1em !important;
	letter-spacing: 0.15em !important;
}
#age\ post-5 p, #age\ post-5 a {
	color: white !important;
}
#age\ post-5 h3 a {
	color: black !important;
	text-decoration: none!important;
	-webkit-box-shadow: none!important;
	        box-shadow: none!important;
}
#age\ post-5 h2, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title, .single .entry-title {
	font-size: 3em;
	text-align: center;
	color: white;
	font-weight: lighter;
	font-family: 'Muli', sans-serif;
	line-height: 1.25em;
	margin-top: 1em;
}
.loc, #conge h2, #conge h3 {
	font-family: 'Cookie', cursive!important;
	font-size: 2em!important;
}
.h2::first-letter, h2::first-letter, .page h1::first-letter, .single h1::first-letter, #map .widget-title::first-letter {
	font-family: 'Cookie', cursive;
	font-size: 4em;
	color : #C2101F; 
}
.price * {
	text-align: center !important;
}
.page .entry-content .info h2::first-letter, .single .entry-content .info h2::first-letter {
	font-family: 'Cookie', cursive;
	font-size: 4em;
	color: white;
}
#post-11 .page .entry-content .info h2::first-letter, #post-11 .single .entry-content .info h2::first-letter {
	font-family: 'Cookie', cursive;
	font-size: 4em;
	color:  #C2101F!important;
}
#post-11 .page .entry-content .info h2, #post-11 .single .entry-content .info h2 {
	color:  white;
}
#age\ post-5 .entry-title {
	line-height: 1em;
}
#age\ post-5 h3 {
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(25%, rgba(255,255,255,1)),color-stop(75%, rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	margin-left: 5em;
	padding: 15px;
	margin-right: 5em;
	margin-bottom: 1.5em;
}
#tradi h3 {
	/* background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(60,60,59,1) 25%, rgba(60,60,59,1) 75%, rgba(255,255,255,0) 100%); */
	/* background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(60,60,59,1) 25%,rgba(60,60,59,1) 75%,rgba(255,255,255,0) 100%); */
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(25%, rgba(60,60,59,1)),color-stop(75%, rgba(60,60,59,1)),to(rgba(255,255,255,0)));
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(60,60,59,1) 25%,rgba(60,60,59,1) 75%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(60,60,59,1) 25%,rgba(60,60,59,1) 75%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	/* margin-left: 5em; */
	padding: 15px;
	/* margin-right: 5em; */
	margin-bottom: 1.5em;
	color: white;
	text-align: center;
}
#content #tradi h3 a, #content #tradi h3 a:hover {
	color: white!important;
	-webkit-box-shadow: none!important;
	        box-shadow: none!important;
}
#tradi h2, #temoignages h2 {
	text-align: center;
}
#tradi h2 span {
	margin-top: -28px;
	position: relative;
	display: block;
}
#temoignages h2 {
	line-height: 1.5em;
	margin-top: 36px;
}
#age\ post-5 .soins h3, #tradi .soins h3 {
	background: transparent;
	margin: initial;
}
#paiements h2 {
	font-family: 'Cookie', cursive !important;
	color: #C2101F;
	text-align: center;
}
#paiements h2 span {
		font-family: 'Muli', sans-serif !important;
		font-size: .65em;
}
#paiements h2, #paiements h2::first-letter {
	font-family: 'Cookie', cursive !important;
	color: #C2101F;
	text-align: center;
	font-size: 3em;
	line-height: .85em;
}
.page .entry-content p {
	text-align: justify;
}
/***/


/**header**/
#informations * {
	color: inherit !important;
}
.custom-logo-link {
	margin: auto;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.custom-logo {
	margin: auto;
}
.site-branding-text * {
	margin: auto;
	width: 100%;
	text-align: center;
}
#conge {
	margin-top: 50px;
	text-align: center;
	max-width: 980px;
	margin: 50px auto 0;
	color: white;
	border: 1px dashed;
	padding: 1em;
}
#conge p {
	margin: 0;
}
.site-title {
	display: none;
}
.site-description {
	max-width: 350px;
	text-align: center;
	width: 100%;
	font-size: 1em;
}
body:not(.title-tagline-hidden) .site-branding-text {
	display: block;
	max-width: 100%;
	vertical-align: middle;
}
.home #resa-compte {
	bottom: 0;
}
#resa-compte {
	position: absolute;
	z-index: 2;
	color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: -10px;
	font-weight: lighter;
	font-size: 1.25em;

}

#compte a {
	padding: 9px 20px 9px 5px;
}
.page:not(.home) #compte {
	top: 0;
	position: relative;
}
.single #compte {
	top: 0;
	position: relative;
}
.latepoint-w #submit {
	background: white !important;
	color: red !important;
}
.latepoint-book-button {
	background-color: none!important;
}
#resa .latepoint-book-button.os_trigger_booking {
	color: white;
}
.latepoint-tab-content.tab-content-customer-new-appointment-form.active .latepoint-book-button.os_trigger_booking {
	background: 0 0;
	margin-top: 3px;
	width: 100%;
	text-align: center;
	color: white;
	border: 1px solid white;
}
.latepoint-tab-content.tab-content-customer-new-appointment-form.active .latepoint-book-button.os_trigger_booking:hover {
	opacity: .65;
}
.latepoint-book-button.os_trigger_booking {
	color: black;
}
.box {
	margin: auto;
	position: relative;
	top: -10px;
}
.home .box {
	top: 19px;
}

#compte a {
	font-weight: lighter;
	font-size: .95em;
	color: white;
	padding-left: 5px;
	text-decoration: none;
}
#resa:hover, #compte:hover {
	opacity: .65;
	transition: all linear .25s;
}
.custom-logo-link {
	padding-right: 0;
}
.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-width: 450px;
}
.info-top {
	background: #C2101F url('/wp-content/uploads/2019/10/bouton_arabesque-01.png');
	text-align: center;
	color: white;
	padding: 7px;
	font-size: .9em;
}
.info-top * {
	position: relative;
	z-index: 2;
}
.info-top::after {
	content: "";
	background: url('/wp-content/uploads/2019/10/bandeau_arabesque-down-01-01.png') no-repeat scroll center;
	width: 99%;
	height: 63px;
	display: block;
	position: absolute;
	top: 26px;
	z-index: 1;
}
.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
	top: 10%;
	display: block;
	left: 0;
	height: auto;
	padding-top: 0;
	position: absolute;
	width: 100%;
}



.home #masthead::after {
	bottom: -12px;
}
#contact, #tel, #resa {
	background: white;
	padding: 5px;
	color: black;
	margin: 5px;
}
/***/

/***nav***/
html .navigation-top .current-menu-item > a, html .navigation-top .current_page_item > a {
	color: black;
}
#menu-item-5416 a::before, #menu-item-5544 a::before, #menu-item-5560 a::before  {
	content: "";
	width: 25px;
	height: 25px;
	position: absolute;
	left: 15px;
}
#menu-item-5416 a::before {
	background: url('https://www.ccil-esthetique.fr/wp-content/uploads/2019/10/account.svg') no-repeat center /25px;
}
#menu-item-5560 a::before {
	background: url('https://www.ccil-esthetique.fr/wp-content/uploads/2019/10/checked.svg') no-repeat center /25px;
}
#menu-item-5544 a::before {
	background: url('https://www.ccil-esthetique.fr/wp-content/uploads/2023/03/giftbox.svg') no-repeat center /25px;
}
#menu-item-5416 a, #menu-item-5544 a, #menu-item-5560 a {
	padding-left: 50px;
}

.menu-social-container #menu-social {
	position: absolute;
	background: #2136a4;
	z-index: 999;
	right: 0;
	width: 50px;
	list-style: none;
	text-align: center;
	color: white;
	top: 13px;
	border-radius: 10px 0 0 10px;
	padding: .25em;
}
#menu-social li a {
	color: white;
	text-decoration: none;
	margin-bottom: .25em;
	display: block;
}
#menu-item-188 a {
	padding-left: 30px;
}
#menu-item-188 a::before {
	content: "";
	background: url('/wp-content/uploads/2019/11/giftbox.svg') no-repeat center/ cover;
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	left: 6px;
	/* background: white; */
	border-radius: 50px;
}

.page .navigation-top, .single .navigation-top {
	background: transparent;
	border-bottom: none;
	border-top: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.navigation-top {
	background: transparent;
	border-bottom: none;
	border-top: none;
}
.main-navigation a, .presta a {
	padding: 1em 1.25em;
	background: url('/wp-content/uploads/2019/10/bouton_arabesque-01.png');
	color: white;
}
.main-navigation a:hover, #content .presta a:hover {
	color: black !important;
	transition: color ease 1s;
	text-decoration: none !important;
}
.presta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.presta a {
	margin: auto;
	width: 100%;
	text-align: center;
}
#menu-item-113 a, .sub-menu a {
	background: #3C3C3B;
}
.sub-menu a {
	border: none;
}
.navigation-top.site-navigation-fixed, .page:not(.home) .navigation-top.site-navigation-fixed {
	background: #C2101F url('/wp-content/uploads/2019/10/bouton_arabesque-01.png');
}

.menu-toggle {
	color: white;
}
	/**sub-menu**/


	/***/

/**planity**/
#planity .button-module_button-9td2v.button-module_medium-szICh.button-module_linked-yJ4Uk.gift_voucher_choice-module_alignCenter-KL0rH * {
	color: black !important;
}
#planity .step-module_previous-lMYhg.step-module_disabled-zTpYs, #planity .step-module_next-a4Xd-, #planity .page-module_timeslot-lyAWf * {
	background: inherit;
}
#planity .service_set-module_description-Wxxd8 p {
	color: #fffffff7 !important;
	opacity: .75;
}
#planity button {
	background: #c2101f url('/wp-content/uploads/2019/10/bouton_arabesque-01.png');
	border-radius: 0;
}
#planity .service_set-module_title-kIcbL, #planity .button-module_label-PH\+kE, #planity .css-7hvfv9, [data-css-7hvfv9], #planity .css-cj2ck8, #planity .css-bjsqdp, #planity .css-1498xti, #planity .css-16s0lpr,#planity .service-module_toggle-MAAsH,#planity .title-module_title-5XjLY, #planity .account_tabs-module_nav-VgFiT.planity_myAccount_nav *,
#planity .css-1wi0xc4, #planity .css-nd436o, #planity .css-nd436o, #planity .css-1bo5d5p, #planity-account h2,#planity .title-module_title-hSgJT, #planity .gift_voucher-module_subtitle-r24c8,
#planity-account .css-7hvfv9, [data-css-7hvfv9], #planity-account .css-cj2ck8, #planity-account .css-bjsqdp, #planity-account .css-1498xti, #planity-account .css-16s0lpr,
#planity-account .css-1wi0xc4, #planity-account .css-nd436o, #planity-account .css-nd436o, #planity-account .css-1bo5d5p,
#planity-gift-voucher .css-7hvfv9, [data-css-7hvfv9], #planity-gift-voucher .css-cj2ck8, #planity-gift-voucher .css-bjsqdp, #planity-gift-voucher .css-1498xti, #planity-gift-voucher .css-16s0lpr,
#planity-gift-voucher .css-1wi0xc4, #planity-gift-voucher .css-nd436o, #planity-gift-voucher .css-nd436o, #planity-gift-voucher .css-1bo5d5p, .css-1j6kq6h *, .planity_ui_action_choose-with.css-18wwvwr {
	color: white!important;
}
#planity .service_set-module_cardWrapper-MtNiT ul {
	color: black;
}
#planity .css-1u1908p, #planity-account .css-1u1908p, #planity-gift-voucher .css-1u1908p  {
	display: none;
}
#content #planity a, #content #planity-account a,  #planity-gift-voucher a {
	color : #c2101f;
	text-decoration:none;
}
.page .entry-content #planity p,
.page .entry-content #planity-account p,
.page .entry-content #planity-gift-voucher p {
	color: grey;
	font-size: .95em;
	text-align: left;
}
#planity#planitywl * {
	box-sizing: border-box;
	word-break: normal !important;
	z-index: 999;
}

/***slider*/

.home .slide-top {
	width: 100%;
	overflow: hidden;
	top: 0;
	z-index: -1;
	position: absolute;
}

.metaslider .flexslider {
	margin: 0!important;
}
#page .flexslider .slides img {
	height: 70vh !important;
	/* -moz-user-select: none; */
	-o-object-fit: cover;
	   object-fit: cover;
	bottom: 0;
}
/***/

/**body**/
.page-one-column .panel-content .wrap {
	max-width: 1480px;
}
#content, #colophon {
	background: #3C3C3B;
}
.page .entry-content p, .page .entry-content a, .page .entry-content strong, .page .entry-header * {
	color: white;
}
#voir-aussi h2 {
	color: white;
}
/****/

/**home**/
#post-5 .wrap {
	padding-bottom: 0;
}
.home #temoignages {
	padding-top: 5em;
}
.info-text {
	padding-top: 15px;
}
.soins, #tradi .soins {
	max-height: 450px;
	overflow-x: hidden;
	scrollbar-width: thin;
	-ms-scroll-snap-type: inherit;
	    scroll-snap-type: inherit;
	scrollbar-color: cornsilk;
}
.single .soins {
	max-height: 600px;
}

#tradi .soins::before {
	color: #C2101F!important;
}
#c {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: -100px;
}
#c picture {
	margin: auto;
}
#c img {
	margin: auto;
	z-index: 1;
	top: -50px;
	position: relative;
}
#c::before {
	content: "";
	background: url('/wp-content/uploads/2019/10/bandeau_arabesque-01.jpg') no-repeat scroll center/cover;
	width: 100%;
	height: 100px;
	position: absolute;
	z-index: 0;
	margin-bottom: 30px;
}
#tradi, #paiements {
	background: white url('/wp-content/uploads/2019/10/tradi_bg-01.jpg') no-repeat fixed center/cover;
}
 .home #paiements {
	background: white;
}
.info, .escale p {
	padding: 15px;
	border-bottom: 4px solid white;
	background: #C2101F;
}
.cart_totals {
	background: #C2101F;
	padding: 1.5em;
	margin-top: 5em;
}
.soins .actu_img {
	height: auto;
	width: 100%;
	overflow: hidden;
}

.actu_wrap:hover .actu_img {
	filter: brightness(1.1);
	box-shadow: 0px 0px 12px white;
} 
.page .actu_img img {
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
	width: 100%;
	margin-top: 0;
}
.actu_wrap {
	max-height: 225px;
	overflow: hidden;
	padding: 15px;
}
#offrir .actu_wrap {
	max-height: 300px;
	overflow: hidden;
	padding: 15px;
}
.single .actu_wrap {
	max-height: 300px;
}
.info img {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.actu_title,.service_block .actu_title  {
	position: relative;
	background: #C2101F !important;
	text-align: center;
	margin: 0px;
	opacity: 0.9;
	padding: 5px !important;
	color: white;
	font-family:'Cookie', cursive!important;
	font-size: 2em;
}

.reservation, .offrir {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.page-id-129  #offrir .offrir {
	width: 100%;
	display: block;
	vertical-align: top;
	text-align: center;
}
.action_block {
	position: absolute;
	bottom: -45px;
	background: rgba(255, 255, 255, 0.85);
	right: 15px;
	/* left: 0; */
	-webkit-transition: all linear .5s;
	-o-transition: all linear .5s;
	transition: all linear .5s;
	/* margin-right: 11px; */
	left: 15px;
	/* margin-top: -62px; */
}
.service_block:hover .action_block {
	bottom: 0;
	-webkit-transition: all linear .5s;
	-o-transition: all linear .5s;
	transition: all linear .5s;
}
.service_price, .single-product .summary p.price {
	color: #D09F1D;
	font-size: 1.5em;
	font-weight: lighter;
	font-family: 'Muli', sans-serif !important;
	text-align: center;
	border-bottom: 1px solid #D09f1d;
}
.reservation a, .offrir a {
	display: inline-block !important;
	color: black !important;
	text-align: center;
	font-size: 1.25em !important;
	padding: 10px 20px;
	width: 75%;
}
.reservation:hover, .offrir:hover {
	opacity: .5;
	transition: all linear .25s;
}
.page-id-129 #offrir .offrir a {
	display: inline-block !important;
	color: black !important;
	text-align: center;
	font-size: 1.25em !important;
	padding: 10px 20px;
	width: auto;
}
.reservation a {
	text-align: right;
}
.offrir a {
	text-align: left;
	text-decoration: none!important;
}
.page .soins h2 {
	text-align: center;
}
/***/

/**livre**/
		#temoignages .button.btn.btn-default {
	font-size: 1em;
	background:url(https://www.ccil-esthetique.fr/wp-content/uploads/2019/10/bouton_arabesque-01.png?id=70) !important;
}
.gb-author-info, .gb-metabox-handle {
	display: none !important;
}
#gwolle_gb_entries {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto auto auto;
	grid-template-columns: auto auto auto;
	margin-bottom: 5em;
}
#gwolle_gb .gwolle_gb_hide {
	display: none;
}
#gwolle_gb_write_button {
	display: none;
}
#gwolle_gb {
	margin-top: 4em;
}
/**********/



/**404****/
body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header,
.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
	float: none;
	width: 100%;
}

/****promo***/

.page-id-613 .service_img picture {
	width: auto;
}
	.service_img img {
	-o-object-fit: cover;
	   object-fit: cover;
}
.service_img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1.5em;
}
.service_img picture {
	display: flex;
	width: 100%;
}
.promo {
	position: relative;
	background: #c2101f !important;
	text-align: center;
	margin: 0;
	opacity: .9;
	padding: 5px !important;
	color: #fff;
	font-family: 'Cookie',cursive !important;
	font-size: 1.85em;
	min-width: 250px;
}
.prix-max {
	text-decoration: line-through;
	opacity: .65;
}
.home #page .promo.col-sm-6 {
	width: 100% !important;
}

/*********/
/**********/

/**footer**/
#page #colophon {
	margin-top: 0px;
	border-top: none;
}
#colophon .social-navigation {
	width: 100%;
	display: flex;
}
#colophon .menu-social-container {
	margin: auto;
}
#colophon .social-navigation + .site-info {
	margin-left: 0;
}
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	color: white;
	font-size: 1.5em;
	text-align: center;
}
.wpcf7-form-control.wpcf7-textarea {
	color: black;
}
.wpcf7-form label {
	color: white;
	font-weight: lighter;
}
h2.widget-title, .widget-title {
	margin-bottom: 2em;
	text-align: center;
}
#text-2 form label {
	width: 100% !important;
}
.site-footer .wrap {
	padding-bottom: 1.5em;
	padding-top: 2em;
	max-width: 1280px;
}
#gwolle-gb-total {
	display: none;
}
.gb-entry {
	border: 4px solid #C2101F !important;
	margin: 15px !important;
	padding: 15px !important;
}
/***/



/***************/

/****SPECIFIC*****/
/*if ie*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .soins .actu_img {
	height: 225px;
	width: 100%;
	overflow: visible;
	}
	.box img {
		display: none;
	}
}
/*************/
/**if safari**/
@media not all and (min-resolution:.001dpcm) { 
    @media {
        .box img {
    display: none;
		}
    }
}
/*************/

/****RESPONSIVE****/
@media screen and (min-width: 1280px) {
	#page .col-sm-6 {
		width: 50%!important;
	}
	#promo h2 {
	margin-top: -8%;
}
#promo {
	position: absolute;
	top: -310px;
	width: 500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	right: 0;
	z-index: 2;
	background: #ffffffad;
	padding: 1.5em;
	-webkit-animation: appear 1s;
	animation: appear 1s;
	overflow: hidden;
	height: 271px;
	overflow-y: scroll;
	scrollbar-width: thin;
}
}


@media screen and (min-width: 980px) {
		#page .col-sm-6 {
	width: 100%;
}
#wpmenucartli a {
	background: #3C3C3B;

}

.home .info {
	margin-top: 50px;
}

}

@media screen and (max-width: 1280px) {

	#promo {
	display: none;
}
	
	#site-navigation {
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.menu-principal-container {
	margin: auto;
}
	#masthead .wrap {
	position: relative;
	display: block;
}
	.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
	margin: auto;
}


	.panel-content .wrap {
	padding-bottom: 2em;
	padding-top: 5em;
}

	.custom-logo-link {
		margin: auto;
	}
	#site-navigation {
	margin: auto;
}
}

@media screen and (max-width: 980px) {
	.wrap {
	max-width: 1480px;
	padding-left: .5em;
	padding-right: .5em;
}
	.single .custom-header, .page .custom-header, .archive .custom-header, .error404 .custom-header {
	min-height: auto;
}
	.page:not(.home) .site-branding, .single .site-branding {
	padding: 5em 0;

}
	.custom-header .custom-logo {
	margin: auto;
}
	.page-id-613 .soins.col-md-8 {
	margin-top: 1.5em;
}

	#wpmenucartli {
	top: 123px!important;
}
	
		.info {
	margin-top: 5em;
}
	.info-top::after {
	content: none;
}
	/*.service_img {
	margin-top: 2.5em;
}*/
	.info-text {
	float: right;
	padding-left: 5em;
}
	 .home .info {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
		.info-text {
	float: right;
}
	.info-img, .info-text {
	width: 48%;
	display: inline-block;
}
		#age\ post-5 h3 {
	margin-left: 0;
	margin-right: 0; 
}
	#tel {
	border: 1px solid wheat;
	background: transparent;
	color: white;
	padding: 3px;
	font-weight: bolder;
}
	p {
	text-align: center;
}


}


@media screen and (max-width: 767px) {
#planity .service_set-module_title-kIcbL {
	color: black !important;
}
	#raccourcis .vc_col-sm-6 {
	width: 50%;
	float: left;
}
		#soins-traitants * {
			text-align: center;
		}
	#soins-traitants {
		margin-top: 0!important;
	}
	#soins-traitants-list h3, #soins-beaute-list h3, #temoignages .vc_grid-item h3  {
	font-size: 1.25em;
}
	#soins-traitants-list .vc_grid-item, #soins-beaute-list .vc_grid-item, #temoignages .vc_grid-item {
		width: 50%;
		float: left;
	}
	.horaires {
	padding-top: 15px;
	position: relative;
	display: block;
}
#resa {
	padding: 10px 15px;
}
	#resa a {
	font-size: 1.35em;	
	}
	button.dropdown-toggle.toggled-on {
    background: none;
}
		.metaslider .slides img {
		min-height: 500px;
	}
	.wrap {
	padding-top: 3em;
}
	.navigation-top.site-navigation-fixed::after {
	content: "";

}
	#wpmenucartli {
	top: 0!important;
}
	.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
	color: white!important;
}

	.page:not(.home) #content::after {
	bottom: 0;
}
	#page .flexslider .slides img {
	height: 80vh !important;

}
	#tradi h2 span, #temoignages h2 span {
	margin-top: 0;
	position: relative;
	display: block;
}
	h2::first-letter, .page h1::first-letter, .single h1::first-letter, #map .widget-title::first-letter {
	font-family: 'Cookie', cursive;
	font-size: 3em;
	color: #C2101F;
}
		#age\ post-5 h2, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title, .single .entry-title {
	font-size: 2.25em;
	line-height: 1.25em;
	margin-top: 1em;
	color: white;
	font-weight: lighter;
}
.navigation-top .wrap {
	max-width: 1000px;
	padding: 0;
	width: 100%;
}
	.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
}
	.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: initial;
	text-transform: none;
}
		#site-navigation {
	margin: auto;
	display: block;
}

.info-top {
	padding: 63px 10px 10px;
}
.grecaptcha-badge {
	opacity: 0!important;
}
	.menu-toggle {
	font-size: 1.5rem;
}
	.page .navigation-top, .single .navigation-top, .archive .navigation-top {
	top: 0;
	position: absolute;
	z-index: 9999;
	width: 100%;
}
	.page .site-branding, .single .site-branding, archive .site-branding {
	position: relative;
}
.custom-logo-link {
	padding-right: 0;
}
.home .box {
    top: 26px;
}
.box {
	margin: auto;
	top: -28px;
	position: relative;
}
	#resa-compte {
	position: absolute;
	z-index: 2;
	color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: -20px;
	font-weight: lighter;
	font-size: 1.25em;
	margin: 7px;
	text-align: center;
}
	h2::first-letter, .page h1::first-letter, .single h1::first-letter {
	font-size: 3em;
}
	.h2,#page h2 {
	font-size: 2em;
	line-height: 1.5em;
}
	#age\ post-5 h2, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title, .single .entry-title {
	font-size: 2.5em;
	line-height: 1.25em;
	margin-top: 1em;
}
.h2, h2 {
	font-size: 2em;
	line-height: 1.25em;
}
	.home .info {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: block;
}
		.info-text {
	float: none;
	padding-left: 0;
}
		.info-text {
	float: none;
}
	.info {
	display: block;
}
	.info-img, .info-text {
	width: 100%;
	display: block;
}

	#tel {
	border: 1px solid red;
	background: white;
	color: black;
	padding: 2px;
	font-weight: bolder;
	display: block;
	width: 250px;
	margin: 10px auto 0;
	font-size: 1.25em;
}
#contact {
	display: none;
}
			/**nav**/
			.navigation-top .toggled-on {
			background: #0009;
			border-bottom: none;
			border-top: none;
		}
			.main-navigation ul ul ul li {
			padding: 0px;
		}
			.main-navigation ul ul ul li a {
			padding: 10px;
			margin: 0;
			background: white;
			color: red;
		}
			.main-navigation li {
			border-bottom: 1px solid #eee;
			position: relative;
			padding: 5px;
		}
			.main-navigation ul ul a {
			letter-spacing: 0;
			padding: 1.4em 0;
			position: relative;
			text-transform: none;
			text-align: center;
			border-top: 1px dotted;
		}
		.main-navigation ul ul {
			padding: 0 12px 12px;
		}
			:not(.mejs-button) > button:hover, :not(.mejs-button) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
			background: transparent;
			color: grey;
		}
			.dropdown-toggle {
			background-color: transparent;
			border: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
			color: white;
			display: block;
			font-size: 28px;
			right: 0.5em;
			line-height: 0.5;
			margin: 0 auto;
			padding: 0.5em;
			position: absolute;
			text-shadow: none;
			top: 0;
		}
			.main-navigation ul {
			background: transparent;
			list-style: none;
			margin: 0;
			padding: 0 1.5em;
			text-align: left;
		}
		.main-navigation > div > ul {
			border-top: 0;
			padding: 0.75em 1.695em;
		}
		#site-navigation {
			margin: auto;
			width: 100%;
			padding: 0 15px;
		}
		/*!nav*/

	#gwolle_gb_entries {
	display: block;
}
	.home .custom-header {
	min-height: 350px;
}
}

@media screen and (min-width: 767px) {
	.info-top * {
	position: relative;
	z-index: 2;
	top: 7px;
}
	.btn-top {
	display: none;
}
	#page .gwolle-gb-read.gwolle-gb-ajax.gwolle-gb-entries-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
	#raccourcis {
	display: none;
}
	.page .navigation-top, .single .navigation-top {
	margin-bottom: -3em;
}
		.single .entry-post {
	display: grid;
	grid-template-columns: 30% 70%;
	gap: 30px;
	margin-top: 5em;
}
			#wpmenucartli {
	position: fixed;
	top: 78px;
	right: 0;
	background: grey;
	z-index: 2;
}
	.home #masthead, .home .slides img, .home .custom-header {
	min-height: 500px;
	height: 70vh;
}
}
	
@media screen and (max-width: 480px) {
	.site-content {
	padding: 1.5em;
}
		#soins-traitants-list .vc_grid-item, #soins-beaute-list .vc_grid-item, #temoignages .vc_grid-item {
		width: 100%;
		float: none;
	}

	#menu-social {
	display: none;
}
	.box #resa img, .box #compte img {
    display: none;
}
	.single #compte {
	top: 30px;
	position: relative;
}
				.navigation-top .toggled-on {
			background: #0009;
			border-bottom: none;
			border-top: none;
		}

	nav a {
	font-size: 1.5em!important;
}
	.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
	color: white;
}
	.loc, #conge h2 {
	font-size:1.5em!important;
}
	nav a, footer p, footer a {
	font-size: inherit;
}
	#resa-compte {
	margin-top: 2.5em;
	position: relative;
}
	.home .box {
	top: 5px;
}
.page:not(.home) .box {
	top: 0;
}
	.widget-title, #map .widget-title {
	font-size: 1.25em !important;
	color: white !important;
	text-transform: none !important;
	font-weight: lighter !important;
	line-height: 1em !important;
	letter-spacing: 0.15em !important;
}
#tel {
	font-size: 1.em;
}
#resa-compte {
	z-index: 2;
	color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 0;
	font-weight: lighter;
	font-size: 1.25em;
	background: url('/wp-content/uploads/2019/10/bouton_arabesque-01.png');
	bottom: 0;
}
#masthead::after {
	content: none;
}
	.custom-logo-link img {
	margin: auto;
}
	.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, 
	.has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header, .custom-header, .site-branding {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	width: 100%;
}

	.navigation-top #site-navigation {
	background: #C2101F url('/wp-content/uploads/2019/10/bouton_arabesque-01.png');
	text-align: center;
	color: white;
	padding: 0;
	font-size: .9em;
}
	.wrap {
	max-width: 1480px;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
	.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
	display: table;
	height: 45vh;
	width: 100%;
}
	h2::first-letter, .page h1::first-letter, .single h1::first-letter {
	font-family: 'Cookie', cursive;
	font-size: 2.5em;
	color: #C2101F;
}
	.h2,#page h2 {
	font-size: 1.5em;
	line-height: 1.25em;
}

	.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-width: 100%;
}
	.custom-logo-link {
	display: inline-block;
	padding-right: 0;
	vertical-align: middle;
	width: auto;
}
	.main-navigation > div > ul {
	border-top: 0;
	padding: 0;
}
	

}