/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/* *** SHIATSU KENKO *** */


/* Dans le cas de webkit, la taille de police par défaut est de 16 pixels, on peut donc en déduire que 1rem = 16 px, 2rem = 32px, etc. */


@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap');



/*
 
FOND Header : #faf8f5
H1 - H2, hover des boutons : #4aacb5  (Teinte : 185) ou Fond turqoise derrière les photos
Menu et title Footer : #3f9199  (Teinte : 185)
Orange Bouton et liens : #f05c31

Texte : #303a3b  --nectar-text-color

Fond beige dans Tarifs : #f9f6f2 

Hover liens blancs sur Fond turquoise : #2a6166;

Before footer : #b0d5d9  (Teinte : 186)  et liens Hover After footer
After footer : #68a1a6 (Teinte : 185)


---

Accent color : 	  #4aacb5 	--nectar-accent-color			:::: #fd4f46
Extra Color #1 :  #f05c31 	--nectar-extra-color-1			:::: #4aacb5
Extra Color #2 :  #f0d331 	--nectar-extra-color-2			:::: #EA2217
Extra Color #3 :  #907F9F 	--nectar-extra-color-3			:::: #68a1a6

Text color : #303a3b   --nectar-text-color

---
Même palette : #4aacb5   #f05c31   #363537   #8CD867 #68ba41 #67ba0d    #F9DC5C #f0d331    #D7C0D0 #907F9F
---


--nectar-body-font-size: 17px;

Overlay color : #ff6965

*/


html {
	scroll-padding-top: 220px; /* adapte à la hauteur de ton header sticky */
}


/* Navigation principale */

#top nav ul li a{
	color:var(--nectar-accent-color);
}
#header-outer .sf-menu li ul li.menu-item a{
	color:var(--nectar-accent-color);
}

#header-outer.transparent.dark-slide > #top nav > ul > li > a{
	color:var(--nectar-accent-color) !important;
}
#header-outer.transparent #top nav > ul > li > a, 
#header-outer.transparent #top nav > .sf-menu > li > a{
	opacity: 1 !important;
}

#header-outer.transparent.dark-slide > #top nav .sf-menu > .current-menu-item > a,
#header-outer.transparent.dark-slide > #top nav .sf-menu > .current_page_item > a{
	color:var(--nectar-accent-color) !important;
}
#header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav > ul > li > a .menu-title-text::after,
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text::after{
	border-color: var(--nectar-accent-color) !important;
}

#header-outer.transparent.dark-slide > #top nav .sf-menu > .sfHover > a,
#header-outer.transparent.dark-slide > #top nav > ul > li > a:hover{
	color: var(--nectar-accent-color) !important;
}

#header-outer.transparent.dark-slide .nectar-header-text-content,
#header-outer .nectar-header-text-content *{
	color: #3f9199 !important;
	font-weight: 600;
	opacity: 1;
}

#header-outer.transparent.dark-slide > #top nav .sf-menu > .current_page_ancestor > a{
	color: #3f9199 !important;
}

#header-outer[data-lhe="animated_underline"] .nectar-header-text-content a::after,
#header-outer[data-lhe="animated_underline"].transparent.dark-slide .nectar-header-text-content a::after {
	background-color: #f05c31 !important;
}


body .sf-sub-indicator [class*=" icon-"] {
  color: var(--nectar-accent-color);
}
.sf-menu > li > a:hover > .sf-sub-indicator [class*=" icon-"]{
	color: #3f9199 !important;
}

#top nav .sf-menu .current_page_item > a .sf-sub-indicator i,
#top nav .sf-menu .current_page_ancestor > a .sf-sub-indicator i, 
.sf-menu > .current_page_ancestor > a > .sf-sub-indicator i{
	color: var(--nectar-accent-color) !important;
}



#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:hover,
#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a{
	background-color: var(--nectar-extra-color-1) !important;
}


/* Menu Burger */

#header-outer.transparent[data-permanent-transparent="false"].dark-slide #top .slide-out-widget-area-toggle.mobile-icon i::before, 
#header-outer.transparent[data-permanent-transparent="false"].dark-slide #top .slide-out-widget-area-toggle.mobile-icon i::after {
  background-color: #3f9199 !important;
}

#header-outer.transparent.dark-slide .slide-out-widget-area-toggle a i.label, 
#header-outer.transparent.dark-slide #top .span_9 > .slide-out-widget-area-toggle a.using-label .label{
	color: #3f9199 !important;
}


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




/* ******* BOUTONS ****** */

.nectar-button[data-color-override="false"].regular-button:not(.notwhite),
.nectar-button:not(.notwhite){
	background-color: var(--nectar-extra-color-1) !important;
	border:0px !important;
	color:#fff !important;
}
.nectar-button[data-color-override="false"].regular-button:not(.notwhite):hover,
.nectar-button:not(.notwhite):hover{
	
}

