/*
Theme Name: Graviti Child Theme
Description: 
Author: HARVEST
Author URI: https://harvest.agency
Template: graviti
Version: 2025
*/

:root {
	--red: #da2c4d;
	--yellow: #f8ab37;
	--green: #2ecc71;
	--white: #ffffff;
	--grey-light: #f2f7f9;
	--grey: #ecedf3;
	--black: #080808;
	--black-blue: #1f2029;
	--black-blue-light: #353746;
	--black-blue-light-2: #404255;
	--black-blue-light-3: #4b4d64;
	--black-light: #424455;
}
@-webkit-keyframes border-transform{
    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}
@keyframes border-transform{
    0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}

.progress-wrap {
	position: fixed;
	right: 20px;
	bottom: 50%;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: 'arial';
	content: '•';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: var(--grey);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: 'arial';
	content: '•';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--grey);
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

body {
	
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
body.light .progress-wrap {
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.2);
}
body.light .progress-wrap::after {
	color: var(--black-blue);
}
body.light .progress-wrap svg.progress-circle path {
	stroke: var(--black-blue);
}
.switch,
.circle {
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
} 
.switch {
	width: 80px;
	height: 4px;
	border-radius: 27px;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	position: fixed;
	right: 50px;
	top: 75px;
	display: block;
	margin: 0 auto;
	text-align: center;
	opacity: 1;
  z-index: 33333;
    transition: all 300ms linear;
}
.circle {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--black-blue-light-3);
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	animation: border-transform 10s linear infinite alternate forwards;
}
.circle:hover {
	box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
}
.circle:before {
	position: absolute;
	font-family: 'unicons';
	content: '\eac1';
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	height: 40px;
	opacity: 1;
	color: var(--grey);
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.circle:after {
	position: absolute;
	font-family: 'unicons';
	content: '\eb8f';
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	height: 40px;
	color: var(--yellow);
	opacity: 0;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.switched {
}
.switched .circle {
	left: 45px;
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	background: var(--black-blue);
}
.switched .circle:hover {
	box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
}
.switched .circle:before {
	opacity: 0;
}
.switched .circle:after {
	opacity: 1;
}
header{ border-bottom: 1px solid rgba(255, 255, 255, 0.29);}
body h1{ color: white;}
body h1 strong{ color: #4bd6fd;}
.home h1{ font-size:20px !important; line-height: 30px !important; font-weight: 200 !important; color:#4bd6fd!important; }
body h2{ font-size:3.2vw !important; line-height: 3.2vw !important; font-weight: 700 !important;}
body h3{ font-size:2.5vw !important; line-height: 2.2vw !important;}
.home .pum h2{ font-size:27px !important; line-height: 40px !important; font-weight: 700 !important;}



/* .home h3{ font-size:15px !important; line-height: 15px !important; font-weight: 200 !important;} */
.intro h2{font-size: 20px !important;}
body.material .col.light h2{ color: white;}

body.material .col.dark h2 strong, body.material .col.dark h3 strong{ color: #ff5a30;}
body.material .col.dark h2, body.material .col.dark h3{ color: #0c1622;}

.cartek h3 strong{color:#4bd6fd !important; }
.cartek .gfield_label{color:#0A343E !important; font-weight: bold !important; font-family: Josefin Sans !important; }
.ginput_container_total input{color:#4bd6fd !important; font-weight: bold !important; font-family: Josefin Sans !important; font-size: 20px; }

body h4{color:#4bd6fd!important;}
.home h1, .intro .wpb_text_column.wpb_content_element{margin-bottom:0!important;}
h4{font-size: 15px !important;}
.divider-small-border, .divider-small-border[data-animate="yes"], body.using-mobile-browser:not([data-m-animate="1"]) .divider-small-border[data-animate="yes"]{transform:rotate(90deg) scale(1,1) !important;}
body .nectar-button.jumbo{padding-top: 12px !important; padding-bottom: 12px !important; min-width: 270px; text-align: center; margin-left: 1% !important; margin-right: 1% !important;}
.nectar-highlighted-text{ text-transform: uppercase; text-indent: 2px !important;}
.maj{ text-transform: uppercase;}
h2 strong{color: #4bd6fd;}
.page-id-411  h2 strong{color: #ff5a30; font-weight: 200 !important;}
.page-id-411  h1 strong{color: #ff5a30;}
.page-id-411  h3 strong{color: #ff5a30;}
.wpb_row .column-image-bg-wrap, .column-image-bg{overflow: visible !important; background-repeat: no-repeat;}
.exp .row-bg.using-image{background-size:inherit !important; background-position: 80% center;}
/* .bgoffre .row-bg.using-image{ background-size:auto !important;} */

.round{ background: radial-gradient(circle at top, #0B1621 50vw, transparent 17.1vw) !important;}
/* .round2{ background: radial-gradient(circle at bottom, #FFFFFF 50vw, transparent 17.1vw) !important; min-height: 700px;} */

.flip-box-front, .flip-box-back{ border-radius: 50%; width: 288px !important; height: 288px !important; min-height: 288px !important; text-align: center; margin: auto !important;}
.open-quote, .close-quote{ color: #4bd6fd !important;font-size: 70px !important;
    height: 100px;
    line-height: 0px !important;
    /* position: absolute; */
    vertical-align: bottom;
    overflow: visible;}
.open-quote{ top:0; left: 0;}
.testimonial-name{color: #00ffee !important; text-transform: uppercase;}
h3 strong, h2 strong{font-family: Josefin Sans !important;} 
blockquote p{font-family: Josefin Sans; text-transform: uppercase; line-height: 30px; font-size: 13px !important;}
.flip-box-front {background-color:#ffffff!important; border: 1px solid #ff5a30;}
.flip-box-front .inner{font-size: 25px; color: #ff5a30; text-transform: uppercase; }
.offre{ border-radius: 110px; height: 220px; color: black !important; max-width: 930px;margin:-110px auto 0px auto !important; border: 1px solid #0B1621; }
.home .offre h3{ font-size: 20px !important; line-height: 30px !important; font-weight: 700 !important; text-indent: 2px; text-transform: uppercase !important;}
.offretext{ font-size: 15px !important; line-height: 40px !important; font-family: Josefin Sans; text-transform: uppercase; font-weight: 500 !important; max-width: 930px; margin:0 auto!important; text-align: left !important;}
.offretext .col.centered-text, .offretext .wpb_column.centered-text{ text-align: left !important;}
/* .offretext .nectar-button.jumbo{ margin-left: 20px !important;} */
.offretext strong{ color: #4bd6fd !important; font-weight: normal !important;}
.pod .column-image-bg, .pod .column-image-bg-wrap{min-height: 700px !important; clip-path:circle(50% at 50% 50%); background-size:auto !important; border-radius: 50%; }
.objectifs{ min-height: 700px; background-position: center top !important; background: url(/wp-content/uploads/2020/10/pod_img.png); background-position: center top; background-repeat: no-repeat; background-size: cover;}
#logo{font-size: 0 !important;}
.objectifs .txtrouge h2, .objectifs .txtrouge h5{ color: #ff5a30 !important;}
.nectar_icon{ background-color: #4bd6fd;}
.prix {letter-spacing: 2px !important;}
.prix strong{font-size: 80px !important; letter-spacing: 4px; line-height: 80px;}
.nectar-flip-box .flip-box-front .inner{padding: inherit !important;}
.nectar-scrolling-text[data-using-bg="true"][data-sep-text="true"] .nectar-scrolling-text-inner{ top:auto !important; }
.centre h3 strong{ font-size: 20px !important; letter-spacing: 2px; line-height: 40px;}
#footer-outer .widget_media_image img{ height: 192px !important;}
#footer-outer a{text-transform: uppercase;}

.menu-footer-seo-container li a{ font-size: 10px !important;  }

body #footer-outer .menu-footer-seo-container a:not(.nectar-button) { color: #3e6080 !important; }

.home h3{/*  font-family: Montserrat !important; */ font-size: 30px!important; font-weight: bold !important; text-transform: inherit !important;}
.nectar-post-grid-item-bg, .nectar-post-grid-item-bg-wrap, .nectar-post-grid-item-bg-wrap-inner{border-radius: 50% !important;}

.logoin{ display: block; width: 100%; padding-bottom: 0px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.38); height: 51px; padding-top: 10px;}
#logo{ display: block; text-align: center; width: 132px; margin: 0 auto; position: relative;}
#header-outer #logo, #header-outer .logo-spacing{margin-top: 0px !important; margin-bottom: 0px !important; }
#logo img{ margin-bottom: 0 !important;}
#header-outer[data-transparent-header="true"] #logo .dark-version{ left: 0;} 
#header-outer{
	    transition: all 200ms linear;
	    backdrop-filter: blur(10px);
}
#top .col.span_9 {height: 50px;}

.logoin{ transition: all 200ms linear; }

.scrolled-down .logoin{opacity: 0; margin-top:-50px;}
.transparent .logoin{opacity: 1; margin-top:0px}

.effetap .row-bg{ background-position: 10% -300px !important; background-size: contain;}
.effetap2 .row-bg{ background-position: 100px 0 !important; background-size: contain;}

.bullebg:before{ content: ""; display: block; position: absolute; width: 550px; height: 550px; background: url(/wp-content/uploads/2020/10/img_iso.png) no-repeat center center; top:4%; }
.bullebg2:before{ content: ""; display: block; position: absolute; width: 550px; height: 550px; background: url(/wp-content/uploads/2023/11/DSC03632-scaled-1.jpg) no-repeat center center; top:4%; }
.bullebg3:before{ content: ""; display: block; position: absolute; width: 550px; height: 550px; background: url(/wp-content/uploads/2023/11/DSC03513-scaled-1.jpg) no-repeat center center; top:4%; right: 0; }
.bullebg4:before{ content: ""; display: block; position: absolute; width: 550px; height: 550px; background: url(/wp-content/uploads/2023/11/DSC03632-scaled-1.jpg) no-repeat center center; top:4%; }
.bullebg5:before{ content: ""; display: block !important; position: absolute; width: 550px; height: 550px; background: url(/wp-content/uploads/2023/11/DSC03265retouchee.jpg) no-repeat center center; top:14%; background-size: contain;  }

.sel{ border-radius: 50%; padding: 10% !important; width: 702px; height: 702px; background-color: white;}

.float h4{ font-size: 35px !important; font-weight: 400 !important;}
.float h4{ color: white !important;}
.float h4 strong{ padding-right: 27px; padding-left: 27px; }
.float h4 strong:before{ border: 1px solid #c54a2c; content: ""; display: block; position: absolute; width: 66px; height: 66px; border-radius: 50%; top: -25px; }
.message{ border-radius: 100px; font-size: 20px !important; border: 1px solid white; }
.message h3{ font-size: 20px !important; line-height: 30px !important; }
.benefimg .column-image-bg{ background-size: contain;}
.benefimg strong{ font-family: Josefin Sans !important; color: #4bd6fd; }
.toggle h3 a{ font-size: 20px !important; line-height: 30px !important;}

.page-id-1390 .fflexi iframe, .page-id-2528 .fflexi iframe, .page-id-1392 .fflexi iframe, .page-id-1191 .fflexi iframe, .page-id-1388 .fflexi iframe{ width: 100%; min-height: 1900px;}
.adresse h3{ font-size: 20px !important; text-align: left; line-height: 30px !important;}

.footer-widgets a{text-transform: uppercase !important;}
/* .buttons.sf-menu{ border-left: 1px solid rgba(255, 255, 255, 0.29); padding-left: 25px  !important;} */

.desktop.menu-item{ border-left: 1px solid rgba(255, 255, 255, 0.29); padding-left: 25px  !important; }

.linebas .divider-small-border[data-color="extra-color-1"]{ background-color: #0A343E !important; margin-bottom: -120px !important; margin-top: auto !important;}

.nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-bottom"] .flip-box-back .inner, .nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-bottom"] .flip-box-front .inner, .nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-top"] .flip-box-back .inner, .nectar-flip-box[data-v_text_align="center"][data-flip-direction="vertical-to-top"] .flip-box-front .inner{ transform: translateY(-50%) translateZ(0px) scale(.95); }

.nectar-flip-box[data-flip-direction="vertical-to-top"] .flip-box-front, body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="vertical-to-top"]:hover .flip-box-back, .nectar-flip-box[data-flip-direction="vertical-to-bottom"] .flip-box-front, body:not(.using-mobile-browser) .nectar-flip-box[data-flip-direction="vertical-to-bottom"]:hover .flip-box-back{transform-style: flat !important;}

.fb_dialog_content{ border: 1px solid rgba(255, 255, 255, 0.71) !important;}

.cercle{ position: absolute;}
.cercle.blanc{ right: 20%; top: -200px;}
.cercle.vert{ right: 20%; top: 100px;}


.home .video-color-overlay:before, .head_cercles .row-bg.using-bg-color:before, .head_cercles .row-bg.using-image:before, .contact .row-bg.using-bg-color:before{ content: "" !important; background: url(/wp-content/uploads/2020/10/cercle2.svg) no-repeat center -247px; width: 100%; height: 1283px; display: block; position: absolute; top:0; background-size: contain; z-index: 12;}

.cap .row-bg:before{content: ""; display: block; width: 100%; height: 100%; background-image:  url(/wp-content/uploads/2020/10/graviti-pod.jpg); background-repeat: no-repeat; background-position: right center; opacity: 100; background-color: #0b1621; opacity: 0;  transition: opacity 0.9s ease;}
.cap:hover .row-bg:before { opacity: 1; }


.nectar-fancy-ul a{ vertical-align:super; font-size: 10px !important;}
/* a.jumbo.regular:hover{ opacity: 0.9;} */

body #footer-outer a.signature{
	position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
    font-size: 9px;
    color: rgba(255, 255, 255, 0.5)!important;
    }
body #footer-outer a.signature:hover{
	color: #4bd6fd !important;
}

.gform_wrapper .gfield_error .gfield_label, .gform_wrapper .validation_message{color: #4bd6fd !important; }
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea{border: 1px solid #4bd6fd !important;}

.gform_wrapper div.validation_error {
    color: #4bd6fd !important;;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 25px;
    border-top: 2px solid #4bd6fd !important;;
    border-bottom: 2px solid #4bd6fd !important;;
    padding: 16px 0 16px 0;
    clear: both;
    width: 100%;
    text-align: center;
}

body.single-post.material[data-bg-header="true"] .container-wrap{ background-color: white; padding-top: 0 !important;}
.single .row, .single .post .content-inner { padding-bottom: 0 !important;}
.single h2{ font-size: 1.3rem !important;}
.single h3{ font-size: 1rem !important;}
.single h4{ font-size: 0.9rem !important;}

.blog_next_prev_buttons{ margin-top: 0px !important;}

.article-content-wrap h3.title, .nectar-post-grid h3.post-heading{ font-size: 20px !important; line-height: 27px !important;}

.nectar-social.fixed{ bottom: 90px !important; right: 28px !important;}
.smenu { display: none;}

.raduis{border-radius: 30px;}

#footer-outer #media_image-3.widget_media_image img{ height: 75px !important;}
#footer-outer #media_image-3.widget_media_image h4{ font-size: 10px !important; padding: 0 !important; margin: 0px !important;}

body:not(.home) #wpfront-notification-bar{ top: 50px !important; }

.pum-active{display: block !important;}

	.buttons .mobile{ display: none !important;}
	.buttons .desktop{ display: block;}
	
	.nectar-button.mobile{display: none !important;}
	.nectar-button.desktop{display: inline-block !important; }
	
#header-outer:not(.transparent) .sf-menu > li ul{ border-color: inherit !important;}

#header-outer:not(.transparent) .sf-menu > li ul{ border-top: 0px solid black !important;}
	
.sub-menu{ border-bottom: 1px solid rgba(255, 255, 255, 0.29); border-left: 1px solid rgba(255, 255, 255, 0.29); border-right: 1px solid rgba(255, 255, 255, 0.29);}


.benef h3{ color: #ff5a30; text-transform: uppercase !important;}

.home .btn.reserver.jumbo{ width: 320px; font-size: 15px; }

.gmbrr .listing .text, .gmbrr .author-name, .gmbrr .author-name a, .gmbrr.bubble.fill.turquoise .listing .text, .gmbrr.bubble.mustard .listing .text, .gmbrr.carousel.bullet-symbol.contrast .navigation .bullet a:hover, .gmbrr.carousel.bullet-symbol.contrast .navigation .bullet.current a, .gmbrr.carousel.bullet-symbol.contrast .navigation .bullet.current a:hover, .gmbrr.contrast .rating, .gmbrr.contrast .count, .gmbrr.contrast .date, .gmbrr.contrast .relative-time-description, .gmbrr.contrast .vicinity, .gmbrr.dark.bubble.fill.contrast .listing .text, .gmbrr.dark.bubble.fill.turquoise .listing .text, .gmbrr.fonts .author-name a, .gmbrr.stripe.dark.contrast > :nth-child(2n-1){ color: white !important;}
.gmbrr.tile .listing li{ border: none !important; box-shadow: inherit !important;}

.gmbrr .listing .rating, .gmbrr .star, .gmbrr .rating, .gmbrr.dark .listing .rating, .gmbrr.dark .star, .gmbrr.dark.stars-yellow .star, .gmbrr.stars-yellow .star, .gmbrr.contrast .listing .rating, .gmbrr.dark.contrast .listing .rating, .gmbrr.stars-html .rating-stars{ color: #4bd6fd !important;}

.gmbrr.carousel .navigation .bullet a{ max-width: 10px !important; max-height: 10px !important;}

.benefices_wrap img{ border-radius: 50% !important;}

.sf-menu .reserver{border-left: 1px solid rgba(255, 255, 255, 0.29); padding-left: 25px  !important; }

.buttons.sf-menu >li ul.sub-menu{ width: inherit !important;}

body.material .nectar-button.jumbo { padding-left: 0 !important; padding-right: 0 !important; min-width: 300px !important;}
body.material .nectar-button.jumbo.regular:hover{ background-color: #4bd6fd !important; color: black !important;}

body.material .col.light .nectar-button.jumbo.regular:hover{ background-color: white !important;}

#wpfront-notification-bar-spacer{ visibility: hidden !important;}

.google-business-reviews-rating.gmbrr.columns.two.center.carousel .heading, .google-business-reviews-rating.gmbrr.columns.two.center.carousel .vicinity{ display: none !important;}

.mc4wp-form input[type="email"]{display: inline-flex; margin-top: 10px !important; width: 300px !important; border: 1px solid white !important; border-radius: 50px !important; min-width: 300px;}	
.mc_input::placeholder{ content: "votre email";}
.mc_var_label{ display: none;}
.mc4wp-form input[type="submit"]{ height:47px!important; margin-top: 10px !important;}
#footer-outer #footer-widgets .mc4wp-form h4{ color: #4bd6fd !important;}
.mc4wp-alert{padding:10px !important; color: #4bd6fd;}
.mc4wp-alert.mc4wp-error{color: #ff5a30 !important;}

.titre p{
	font-family: Josefin Sans;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
}

.noh1 h1{
	font-size: 30px;
    line-height: 30px;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2{ 
	font-size: 10px !important; line-height: 13px !important;
}

.gform_legacy_markup_wrapper span.ginput_total{
	color: #4bd6fd;
}

#myInput{ 
	text-align: center;
	font-size: 1rem;
}
.search-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.search-container input {
  width: 100%;
  padding: 10px 40px; /* Laisse de l'espace pour l'icône */
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.search-container .icon-search {
  position: absolute;
  top: 50%;
  left: 10px; /* Ajuste selon l'espacement voulu */
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: #888;
  pointer-events: none; /* Empêche de cliquer sur l'icône */
}


.nectar-list-item:last-child:after{ 
	content: "\e607";     
	font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;     width: 30px;
    display: inline-flex; padding-left: 20px; 
 }
.nectar-hor-list-item, .nectar-list-item{padding:5px!important;}


.sticky{  
	position: sticky;
    top: 83px;
    z-index: 9999;
}
.toggles{  
	position: sticky;
    top: 230px;
     z-index: 9999;
}

.toggles--minimal-shadow .toggle > .toggle-title a{
	
	font-size: 17px !important;
	font-weight: 400;
	padding-right: 30px !important;
}

/* tarifs */

.row_col_wrap_12 {
  .column_container  > .vc_column-inner {
    transition: opacity 0.3s ease;
    opacity: 1;
  }
  &:hover {
     .colt  > .vc_column-inner { opacity: 0.5; }
     .colt:hover > .vc_column-inner{ opacity: 1; }
  }
}

.block-tarif {
  transition: filter 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;

  &:hover {
    filter: brightness(1.15) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
  }
}

.btn-sticky{
  margin-right: 10px;
}

.block-tarif {
  padding-top: 40px;
  padding-bottom: 30px;
}

/*
.name-tarif{
	margin-bottom: 0 !important;
}
*/
.name-tarif p {
  display: inline-flex;
  gap: 10px;
}
.name-tarif  img, .name-tarif p img{
     width: 23px !important;
}

.block-tarif .underline-tarif {
  position: relative;
  top: -15px;
}

.btn-reserver {
  margin-right: 10px;
}

.btn-offrir {
  margin-right: 10px;
}

.grid-tarif .toggle {
  background-color: #052443 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: -5px !important;
  margin-top: -5px !important;
}

.grid-tarif .toggle > .toggle-title a{
  font-size: 10px;
  color: #ffffff !important;
}

.grid-tarif .nectar-list-item:last-child:after {
	flex-wrap: nowrap;
    left: 5px;
    position: relative;
    padding-left: 0;
}

/* désactiver la ligne existante */
.grid-tarif div[data-style="minimal_small"] .toggle > .toggle-title::after {
  display: none !important;
}

/* couleur normale (exemple : blanc) */
.grid-tarif div[data-style="minimal_small"] .toggle > .toggle-title a {
  color: #ffffff; /* ou ta couleur de base */
}

/* couleur de la flèche normale */
.grid-tarif div[data-style="minimal_small"] .toggle > .toggle-title a::after {
  content: "⌵"; /* ou "▼" ou autre flèche */
  display: block;
  font-size: 20px;
  color: #ffffff; /* couleur normale */
  text-align: center;
  margin-top: 4px;
}


.grid-tarif div[data-style="minimal_small"] .toggle > .toggle-title a:hover::after {
  color: #4BD6FD;
}

		

        /* --- Nouveau Style pour la Sélection SOLO/DUO --- */

        /* Conteneur pour aligner les options */
        .select-group {
            display: inline-flex;
            align-items: center;
            margin-bottom: 30px; /* Espace sous la sélection */
        }

        /* Masquer les vrais boutons radio */
        .select-group input[type="radio"] {
            display: none;
        }

        /* Style des étiquettes (les cercles et le texte) */
        .select-group label {
            display: flex;
            align-items: center;
            cursor: pointer;
            margin-right: 30px;
            font-size: 18px; /* Grande taille pour le texte SOLO/DUO */
            font-weight: bold;
            color: #ccc; /* Couleur par défaut (Désactivé) */
            transition: color 0.2s;
        }

        /* Le cercle customisé (avant le texte) */
        .select-group label::before {
            content: '';
            display: inline-block;
            width: 18px;
            height: 18px;
            border: 2px solid #ccc; /* Bordure gris clair */
            border-radius: 50%;
            margin-right: 15px;
            transition: border-color 0.2s, background-color 0.2s;
        }

        /* --- État SÉLECTIONNÉ --- */

        /* Cible l'étiquette LORSQUE le bouton radio est coché */
        .select-group input[type="radio"]:checked + label {
            color: #000; /* Texte noir (Activé) */
        }

        /* Cible le cercle customisé LORSQUE le bouton radio est coché */
        .select-group input[type="radio"]:checked + label::before {
            border-color: #007bff; /* Bordure bleue */
            background-color: #007bff; /* Fond bleu */
            box-shadow: inset 0 0 0 3px white; /* Cercle intérieur blanc */
        }

.nectar_icon_wrap .nectar_icon{
	background-color: inherit !important;
}


.line-up {
    margin-top:20px !important;
    margin-bottom:0px !important;
}
.line-middle {
    margin-bottom:0px !important;
}
.line-last { 
    margin-bottom:20px !important;
}
.fflexi .nectar-hor-list-item {
    border-bottom: none;
    margin-bottom:0px !important;
    padding: 0px !important;
}
.semaine {
    right: 60px!important;
}
.block-tarif .underline-tarif {
    top: -10px !important;
    margin-bottom:-10px !important;
}
.note-solo {
    margin-top: 20px;
}
.block-fonce {
    background-color: #003162 !important;
}
.block-clair {
    background-color: #052443 !important;
}
.DiscoveryBanner{
    border-radius: 20px;
    box-shadow: 0px 10px 90px rgba(0, 0, 0, 0.4);
 }
.DiscoveryBanner img{
    border-radius: 20px;
 }
.DiscoveryBanner .vc_col-sm-6{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}
.TitlesDiscovery h4 span{
    font-weight: 500;
    color: #757575;
    letter-spacing: 8px;
    line-height: 30px;
}
.TitlesDiscovery h3 span{
    font-weight: 400;
    font-size: smaller;
    font-family: 'Montserrat';
}
.coffret{
    box-shadow: 0px 100px 90px rgba(0, 0, 0, 0.1);
    border-radius: 20px !important;
}
.coffret .row-bg-layer{
    border-radius: 20px !important;
}
.coffret img{
    border-radius: 20px;
}
.coffret h4 {
    font-size: x-large !important;
    font-weight: 600 !important;
    color:black !important;
    line-height: 40px !important;
}
.coffret .vc_col-sm-3{
    justify-content: flex-end;
    align-items: center !important;
}
.coffret .vc_col-sm-3 .vc_column-inner{
    display: contents !important;
}
.coffret .vc_col-sm-3 p{
    text-decoration: line-through !important;
}
.coffret .vc_col-sm-3 h5{
    font-size: x-large;
}
.coffret .vc_col-sm-6 .nectar-fancy-ul li{
    padding-top: 5px;
    color:black;
}
.coffret .vc_col-sm-6 .nectar-fancy-ul ul{
    margin-bottom: 0px !important;
}
.coffret .toggle-title a{
    font-size: small !important;
    font-weight: 600 !important;
    color: var(--nectar-extra-color-1);
}
.coffret .inner-toggle-wrap .nectar-fancy-ul li{
    padding-top: 5px;
    color:black;
}
.page-id-5419 .container-wrap{
    background-color: white !important;
}

.offrir-ville {
    display: none; 
    text-align: center;
}

@media (max-width: 1000px) {
    .coffret .row_col_wrap_12{
        padding-bottom:5% !important;
        padding-right:10% !important;
        padding-left:10% !important;
        padding-top:10% !important;
    }
    .coffret .col3{
        justify-content: center!important;
        align-items: center !important;
        margin-bottom: 10% !important;
    }
    .coffret .col1,.coffret .col2{
        margin-bottom:15%;
    }
    .DiscoveryBanner .vc_col-sm-6,.DiscoveryBanner .vc_col-sm-6 ul{
        margin:0 !important;
    }
    .head_discovery .row-bg-overlay{
        background-color: rgba(0, 0, 0, 0.2) !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 999px) {

	body.material .nectar-button.jumbo{ min-width: 230px !important;}

}

@media screen and (min-width: 999px) {
	.bienfaits{ min-height: 700px;}
	.benefices_wrap{ min-height: 500px; }
	.bienfait, .benef{ position: absolute;}
	.smenu { display: block;}
	.bienfait, .benef{ opacity: 0; transition: opacity 0.9s ease;}
	.bienfait.on, .benef.on{ opacity: 1;}
	
	.smenu li{ display: inline-block; cursor: pointer !important; list-style: none; text-transform: uppercase; }
	.smenu li{ margin: 0px 50px; transition: color 0.9s ease;}
	.smenu li.on{ color: #4bd6fd; }
	.smenu.benefices li{ color: #0B1621;}
	.smenu.benefices li.on{ color: #ff5a30; }
	.nav-btn{ visibility: hidden; display: none;}

}

@media screen and (max-width: 999px) {
	.nav-btn{ visibility: visible; display: block;}
	.intro{ background-color: #040910;}
 	.intro .using-image { background-position: 80% 40px !important; background-size: 250%;}
	
	body:not(.home) #top .col.span_9.col_last{ margin-top: -60px;}
	
	body.home header{ border: none !important;}
	.sel{ width: 430px; height: 430px; border-radius: 20% !important;}
	.page-id-487 .fflexi iframe, .page-id-737 .fflexi iframe{ min-height: 2400px !important;}
	.cercles .img-with-aniamtion-wrap { display: none;}
	
	.home .pum h2{ font-size:25px !important; line-height: 30px !important; font-weight: 700 !important;}
	
	.menu .desktop{ display: none !important;}
	.menu .mobile{ display: block !important;}
	
	.nectar-button.desktop{display: none !important;}
	.nectar-button.mobile{display: inline-block !important;}
	.benef{ text-align: center !important;}
	

}

@media (max-width: 768px) {
	.wpb_wrapper, body:not(.home){ 
	overflow: visible !important;
	  transform: none !important;
	  filter: none !important;
	}
}



@media screen and (max-width: 600px) {
	.cap .row-bg:before{ background-position: 20% -300%;}
	.author-avatar{ display: inline-block !important;}
	.hideMobile{display:none !important;}
	.nectar_video_player_self_hosted .wpb_wrapper video{visibility:visible!important;}
	body h2{ font-size:2.2rem !important; line-height: 2.2rem !important; font-weight: 700 !important;}
	body h3{ font-size:1.8rem !important; line-height: 2.2rem !important;}
	.benef h3 { margin-top: 15px !important;}
	.testi .wpb_text_column{padding-bottom: 55px !important;}
	.exp .row-bg.using-image{background-size: 150% !important; background-position: right top !important; }
	.offre { height: auto; text-align: center; padding-top: 20px !important; margin-top: -50px !important;}
	.bgoffre .row-bg.using-image{ background-size:contain !important;}
	.testi .vc_column-inner{ padding: inherit !important;}
	.testi .row-bg.using-bg-color{background: radial-gradient(circle at top, #0B1621 70vw, white 17.1vw) !important; background-position: center center;} 
	.tte_mid{font-size: 15px !important;}
	.round{ background: radial-gradient(circle at top, #0B1621 70vw, transparent 17.1vw) !important;} 
 	.round2{ background: radial-gradient(circle at top, #0B1621 70vw, transparent 17.1vw) !important;} 
	.offre .col.padding-6-percent > .vc_column-inner{padding: 0 !important;}
	body.page-template-default .col.padding-3-percent[data-border-width*="px"] > .vc_column-inner {padding: 3% !important;}
	.progress-wrap {right: 5px !important;}
	.message{ border: none !important;}
	.float h4{ font-size: 25px !important;}
	.cap .using-image{ background-image: none !important;}
	.btn.reserver.jumbo.small{ width: 230px; }
	h2{ font-size: 30px !important; line-height: 33px !important;}
	#wpfront-notification-bar div.wpfront-message{ max-width: 80% !important; font-size: 13px !important;}
	.round .bottom_margin_phone_10pct{ margin-bottom: inherit !important;}	
	.page .wpb_column[data-border-width="1px"]>.vc_column-inner>.border-wrap>span{ display: none !important; border-width: 0 !important;}
	.bullebg5:before{top:-10% !important;}
	.bullebg3:before{top:-3% !important;}
}
@media screen and (min-width: 600px) {
	.offretext .nectar-button.jumbo{ margin-left: 20px !important; }
	.home .nectar-scrolling-text-inner h2{ font-size: 200px !important;}
}
@media screen and (min-width: 600px) and (max-width: 999px)  {
	.nectar-flip-box .flip-box-back{ left: 25%; font-size: 13px !important;}
}
@media screen and (min-width: 380px) and (max-width: 600px)  {
	body:not(.home) .cercle2{ margin-top: -10% !important;}
}