.nectar-button.small{
	font-size: var(--nectar-body-font-size) !important; /* 1.7rem */
	line-height:1.2;
	font-weight: 600 !important;
	padding: 14px 30px 14px 30px !important;
	margin-top:15px;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.nectar-button.small:hover{
	background-color: var(--nectar-extra-color-2)  !important;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

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


/* ****** IMG ***** */

div.container-wrap img,
.blog-recent[data-style=list_featured_first_row] .featured>.img-thumbnail{
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
}

div.container-wrap .groupe-image img,
.blog-recent[data-style=list_featured_first_row] .featured>.img-thumbnail{
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important;
}

/*div.container-wrap  img.illustrations,*/
div.container-wrap  div.posts-container img,
div.container-wrap div.team-member-image-inner img,
div.container-wrap div.masonry-items img{
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.img_colonne_flex{
	display: flex;
	align-items: center;
	justify-content:center;
}

.nectar-fancy-box[data-border-radius="10px"] .image-wrap, 
.nectar-fancy-box[data-border-radius="10px"]:not([data-style="parallax_hover"]):not([data-style="color_box_hover"]),
.nectar_cascading_images[data-border-radius="20px"] .inner-wrap .bg-color {
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
}

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


/* Liste à puces */

div.container-wrap ul{
	
}
div.container-wrap ul.listlink{
	margin-left:15px;
}
div.container-wrap ul li{
	padding-left:5px;
	margin-bottom:5px;
}


/* LIENS */

div.container-wrap a:not(.link_text, .fa, .toggle-heading, .leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-popup-close-button), 
div.nectar_hook_global_section_footer a{
  text-decoration: underline;
}

.post-header a,
.meta-category a{
	text-decoration: none !important;
}

div.container-wrap a:not(.leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-popup-close-button, .toggle-heading, .nectar-love),
div.nectar_hook_global_section_footer a{
	color: var(--nectar-extra-color-1);
}

div.container-wrap a:hover, 
div.nectar_hook_global_section_footer a:hover {
  color: var(--nectar-accent-color);
}


div.container-wrap a.whitelink{
	color:white;
}
div.container-wrap a.whitelink:hover{
	color:#2a6166;
}



/* *********************************************************** */
/* ********************* CONTENU CENTRAL ********************* */
/* *********************************************************** */


.material .wpb_content_element.home_h1 {
  margin-bottom: 0.8em;
}

/*
#hero.full-width-section .row-bg{
	background-size: initial !important;
}
*/


.hero_h1 h1{
	font-family: "Maven Pro", sans-serif;
	font-size:55px;
	font-weight:400;
	line-height:1.1;
}
.soustitre_hero_h1 p{
	font-size:24px;
}


.page_h1 h1{
	font-family: "Maven Pro", sans-serif;
	font-size:45px;
	font-weight:500;
	line-height:1.1;
}
.soustitre_page_h1 p{
	font-size:24px;
}



.hero_h1 h1,
.page_h1 h1,
body h2,
.soustitre_hero_h1 p,
.soustitre_page_h1 p{
	color: var(--nectar-accent-color);
}

body h3,
.texte_hero p{
	color: var(--nectar-text-color);
}

.home_fancy_left_box .box-bg{
	background-position-y: 83%;
}


.sous_titre_CTA p{
	font-size:20px;
	text-align:center;
}


.img_hero_home{
	display:inline-block !important;
}
.img_hero_home_mobile{
	display:none  !important;
}

div.container-wrap img.img_hero_home_mobile{
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}


/*
#hero .img-with-aniamtion-wrap {
	display:inline-block !important;
}
#hero .nectar_cascading_images {
	display:none !important;
}
*/

/* TEMOIGNAGES */

.temoignage_entete .vc_column-inner .column-bg-overlay{
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
}

.testimonial_slider[data-style="minimal"] blockquote{
	font-size:17px;
	line-height: 1.5;
	letter-spacing: 0px;
	text-align: left;
}

.testimonial_slider[data-style="minimal"] blockquote .open-quote,
.testimonial_slider[data-style="minimal"] blockquote .close-quote{
	font-family: arial !important;
	font-size:25px !important;
	line-height: 10px !important;
	display:none;
}

.testimonial_slider[data-style="minimal"] .testimonial-next-prev .next, 
.testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev {
  font-size: 35px;
}

.testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:hover::before {
  transform: translateX(3px);
}

.testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:hover::before {
  transform: translateX(-3px);
}

.testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:hover::after, 
.testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:hover::after {
  transform: none;
  display: none;
}

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


/* ******* SHIATSU ******** */

.shiastu_fancy_right_box .box-bg{
	background-position-y: 68%;
}

h2.shiastu_CTA{
  text-transform: none;
  letter-spacing: 0;
  font-size: 35px;
  line-height: 45px;
  font-weight: 600;
  color: var(--nectar-extra-color-1);
  max-width: 500px;
}


#bandeau-fond-shiatsu-adultes.full-width-section .row-bg,
#bandeau-fond-shiatsu-chaise.full-width-section .row-bg {
  background-size: unset !important;
  background-repeat: repeat-x !important;
}

/* Plus en ligne... */
#bandeau-fond-shiatsu-adultes.full-width-section .row-bg {
  background-position: left 64% !important;
}

#bandeau-fond-shiatsu-chaise.full-width-section .row-bg {
  background-position: left 79% !important;
}

.onglet_illustrations .nectar-fancy-box .box-bg{
	background-size: unset !important;
	background-repeat: no-repeat !important;
	background-position: top left;
}



/* ******* FAQ ******** */

.material .faq .wpb_content_element{
	margin-bottom: 1.1em;
}
.material .faq.wpb_row {
	margin-bottom: 0;
}

.toggle > .toggle-title a {
  color: var(--nectar-text-color);
  font-size:17px !important;
  line-height: 1.6;
  font-weight:600;
  text-decoration:none;
}

div[data-style="minimal"] .toggle > .toggle-title a {
  padding: 14px 70px 14px 0;
}

div[data-style="minimal"] .toggle.open > .toggle-title a,
div[data-style="minimal"] .toggle:hover > .toggle-title a{
	color: var(--nectar-extra-color-1);
}

body .toggle[data-inner-wrap="true"] > div, 
div[data-style*="minimal"] .toggle[data-inner-wrap="true"] > div {
  padding: 0 50px 0 0;
}

div[data-style*="minimal"] .toggle > .toggle-title i {
  border: 2px solid var(--nectar-accent-color);
}

div[data-style*="minimal"] .toggle:hover > .toggle-title i,
div[data-style*="minimal"] .toggle.open > .toggle-title i{
	border: 2px solid var(--nectar-extra-color-1);
}

div[data-style="minimal"] .toggle > .toggle-title i::before ,
div[data-style="minimal"] .toggle > .toggle-title i::after {
  background-color: var(--nectar-accent-color);
}

div[data-style="minimal"] .toggle:hover > .toggle-title i::before,
div[data-style="minimal"] .toggle:hover > .toggle-title i::after,
div[data-style="minimal"] .toggle.open > .toggle-title i::before,
div[data-style="minimal"] .toggle.open > .toggle-title i::after {
  background-color: var(--nectar-extra-color-1);
}



/* ********** BLOG ********* */


/* Sur la home */
.blog-recent .col {
	margin-bottom: 40px !important;
}

@media only screen and (max-width: 999px) {
	.blog-recent .col {
		margin-bottom: 30px !important;
	}
}
@media only screen and (max-width: 690px) {
	.blog-recent .col {
		margin-bottom: 20px !important;
	}
}


/* Info date sur le blog : évènements */
.auto_meta_overlaid_spaced .masonry-blog-item .date_mc{
	/*font-size: 1.2rem;*/
	font-size:12px;
	line-height:normal;
	color: #fff;
	margin-top:15px;
}
/* Info date sur le blog : Home > Recent POST */
[data-style="list_featured_first_row"] .meta{
	/*font-size: 1.2rem;*/
	font-size:12px;
	line-height:normal;
}


.blog-recent[data-style*="classic_enhanced"] .post-header .meta,
.blog-posts-column .post-header span,
.posts-container article.masonry-blog-item .post-header span {
	/*font-size: 1.4rem;*/
	font-size:14px;
    color: var(--nectar-accent-color);
}

.blog-recent[data-style*="classic_enhanced"] .post-header .meta::before,
.blog-posts-column .post-header span::before,
.posts-container article.masonry-blog-item .post-header span::before {
	content:"Publié le ";
}

.blog-recent[data-style*="classic_enhanced"] .post-header h3.title,
.blog-posts-column .post-header h3.title,
.posts-container article.masonry-blog-item .post-header h3.title {
	/*font-size: 2.6rem;*/
	font-size:26px;
	color: var(--nectar-accent-color);
	text-transform:uppercase;
	margin-top:15px;
}

.home .blog-recent .col .post-header,
.blog-recent[data-style*="classic_enhanced"] .excerpt,
.blog-posts-column .excerpt, 
.posts-container article.masonry-blog-item .excerpt {
	color:inherit !important;
}

.recent-posts-column .post .article-content-wrap,
.blog-posts-column .post .article-content-wrap,
.posts-container article.masonry-blog-item .article-content-wrap {
    padding: 5% !important;
}

.recent-posts-column .post .post-featured-img img,
.blog-posts-column .post .post-featured-img img,
.posts-container article.masonry-blog-item .post-featured-img img {
    width: 100%;
}

/* Gestion des pages single */

.featured-media-under-header {
	padding-top: 25px !important;
}

.featured-media-under-header span.meta-date::before {
	content:"Publié le ";
}

.featured-media-under-header__featured-media {
	padding-bottom: 0px !important;
	height: 600px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.featured-media-under-header__featured-media .post-featured-img {
	max-width: 1000px;
}

.page-header-bg-image,
.featured-media-under-header__featured-media .post-featured-img img {
	position: initial;
}

.blog_next_prev_buttons ul.controls {
	max-width: 1000px;
}

.blog_next_prev_buttons ul.controls li {
	min-height: 200px !important;
}

.blog_next_prev_buttons {
	display: flex;
  	justify-content: center;
	background: transparent;
}


/* ******* Gallerie photo - Portfolio ****** */

.portfolio-items[data-ps="7"] .work-info {
  padding: 0 10%;
}



/* Carte Leaflet */

.nectar-leaflet-map[data-nectar-marker-color="extra-color-2"] .nectar-leaflet-pin {
  border: 10px solid var(--nectar-extra-color-1);
}




/* *********************************************************** */
/* *************** FORMULAIRE DE CONTACT ********************* */
/* *********************************************************** */

div.wpcf7{
	margin-top:0px;
}

.wpcf7-form p:nth-child(2){
	margin-top:13px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type=file],
.wpcf7-form select,
.wpcf7-form textarea{
    vertical-align: top;
    width: 55% !important;
    margin: 0 0 0 3px !important;
    padding: 7px 2% !important;
    -webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	border:1px solid var(--nectar-accent-color) !important;
	background-color:#f9f9f9 !important;
	/*font-size:1.7rem !important;*/
	font-size:17px;
	font-family: "Montserrat", sans-serif !important;
	color:var(--nectar-extra-color-1) !important;
}

.wpcf7-form input[name="your-subject"],
.wpcf7-form textarea{
    width: 90% !important;
}

.wpcf7-form input:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus{
    border: 1px solid var(--nectar-extra-color-1) !important;
    background-color:#fff !important;
	box-shadow: none !important;
}

.wpcf7-form input[type="submit"]:focus{
	border: 0px solid var(--nectar-accent-color) !important;
	background-color:var(--nectar-accent-color) !important;
}


.wpcf7-form input[type="submit"]{
	font-family: "Montserrat", sans-serif !important;
    /*font-size: 1.7rem;*/
	font-size:17px;
	line-height: 1.2em;
	font-weight:600;
	margin-left:3px;
	padding:15px 30px;
	background-color: var(--nectar-extra-color-1) !important;
	border:0px;
	color:#fff;
	padding:14px 30px;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	margin-top:10px;
}

.wpcf7-form input[type="submit"]:hover {
    opacity: 1;
}

.wpcf7-form input[type="submit"]:hover {
	border:0px;
	background-color:var(--nectar-extra-color-2) !important;
	color:#fff !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

::-webkit-input-placeholder { color:#b0d5d9 !important; } /* WebKit, Blink (Safari, Google Chrome, Opera 15+) and Microsoft Edge */
::-moz-placeholder { color:#b0d5d9 !important; } /* firefox 19+ */
:-ms-input-placeholder { color:#b0d5d9 !important; } /* IE10 et 11 */
input:-moz-placeholder { color:#b0d5d9 !important; } /* firefox 4 à 18 */


/* Recaptcha v3 */
.grecaptcha-badge{
	display:none !important;
}

.wpcf7-form p{
	text-align:left !important;
	hyphens:none !important;
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	-ms-hyphens: none !important;
	-o-hyphens: none !important;
}

/* Surcharge du style CF7 */
.wpcf7-list-item {
	margin: 0 0 0 0;
}

span.wpcf7-form-control-wrap[data-name="confidentialite"]{
	display:block;
	width:90%;
	color: var(--nectar-text-color);
	padding:7px;
}
.wpcf7-form input[type="checkbox"] {
    display: block;
    /*float: left;*/
	border:1px solid var(--nectar-accent-color) !important;
}
span.wpcf7-form-control-wrap[data-name="confidentialite"] span.wpcf7-list-item-label{
	display: block;
	margin-top: -23px;
    margin-left: 30px;
	font-size:1.6rem;
	/* Surcharge du style CF7 de Salient */
	color: var(--nectar-text-color);
	/*font-size: 1.4rem;*/
	font-size:14px;
}

span.wpcf7-not-valid-tip {
    color: var(--nectar-extra-color-1)!important;
	margin-left:10px;
	/*font-size:1.6rem;*/
	font-size:16px;
}

/* Surcharge du style CF7 de Salient */
.wpcf7-form .wpcf7-not-valid-tip {
	box-shadow: none;
}

div.wpcf7-response-output, div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {
	background-color:#fff !important;
	/*font-size:1.6rem;*/
	font-size:16px;
	color: #0d0d0d;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border: 2px solid var(--nectar-extra-color-1) !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid var(--nectar-accent-color) !important;
	
}


/* ************************************************* */
/* ******************** FOOTER ********************* */
/* ************************************************* */

.footer_un{
	width:24%;
}
.footer_deux{
	width:30%;
}
.footer_trois{
	width:30%;
}
.footer_quatre{
	width:14%;
}


#footer h2{
  color: #3f9199;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 15px;
}


#footer ul {
  margin-left: 15px;
}

#footer p,
#footer li,
#footer_bottom{
	font-size:15px;
	line-height:1.3;
}


#footer a{
	display:inline-block;
}
#footer img:nth-child(2){
	vertical-align: top;
}



/* After Footer */

#after_footer{
	margin-bottom:0;
}
#after_footer p,
#after_footer a,
#after_footer #menu-footer a{
	font-size:14px;
	line-height:2.5;
	color:#fff;
}

ul#menu-footer{
	margin-left: 0 !important;
	margin-bottom: 0 !important;
}

ul#menu-footer li{
	display:inline;
	margin-right:20px;
}
#menu-footer li:last-child{
	margin-right:0;
}
#after_footer a,
#menu-footer a{
	text-decoration:underline;
}
#after_footer #menu-footer a:hover,
#after_footer a:hover{
	color:#b0d5d9;
}

#after_footer #suivez_nous{
	margin-right:20px;
}


.error404 .container-wrap{
	min-height:0 !important;
}



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


/* Gestion des retours à la ligne */

.nopadding {
    padding: 0;
}


.separation-credit,
.mobile-line-break,
.mobile-line-break-2,
.mobile-line-break-3 {
    display: inline;
}

/* Shiatsu Kenko */
.mobile-line-break-4{
	display: block;
}


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

    .mobile-line-break {
        display: block;
    }
	
	.mobile-line-break-4{
		display: inline;
	}
}

@media only screen and (max-width: 1024px) {
	
	.mobile-line-break-3 {
		display: block;
	}
}

@media only screen and (min-width: 691px) and (max-width: 1024px) {
	
	.mobile-line-break-2 {
		display: inline !important;
	}
}

@media only screen and (max-width: 767px) {
	
	.mobile-line-break-2 {
		display: block;
	}
}



/* ################################################### */
/* ############### RESPONSIVE WEB DESIGN ############# */
/* ################################################### */


/* @media only screen and (max-width: 690px) */

/* Salient Header Mobile Breakpoint : 1080px */



/* Bug : je suis obligé de mettre 0 en margin pour mobile
@media only screen and (max-width: 999px) {
	
	.vc_row-fluid[data-column-margin="80px"] .wpb_column:not([class*="vc_col-xs-"]):not(.child_column):not(:last-child), 
	.inner_row[data-column-margin="80px"] .child_column:not([class*="vc_col-xs-"]):not(:last-child) {
		margin-bottom: 80px;
	}

	body .vc_row-fluid:not(.full-width-content) > .span_12 .vc_col-sm-2:not(:last-child):not([class*="vc_col-xs-"]) {
		margin-bottom: 25px;
	}

	body .container-wrap .wpb_row[data-column-margin="30px"]:not(.full-width-section):not(.full-width-content) {
		margin-bottom: 30px;
	}
  
}
*/


@media only screen and (min-width: 1441px) and (max-width: 1680px){
	
	.container {
		padding: 0 70px;
	}
	
	nav[aria-label="Main Menu"]{
		margin-right:-10px;
	}
	
	.page-id-28 #mon_chemin_apprendre .vc_col-sm-8{
		width: 60%;
	}
	.page-id-28 #mon_chemin_apprendre .vc_col-sm-4{
		width: 40%;
	}
	
	.shiastu_salle_brest img{
		max-width:90% !important;
	}
	
	#shiatsu_CTA_bas{
		padding: 30px 0 !important;
	}
	
}




/* Vince Ploub : 1680 x 1050 px */
/* Vince portable : 1920 x 1080 px */

/* Apple MacBook Air 15-inch : 1440 x 900 px; : écran 8/5 - 16/10 */
/* Apple MacBook Air 13-inch : 1280 x 800 px */
/* Apple MacBook Air 11-inch : 1366 x 768 px */

/* Résolution 1440px X 900px
============================================================================ */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
	
	#header-outer[data-full-width="true"] header > .container {
		padding: 0 30px;
	}
	
	#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	nav[aria-label="Main Menu"]{
		margin-right:-30px;
	}
	
	.hero_h1 h1 {
		font-size: 52px;
	}
	.soustitre_hero_h1 p {
		font-size: 23px;
	}
	
	#hero img {
		max-width: 70% !important;
	}
	
	.page-id-28 #mon_chemin_apprendre .vc_col-sm-8{
		width: 60%;
	}
	.page-id-28 #mon_chemin_apprendre .vc_col-sm-4{
		width: 40%;
	}
	
	.shiastu_salle_brest img{
		max-width:75% !important;
	}
	.shiatsu_chaise_img > .vc_column-inner{
		transform: translateY(40px) translateX(0px) !important;
	}
	
	#shiatsu_CTA_bas{
		padding: 20px 0 !important;
	}
	
}



/* Vince WHYDAH2             : 1366 x 768 px : OK !
============================================================================ */
/*@media only screen and (device-height: 768px) {*/
@media only screen and (min-width: 1281px) and (max-width: 1366px) and (max-height: 768px) {	

  #hero img {
    max-width: 60% !important;
  }
  
}


/* Résolution 1280px X 800px et 1366 x 768 px
============================================================================ */
@media only screen and (min-width: 1181px) and (max-width: 1366px) {
	
	
	.container {
		padding: 0 50px;
	}
	
	#header-outer[data-full-width="true"] header > .container {
		padding: 0 20px;
	}
	
	#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
		margin-left: 10px;
		margin-right: 10px;
	}

	#header-outer #logo img, #header-outer .logo-clone img, 
	#header-outer .logo-spacing img {
		height: 66px;
	}

	nav[aria-label="Main Menu"]{
		margin-right:-30px;
	}

	.sf-menu li ,
    #top nav > ul > li > a{
		font-size: 16px;
		line-height:1.3;
    }
	
	#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {
		margin-left: 8px;
		margin-right: 8px;
	}
	
	
	.hero_h1 h1 {
		font-size: 50px;
	}
	.soustitre_hero_h1 p {
		font-size: 22px;
	}
	
	#hero img{
		max-width:70%;
	}
	
	
	.page_h1 h1 {
		font-size: 38px;
	}
	.soustitre_page_h1 p {
		font-size: 22px;
	}
	
	
	.page-id-28 #mon_chemin_apprendre .vc_col-sm-8{
		width: 50%;
	}
	.page-id-28 #mon_chemin_apprendre .vc_col-sm-4{
		width: 50%;
	}
	
	.encart_ombre > .vc_column-inner{
		padding:40px 50px !important;
	}
	
	.shiatsu_adultes_encart > .vc_column-inner{
		transform: translateX(0px) !important;
	}
	.shiatsu_adultes_img > .vc_column-inner{
		transform: translateX(-85px) !important;
	}

	.shiastu_salle_brest img{
		max-width:70% !important;
	}
	
	.shiatsu_chaise_img > .vc_column-inner{
		transform: translateY(40px) translateX(10px) !important;
	}
	
	
	#shiatsu_CTA_bas{
		padding: 10px 0 !important;
	}
	
	
	#after_footer .vc_col-sm-6{
		width:56%
	}
	#after_footer .vc_col-sm-4{
		width:27.333333%
	}
	
}


@media only screen and (min-width: 1181px) and (max-width: 1279px){
	
	#header-outer #logo img, #header-outer .logo-clone img, 
	#header-outer .logo-spacing img {
		height: 50px;
	}
	
	
	.sf-menu li ,
    #top nav > ul > li > a,
	.sub-menu a,
	.nectar-header-text-content a{
		font-size: 14px !important;
    }
	
	#header-outer .nectar-header-text-content {
		padding-top: 13px;
	}
	
}



/* #TABLETTE Paysage
============================================================================ */
@media only screen and (min-width: 1000px) and (max-width: 1180px){
	
	/* Je prends RDV */
	nav[aria-label="Main Menu"]{
		margin-right:50px;
	}
	
	#header-outer[data-full-width="true"] header > .container {
		padding: 0 60px 0 20px;
	}
	
	
	.container {
		padding: 0 5%;
	}
	
	
	.hero_h1 h1 {
		font-size: 40px;
	}
	.soustitre_hero_h1 p {
		font-size: 20px;
	}
	
	.page_h1 h1{
		font-size:32px;
	}
	.soustitre_page_h1 p{
		font-size:20px;
	}
	

	#hero img{
		max-width:70%;
	}
	
	#ajax-content-wrap #hero.vc_row.bottom_margin_120px {
		margin-bottom: 80px;
	}
	
	
	.main-content div:not(#hero).first-section {
		padding-top: 140px !important;
		padding-bottom: 110px  !important;
	}
	
	body .container-wrap .vc_row-fluid[data-column-margin="80px"] .wpb_column:not(.child_column){
		padding-left: 3%;
		padding-right: 3%;
	}
	
	.page-id-28 #mon_chemin_apprendre .vc_col-sm-8{
		width: 50%;
	}
	.page-id-28 #mon_chemin_apprendre .vc_col-sm-4{
		width: 50%;
	}
	
	
	.encart_ombre > .vc_column-inner{
		padding:30px 40px !important;
	}
	
	.shiatsu_adultes_encart > .vc_column-inner{
		transform: translateX(0px) !important;
	}
	.shiatsu_adultes_img > .vc_column-inner{
		transform: translateX(-85px) !important;
	}
	
	.onglet_illustrations .vc_column-inner{
		transform: translateX(-135px) !important;
	}
	
	.shiastu_salle_brest img{
		max-width:74% !important;
	}
	
	.shiatsu_chaise_img > .vc_column-inner{
		transform: translateY(130px) translateX(30px) !important;
	}
	
	
	#shiatsu_CTA_bas{
		padding: 10px 0 !important;
	}
	
	
	#footer_bottom p{
		font-size:14px;
		text-align:center;
	}
	
	.footer_un{
		width:27%;
	}
	.footer_deux{
		width:27%;
	}
	
	#after_footer .vc_col-sm-2 {
		width: 21.66666667%;
	}
	
	#after_footer .vc_col-sm-4{
		width: 28.33333333%;
	}
	
	#after_footer ul#menu-footer li {
		display: block;
		margin-right: 0px;
		width: 100%;
	}
	
	#after_footer ul#menu-footer {
		text-align:center;
	}
	
	
}

/* #TABLETTE Portrait
============================================================================ 
@media only screen and (min-width: 691px) and (max-width: 999px) : Salient */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	
	.using-mobile-browser .wpb_row.vc_row-o-full-height.top-level > .col.span_12 {
		min-height: calc(85vh - 76px) !important;
	}

	.hero_h1 h1{
		font-size:40px;
		font-weight:400;
	}
	.soustitre_hero_h1 p{
		font-size:22px;
	}
	
	.page_h1 h1{
		font-size:30px;
	}
	.soustitre_page_h1 p{
		font-size:20px;
	}
	
	#hero img{
		max-width:50% !important;
	}
	

	.vc_row.top-level.full-width-section:not(.full-width-ns) > .span_12 {
		padding-top: 0 !important;
	}

	.main-content div:not(#hero).first-section {
		padding-top: 130px !important;
		padding-bottom: 110px  !important;
	}
	
	.column_container img{
		max-width:60% !important;
	}
	
	a.nectar-button.small{
		text-align: center;
		display: block;
		max-width: 280px;
		margin: 0 auto 10px auto !important;
		
	}
	
	
	.shiatsu_six_pratiques .vc_col-sm-4 {
		width: 33.33333333% !important;
	}
	
		/* Page shiatsu */
	.page-id-32 .vc_column-inner{
		box-shadow:none !important;
		transform: translateX(0) !important;
	}

	.onglet_illustrations{
		display:none !important;
	}

	#bandeau-fond-shiatsu-adultes.full-width-section .row-bg,
	#bandeau-fond-shiatsu-chaise.full-width-section .row-bg {
	  background: none !important;
	}
	
	#shiatsu_CTA_bas .column_container img{
		max-width:100% !important;
	}
	#shiatsu_CTA_bas h2{
		max-width:100% !important;
		padding:0 10%;
	}
	
	/* FAQ */
	.page-id-43 .wpb_column:not([class*="vc_col-xs"]) {
		margin-bottom: 5px;
	}
	
	.vc_row-fluid[data-column-margin="80px"] .wpb_column:not([class*="vc_col-xs-"]):not(.child_column):not(:last-child){
		margin-bottom:20px;
	}
	
}



/* MOBILE + TABLETTE : 1180 Point d'arrêt pour menu mobile
============================================================================ */
@media only screen and (max-width: 1180px) {

	/* Menu Mobile ********** */
	
	body.material #slide-out-widget-area-bg.slide-out-from-right{
		background-color: var(--nectar-extra-color-1);
	}
	
	#slide-out-widget-area .sub-menu{
		max-height:100px !important;
	}
	
	.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines::after, 
	.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines::before, 
	.slide-out-widget-area-toggle.mobile-icon .lines-button::after,
	body:not(.mobile) #header-outer.transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines-button::after, 
	body:not(.mobile) #header-outer.transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines::before, 
	body:not(.mobile) #header-outer.transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines::after{
		background-color: #3f9199 !important;
	}
	

	.slide-out-widget-area-toggle a.using-label .label{
		color: #3f9199 !important;
	}
	
	#top .span_9 > .slide-out-widget-area-toggle a.using-label .label {
		font-size: 14px !important;
		opacity: 1 !important;
	}
	
	.mobile .sub-menu{
		max-height: 100px !important;
	}	
	
	/* Fin Menu Mobile ********** */
}


/*  #MOBILE (Portrait et Paysage) : Dernière génération
======================================================== */
/*@media only screen and (max-width: 999px) {*/
@media only screen and (max-width: 767px) {
	
	.hero_h1 h1{
		font-size:32px;
		font-weight:500;
	}
	.soustitre_hero_h1 p{
		font-size:20px;
	}
	
	
	.page_h1 h1{
		font-size:28px;
	}
	.soustitre_page_h1 p{
		font-size:19px;
	}
	
	 .using-mobile-browser .wpb_row.vc_row-o-full-height.top-level,
	 .using-mobile-browser #hero.wpb_row.vc_row-o-full-height.top-level > .col.span_12{
		 min-height:0 !important;
	 }
	
	#hero.vc_row.top-level.full-width-section:not(.full-width-ns) > .span_12 {
		padding-top: 40px;  /* par defaut 62px */
	}
	
	.img_hero_home{
		display:none !important;
	}
	.img_hero_home_mobile{
		display:block !important;
	}

	
	/*
	#hero .img-with-aniamtion-wrap {
		display:none !important;
	}
	#hero .nectar_cascading_images {
		display:block !important;
	}
	*/
	
	#hero .img-with-aniamtion-wrap .hover-wrap {
		margin-bottom: 0 !important;
	}
	
	
	
	.testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev, 
	.testimonial_slider[data-style="minimal"] .testimonial-next-prev .next {
		bottom: -25px;
	}


	/* Page shiatsu */
	.page-id-32 .vc_column-inner{
		box-shadow:none !important;
		transform: translateX(0) !important;
	}

	.onglet_illustrations{
		display:none !important;
	}

	#bandeau-fond-shiatsu-adultes.full-width-section .row-bg,
	#bandeau-fond-shiatsu-chaise.full-width-section .row-bg {
	  background: none !important;
	}
	
	
	/* *** */
	
	.wpcf7-form input[type="text"],
	.wpcf7-form input[type="email"],
	.wpcf7-form input[type="tel"],
	.wpcf7-form input[type="password"],
	.wpcf7-form input[type=file],
	.wpcf7-form select,
	.wpcf7-form textarea{
		width: 98% !important;
	}
	
}



@media only screen and (max-width: 999px) {
	
	#after_footer.vc_row-fluid .vc_col-sm-2:not([class*="vc_col-xs"]),
	#after_footer.vc_row-fluid .vc_col-sm-6:not([class*="vc_col-xs"]){
		width:100%;
		margin-bottom: 15px;		
	}
	
	
	#after_footer ul#menu-footer li {
		display: block;
		margin-right: 0px;
		width: 100%;
	}
	
	#after_footer ul#menu-footer {
		text-align:center;
	}
}


/*  #MOBILE (Portrait) : Dernière génération
================================================== */
@media only screen and (max-width: 479px) {
	
	span.retour{
		display: block;
	}
	

	/* FAQ */
	.page-id-43 .container-wrap .wpb_column:not([class*="vc_col-xs"]) {
		margin-bottom: 5px;
	}
	

	div[data-style="minimal"] .toggle > .toggle-title a {
		padding: 14px 55px 14px 0;
	}
	body .toggle[data-inner-wrap="true"] > div, div[data-style*="minimal"] .toggle[data-inner-wrap="true"] > div {
		padding: 0 20px 0 0;
	}
	
	
	
	#home_contact_acces.nectar-button{
		margin-top:0;
	}
	
	/* Hack pour les boutons CTA */
	.nectar-cta[data-style="arrow-animation"] h6 > span{
		display:block;
	}
	.nectar-cta[data-style="arrow-animation"] .text{
		line-height:1.2;
	}
	.nectar-cta[data-using-bg="true"] .text {
		margin-right: 0;
	}
	
	
	.nectar-cta[data-style="arrow-animation"] svg,
	.nectar-cta[data-style="arrow-animation"] span.line{
		display:none;
	}
	.nectar-cta[data-style="arrow-animation"] .link_wrap .link_text {
		padding-left: 0;
	}
	
	.nectar-cta[data-alignment="left"] span.link_wrap {
		text-align: center;
	}


	.sous_titre_CTA p{
		font-size:17px;
	}
	
}


/*iphone 5 */
@media only screen and (max-width: 320px) {
	
	
	
}