/**
 * *Grid bootstrap
 *
 * ici on charge la grille bootstrap uniquement
 */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}img{border:0}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}[role=button]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1200px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@-ms-viewport{width:device-width}

/**
 * *Reset css
 *
 * ici on annule toutes les modifications css effectué de base par les navigateurs
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ===================================
   STYLES POUR PAGE PRODUIT ABONNEMENT
   =================================== */

/* Masquer le formulaire d'ajout au panier pour les utilisateurs non connectés sur la page abonnement */



.no-logged .product-abonnement form.cart {
	display: none !important;
}

/* Section Hero avec 3 colonnes */
.abonnement-section-hero {
	padding: 60px 0;
}


.postid-360 .price{
	display: none;
}

.abonnement-box {
	background-color: #FF9162BF;
		padding: 40px 35px;
		border-radius: 27px;
		height: 100%;
}

.abonnement-box h2 {
	font-size: 24px;
		margin-bottom: 20px;
		line-height: normal;
		font-family: 'Inter-Bold';
		color: black;
}

.intro-abonnement-text a{
	margin-top: 20px;
}
.abonnement-section-hero .container .row > div{
	padding-left: 10px;
	padding-right: 10px;

}
.text b{
	font-family: 'Inter-Bold';
}
.rsfv-has-video video.rsfv-video{
	border-radius: 20px;
}

.old-price{
	font-family: 'Inter-Bold';
	text-decoration: line-through;
} 
.actual-price{
	font-family: 'Inter-Bold';
	font-size: 24px;
	color: #FF4E00
}

.abonnement-box .intro-text {
	font-size: 17px;
		line-height: normal;
		margin-bottom: 25px;
		font-family: 'Inter-Regular';
		color: black;
}

.abonnement-box .intro-text strong,
.abonnement-box .intro-text b{
	font-family: 'Inter-Bold';
}

.abonnement-box .section-title {
	font-size: 20px;
		margin-bottom: 20px;
		line-height: normal;
		font-family: 'Inter-Bold';
		color: black;
	margin-bottom: 15px;
}

.abonnement-list {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 0;
}

.disc-list li:before{	
	content: '•';
	color: black;
	font-family: 'Inter-Regular';
	font-size: 17px;
	left: -5px;
	line-height: normal;
	position: relative;
}
.abonnement-list .disc-list{
	display: flex;
	padding-left: 5px;
	position: relative;
}
.abonnement-list li {
	font-size: 17px;
	line-height: normal;
	margin-bottom: 5px;
	color: black;
	font-family: 'Inter-Regular';
}
.abonnement-checklist {
	list-style: none;
	padding: 0;
	margin: 0 0 30px 0;
}
.section-avis-product{
margin-bottom: 75px;
margin-top: 20px;
}


.abonnement-section-hero .container .row{
	display: flex;
}

.abonnement-image-center {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.abonnement-image-center img {
	max-width: 100%;
		height: 100%;
		border-radius: 20px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		object-fit: cover;
}

.cta-button {
	background-color: #000;
	color: #fff;
	border: none;
	padding: 15px 30px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-block;
	text-align: center;
}

.cta-button:hover {
	background-color: #333;
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.cta-button.cta-black {
	background-color: #000;
	color: #fff;
}

.cta-button.cta-white-border {
	background-color: transparent;
	color: #000;
	border: 2px solid #000;
	text-decoration: none;
}

.cta-button.cta-white-border:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

/* Scroll smooth pour les liens ancres */
html {
	scroll-behavior: smooth;
}

/* Section Unlock */
.abonnement-section-unlock {
	padding: 80px 0;
	background-color: #fff;
}

.abonnement-section-unlock h2 {
	font-size: 32px;
	font-family: 'Inter-Bold';
	margin-bottom: 40px;
	color: black;
	line-height: normal;
}

.abonnement-video-wrapper {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.unlock-list li{
	font-family: 'Inter-Regular';
	display: flex;
		align-items: flex-start;
		margin-bottom: 18px;
		font-size: 17px;
		line-height: normal;
		color: black;
}
.unlock-list li strong,
.unlock-list li b{
	font-family: 'Inter-Bold';
}


.abonnement-video-wrapper video {
	width: 100%;
	height: auto;
	display: block;
}

.play-button-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 10;
}

.unlock-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.abonnement-unlock-content{
	padding: 0px 60px;
	padding-right: 0px;;
}

.unlock-list li .icon {
	font-size: 24px;
	margin-right: 15px;
	flex-shrink: 0;
}

.unlock-list li .content {
	flex: 1;
}

.abonnement-unlock-content .cta-button {
	margin: auto;
		display: table;
		margin-top: 35px;
}

.abonnement-box .cta-button {
	margin: auto;
	display: table;
	margin-top: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Section Community */
.abonnement-section-community {
	padding: 50px 0;
	background-color: #FF916240;
	text-align: center;
}

.single-product footer .bar{
	opacity:0;
}

.abonnement-section-community p {
	font-size: 17px;
		text-align: left;
		font-family: 'Inter-Bold';
		line-height: normal;
		color: black;
}

.abonnement-section-community .text-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}

.abonnement-section-community .small-text {
	margin-top: 15px;
	font-size: 14px;
}

.link-underline {
	text-decoration: underline;
	color: #000;
}

.link-underline:hover {
	color: #333;
}

/* Responsive */
@media (max-width: 991px) {
	.abonnement-box {
		margin-bottom: 30px;
		min-height: auto;
	}
	
	.abonnement-image-center {
		margin-bottom: 30px;
	}
	
	.abonnement-section-unlock .col-md-6 {
		margin-bottom: 40px;
	}
	
	.abonnement-section-community .text-right {
		align-items: center;
		margin-top: 30px;
	}
}

@media (max-width: 767px) {
	.abonnement-section-hero {
		padding: 40px 0;
	}
	
	.abonnement-box {
		padding: 30px 20px;
	}
	
	.abonnement-box h2 {
		font-size: 24px;
	}
	
	.abonnement-section-unlock {
		padding: 50px 0;
	}
	
	.abonnement-section-unlock h2 {
		font-size: 26px;
	}
	
	.cta-button {
		width: 100%;
		display: block;
	}
}

.postid-360 .wp-post-image,
.postid-360 .woocommerce-product-gallery__image--placeholder{
	display: none!important;
}

/*end abon*/

html,body{
  font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden
}
a{text-decoration: none}

/*tips*/
/*padding*/
.no-pad-left,.no-pad-left-ipad,.no-pad-left-mobile{padding-left: 0px}
.no-pad-right,.no-pad-right-ipad,.no-pad-right-mobile{padding-right: 0px}
.no-pad-top,.no-pad-top-ipad,.no-pad-top-mobile{padding-top: 0px}
.no-pad-bottom,.no-pad-bottom-ipad,.no-pad-bottom-mobile{padding-right: 0px}
.no-pad{padding: 0px}
/*margin*/
.no-marg-left,.no-marg-left-ipad,.no-marg-left-mobile{margin-left: 0px}
.no-marg-right,.no-marg-right-ipad,.no-marg-right-mobile{margin-right: 0px}
.no-marg-top,.no-marg-top-ipad,.no-marg-top-mobile{margin-top: 0px}
.no-marg-bottom,.no-marg-bottom-ipad,.no-marg-bottom-mobile{margin-right: 0px}
.no-marg{padding: 0px}

/*others tips*/
.display-none,
.display-ipad,
.display-mobile{display: none}
.display-block{display: block}
.d-flex{display: flex}
.clear{clear: both}
.text-center{text-align: center}
.text-right{text-align: right}
.text-left{text-align: left}
.float-right{float: right}
.float-left{float: left}
.no-decoration:hover,
.no-decoration{text-decoration: none}
.fixed{position: fixed}
.invisible {visibility: hidden}
.img-circle{border-radius: 50%}

.uppercase{text-transform: uppercase}
.capitalize {text-transform: capitalize}
.lowercase {text-transform: lowercase}
.hover-pointer:hover{cursor: pointer}
.img-responsive{max-width: 100%;}
@media screen and (max-width: 991px){
	.display-ipad{display: block}
	.hide-ipad{display: none}
}
@media screen and (max-width: 767px){
	.display-mobile{display: block}
  .hide-mobile{display: none}
}

/*animation*/
.hover-shadow {
    display: inline-block;
    position: relative;
    transition-duration: 0.3s;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    z-index: 9999;
}
.hover-shadow:hover {
    transform: translateY(-6px);
    animation-name: hover;
    animation-duration: 1.5s;
    animation-delay: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.hover-shadow:hover:before {
    opacity: .4;
    transform: translateY(6px);
    animation-name: hover-shadow;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.hover-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 80%);
    transition-duration: 0.3s;
    transition-property: transform opacity;
}
input:invalid{animation: shake 300ms}
@keyframes shake {
	25%{transform: translatex(4px)}
	50%{transform: translatex(4px)}
	75%{transform: translatex(4px)}
}
/*Global components*/
.scrollTop{
	width: 40px;
	height: 40px;
	background: white;
	position: fixed;
	bottom: 200px;
	right: 50px;
	border-radius: 5px;
	box-shadow: 1px 0px 14px #bfbfbf;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	z-index: -999999;
	transition: 0.6s;
}
.scrollTop.active{
	opacity: 1;
	z-index: 99;
}
.scrollTop svg{width: 20px}
.message{
	clear: both;
	width: 100%;
	padding: 15px 30px;
	border-radius: 15px;
	font-size: 17px;
}
.message:after{
	display: inline-block;
	content: "\00d7"; /* This will render the 'X' */
	float: right;
  font-size: 20px;
}
.message:hover{cursor: pointer}
.message.error{
	background: #fde8e8;
	color: #cf2e2e;
}
.message.success{
	background: #def7ec;
	color: #00d084;
}
.message.info{
	background: #f3f4f6;
	color: #545454;
}
.message.info svg{
	width: 20px;
	top: 3px;
	position: relative;
	margin-right: 5px;
}
table{
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 400px;
  /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); */
}
table thead tr {
	background-color: #009879;
	color: #ffffff;
	text-align: left;
}
table th,
table td{padding: 12px 15px}
table tbody tr {border-bottom: 1px solid #dddddd}
table tbody tr:nth-of-type(even) {background-color: #efefef}

/* table tbody tr:last-of-type {border-bottom: 2px solid #009879} */
table tbody tr.active-row {
  font-weight: bold;
  color: #009879;
}
.animate-spin{
	fill: #1c64f2;
	width: 35px;
	-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;
	--tw-text-opacity: 1;
	color: rgb(229 231 235/var(--tw-text-opacity));
}
@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}
@media (min-width: 768px) {
    .container {width: 740px}
}

@media (min-width: 991px) {
    .container {width: 930px}
}
@media (min-width: 1024px) {
    .container {width: 970px}
}
@media screen and (min-width: 1200px){
	.container{width: 1100px}
}
@media screen and (min-width: 1270px){
	.container{width: 1150px}
}
@media screen and (min-width: 1320px){
	.section-protocoles .container{width: 1200px}
}
@media screen and (min-width: 1450px){
	.container{width: 1350px}
	.section-protocoles .container{width: 1230px}
}






input::-webkit-input-placeholder{}
input::-moz-placeholder{}
input:-ms-input-placeholder{}
input:-moz-placeholder{}
/*Theme components*/
/*THEME*/

@media screen and (min-width: 1270px) {
    .container.mini {
      padding: 0px 120px;
    }
}

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

body.no-logged header nav{
	left: -50px;
	position: relative;
}
}


 .page-template-template-contact .wpcf7-form{
	 display: flex;
	 flex-wrap: wrap;
	 gap: 25px;
	 width: 950px;
	 max-width: 100%;
 }

  .page-template-template-contact   .wpcf7-form-control-wrap {
     float: left;
     width: calc(50% - 13px)
 }

 .page-template-template-contact .wpcf7-form textarea,
 .page-template-template-contact .wpcf7-form input{
	width: 100%;
    padding: 0 20px;
    border: 1px solid #ccc;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid var(--primary-color);
    font-size: 14px;
    height: 45px;
    color: #333;
    transition: border-color 0.3s, box-shadow 0.3s;
		margin-bottom: 7px;
}
 .page-template-template-contact  .landing-page-content {
    margin-top: 50px;
}

 .page-template-template-contact .wpcf7-form textarea{
		padding: 15px 20px;
    height: 200px;
    resize: none;
	}

	.page-template-template-contact .wpcf7-form input:focus,
	.page-template-template-contact .wpcf7-form textarea:focus,
	.page-template-template-contact .wpcf7-form input:active,
	.page-template-template-contact .wpcf7-form textarea:active{
		outline: none!important
	}

.page-template-template-contact .wpcf7-form textarea::-webkit-input-placeholder,
.page-template-template-contact .wpcf7-form input::-webkit-input-placeholder{
		font-family: 'Inter-Regular';
		font-size: 14px;
		color: #3C6AC0;
	}
	.page-template-template-contact .wpcf7-form textarea::-moz-placeholder,
.page-template-template-contact .wpcf7-form input::-moz-placeholder{
		font-family: 'Inter-Regular';
		font-size: 14px;
		color: #3C6AC0;
	}
	.page-template-template-contact .wpcf7-form textarea:-ms-input-placeholder,
.page-template-template-contact .wpcf7-form input:-ms-input-placeholder{
		font-family: 'Inter-Regular';
		font-size: 14px;
		color: #3C6AC0;
	}
	.page-template-template-contact .wpcf7-form input,
	.page-template-template-contact .wpcf7-form textarea{
		font-family: 'Inter-Regular';
		font-size: 14px;
		color: #3C6AC0;
	}
.page-template-template-contact .wpcf7-form textarea:-moz-placeholder,
.page-template-template-contact .wpcf7-form input:-moz-placeholder{
		font-family: 'Inter-Regular';
		font-size: 14px;
		color: #3C6AC0;
	}
	.page-template-template-contact .wpcf7-form input[type="submit"]{
	border: 2px solid var(--secondary-color);
	background: white;
	color: var(--secondary-color);
	font-family: 'DaysOne-Regular';
	font-size: 15px;
	border-radius: 25px;
	transition: 0.3s ease;
	line-height: normal;
	width: 200px;
	display: table;
	height: 45px;
	padding: 0;
}



.header-cta{
	position: absolute;
    right: 50px;
		display: flex;
}
.header-cta .cta-account{
	padding: 13px 22px;
	display: flex;
	align-items: center;
	margin-left: 15px;
  position: relative;
}
.header-cta  .img{
	margin-right: 12px;
}
.shape-orange.shape-post-info{
	z-index: -1;
	height: calc(50% + 15px);
	position: absolute;
	background: #ff4d00;
	border-radius: 20px;
}
.header-cta .cta-account:hover svg path{
	fill: white
}

.toggle-list{
	position: absolute;
	top: 4px;
	left: 0;
	right: 0;
	text-align: left;
	background: white;
	/* background: linear-gradient(90deg, rgb(60 106 192 / 100%) 0%, rgb(40 99 209 / 100%) 25%, rgb(255 77 0) 100%); */
	font-size: 12px;
	z-index: 9;
	/* transition: 0.28s transform, 0.4s border-radius; */
	opacity: 0;
	width: 100%;
	transform: translateY(-24px);
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	display: none;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.header-cta .cta-account:hover .toggle-list{
	display: block;
}

body .cta-black{
	background: black!important;
	color: white!important;
	border: 2px solid black!important;
}

.group-top-info-btn{
	display: flex;
	gap: 20px;
}
header nav ul #menu-item-328 .sub-menu li#menu-item-4708{
width: auto;
top: 10px;

}
.group-top-info-btn a{
	display: flex;
	align-items: center;
		border-radius: 15px;
	justify-content: center;
	font-size: 16px!important;
		padding: 12px 27px!important;
}

.banner-hp.active a:hover {
transition: transform 0.2s, opacity 1.6s, 0.5s;
}

.group-top-info-btn a:hover {
transform: translateY(-7px)!important	;
}

.toggle-list .access{
    padding-bottom: 10px;
	position: relative;
}
.toggle-list .access::before{
	content: "";
  width: 74%;
  height: 1.5px;
  background: #ff4d00;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.header-cta .cta-account.is-log:hover{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.toggle-list li{
	padding: 11px 10px;
	transition: 0.4s
}
.toggle-list li:hover a{
	transition: 0.3s;
}
.toggle-list li:hover a{
	color: #ff4d00;;
}


.toggle-list li:last-of-type{
	border-bottom: none;
	padding-top: 10px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}
.toggle-list li{
	padding: 12px 0px;
	text-align: center;
}

.toggle-list li a{
	color: black;
	font-family: 'Inter-Bold';
	font-size: 13px;
}
.header-cta .cta-account:hover .toggle-list{
	opacity: 1;
	transform: translateY(39px);
}



header nav ul{
		display: flex;
}
header{
	height: 97px;
}
header nav ul li  {
	margin: 0px 0px;
padding: 10px 27px;
}

.ajax-auth h3 {
	font-family: 'Inter-Regular';
    display: flex;
    flex-direction: column;
}
.ajax-auth a.text-link {
	font-family: 'Inter-Regular';
    padding: 4px 0px;
}
.ajax-auth h2 {
    font-size: 24px;
    font-family: 'DaysOne-Regular';
		line-height: normal;
}
body .ajax-auth input[type="date"],
body .ajax-auth input[type="email"],
body .ajax-auth input[type="number"],
body .ajax-auth input[type="password"],
body .ajax-auth input[type="tel"],
 body .ajax-auth input[type="text"],
 body .ajax-auth select {
    background-color: #ffffff !important;
    border: 1px solid #3C6AC0 !important;
    border-radius: 15px;
}
header nav ul li a{
	/* font-family: 'DaysOne-Regular';
	font-size: 15px; */
	/* text-transform: uppercase; */
	color: black;
	transition: 0.25s;
	z-index: 999;
	position: relative;
	font-size: 18px;
	font-family: 'Inter-Bold';
	letter-spacing: 0.3px;

}
header nav ul li.boutique a{
	color: #FF4D00;

}


header nav ul li:hover > a{
	color: #FF4D00;
}

body{
	overflow-x: visible;
	display: table;
	    width: 100%;
}
.ajax-auth h3 a {
    color: #ff4d00;
}

.swal2-title{
	    font-size: 20px;
	    font-family: 'DaysOne-Regular';
	    color: black;
	    font-weight: normal;

}
.swal2-html-container{
	font-size: 14px;
	font-family: 'Inter-Regular';
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
    cursor: pointer;
    background: var(--secondary-color)!important;
    font-family: 'DaysOne-Regular';
    font-size: 14px;
    padding: 18px 43px;
    display: table;
    border-radius: 25px;
    color: white;
    transition: 0.3s ease;
    border: none;
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]).swal2-cancel {
	background: var(--primary-color)!important;
	color: white;
}


.progression-section {
    width: 800px;
    max-width: 100%;
}


body .ajax-auth .submit_button, body .ajax-auth input.submit_button{
	background: #ff4d00;
	font-family: 'DaysOne-Regular';
	font-size: 15px;
	padding: 18px 43px;
	border-radius: 25px;
	color: white;
	transition: 0.3s ease;
	border: none;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: lowercase;
	width: auto;
	transition: 0.5s opacity;
	box-shadow: none;
	    text-shadow: none;
}
#forgot_password h3{
	color: white;
}
header .sub-menu{
	position: fixed;
	display: flex;
	flex-direction: column;
	top: 0px;
	left: 0;
	background: white;
	padding: 20px 0px;
	/* box-shadow: 0 1px 4px rgb(0 0 0 / 8%); */
	width: 100%;
	opacity: 0;
	transition: top 0.5s;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	display: none;
	flex-wrap: wrap;
	flex-direction: row;
	padding-right: 100px;
	padding-top: 50px;
	    box-shadow: 1px 8px 9px -8px rgb(0 0 0 / 5%);
}

.menu-item-has-children:hover::before{
	content: "";
	    width: 80%;
	    height: 2px;
	    background: #ff4d00;
	    position: absolute;
	    bottom: -15px;
	    left: 10%;
	    z-index: 9;
}
header .sub-menu.active::before{
	width: 61px;

}

header .sub-menu.active{
	opacity: 1;
	top: 65px;
	display: flex;
	align-items: baseline;
}
header .sub-menu .cta-orange-border {
	height: auto;
display: table;
line-height: normal;
margin-left: 50px;
text-align: center;
width: auto;
text-align: center;
padding: 0px;
top: 25px;
}
header .sub-menu .cta-orange-border a{
	width: 150px;
padding: 8px 15px;
display: table;
}

header .sub-menu .cta-orange-border:hover a{
	color: white
}

#swal-register #acf-form-data + h2{
    display: none;
}

/* Masquer le h2 après la div */
#swal-register .acf-user-register-fields,
#swal-register .acf-user-register-fields + h2 {
    display: none!important;
}

#password-lost-form-wrap{
	width: 700px;
	max-width: 100%;
	margin: auto;
	padding: 25px;
	margin-top: 100px;
}
.menu-item-has-children{
	position: relative;
}
header nav ul li .sub-menu li {
  margin: 0px;
  padding: 8px 15px;
  position: relative;
  margin-bottom: 10px;
	width: 50%;
  padding-right: 25px;
}

.no-pointer > a:hover{
	cursor: inherit;
}

header nav ul #menu-item-328 .sub-menu li{
	width: 33.333333333333336%
}

#resetpasswordform{
	background: #f0f0f0;
	padding: 30px;
	border-radius: 25px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
#resetpasswordform label{
	color: black;
transition: 0.25s;
z-index: 999;
position: relative;
font-size: 15px;
font-family: 'Inter-Regular';
letter-spacing: 0.3px;
}
 .page-id-1769 .bloc-image-2{
	 margin: 0px;
 }
 .page-id-1769 .bloc-image-2 img{
	 margin: auto;
	 display: table;
 }

#resetpasswordform .cta-orange-border{
	padding: 15px 20px;
    font-size: 14px;
}
#resetpasswordform legend{
	color: #ff4d00;
margin-bottom: 25px;
font-family: 'Inter-Bold';
font-size: 25px;
}


.wrong-reset{
	text-align: center;
	background: #F44336;
	color: white;
	width: 400px;
	margin: auto;
	border-radius: 5px;
	padding: 10px;
	font-family: 'Inter-Regular';
	font-size: 14px;
	max-width: 90%;
}
input[type="password"].som-password-input {
	margin: auto;
	color: black;
	box-shadow: 0px 0px 13px #00000026;
	border-radius: 6px;
	border: none;
	padding: 10px 15px;
	margin-top: 10px;
	font-family: 'Inter-Regular';
	font-size: 16px;
	max-width: 100%;
	width: 300px;
}

.somfrp-lost-pass-form-text{
	margin-bottom: 20px;
}

header nav ul li .sub-menu li a{
	font-size: 14px;
	line-height: normal;
	font-family: 'Inter-Bold';
	text-transform: inherit;
}

header nav ul li .sub-menu li a img{
	width: 26px;
	position: relative;
	top: 6px;
	left: 0;
	height: 26px;
	margin-right: 5px;
}
header nav ul li .sub-menu li a span{
	font-family: 'Inter-Regular';
    display: block;
    margin-top: 10px;
    font-size: 13px;
		padding-left: 36px;
}
header nav ul li .sub-menu li a span.no-img{
	padding-left: 0px;
}

header nav ul li .sub-menu li.blue a{
	color: #3c6ac0
}
header nav ul li .sub-menu li.blue:hover a{
	color: #ff7528
}

body .ajax-auth .submit_button:hover, body .ajax-auth input.submit_button:hover{
	opacity: 0.8
}
header{
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: sticky;
	top: 0;
	z-index: 9999;
	background: white;
	transition: 0.25s height, box-shadow 0.3s ease;
}
header.stick{
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.logo-header {
	position: absolute;
	left: 56px;
	width: 87px;
	top: 9px;
	transition: 0.25s width;
	z-index: 9;
}
header.stick .logo-header {
    /* width: 62px; */
}


@keyframes bang {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.hoverme {
  width: 240px;
  /* margin: 150px auto 0; */
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  position: relative;
}
.hoverme span {
  color: white;
  /* font-size: .9em; */
}
.hoverme i {
  position: absolute;
  display: block;
  left: 50%;
  top: 45px;
  width: 3px;
  height: 5px;
  background: red;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(1) {
  transform: translate3d(-54px, -72px, 0) rotate(82deg);
  background: #ff0037;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(2) {
  transform: translate3d(25px, -55px, 0) rotate(200deg);
  background: #ff0077;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(3) {
  transform: translate3d(61px, -76px, 0) rotate(236deg);
  background: #77ff00;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(4) {
  transform: translate3d(-46px, -74px, 0) rotate(153deg);
  background: #00ffa2;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(5) {
  transform: translate3d(39px, -86px, 0) rotate(4deg);
  background: #00ffd5;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(6) {
  transform: translate3d(-36px, -64px, 0) rotate(36deg);
  background: #00aeff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(7) {
  transform: translate3d(64px, -92px, 0) rotate(179deg);
  background: #00b3ff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(8) {
  transform: translate3d(61px, -73px, 0) rotate(252deg);
  background: #22ff00;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(9) {
  transform: translate3d(20px, -69px, 0) rotate(116deg);
  background: #d0ff00;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(10) {
  transform: translate3d(-30px, -52px, 0) rotate(344deg);
  background: #e100ff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(11) {
  transform: translate3d(71px, -86px, 0) rotate(287deg);
  background: #3cff00;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(12) {
  transform: translate3d(50px, -55px, 0) rotate(57deg);
  background: #00ff7b;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(13) {
  transform: translate3d(-53px, -70px, 0) rotate(274deg);
  background: #00aeff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(14) {
  transform: translate3d(-90px, -71px, 0) rotate(96deg);
  background: #ff6200;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(15) {
  transform: translate3d(23px, -66px, 0) rotate(91deg);
  background: #ff0026;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(16) {
  transform: translate3d(-26px, -54px, 0) rotate(154deg);
  background: #0051ff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(17) {
  transform: translate3d(64px, -58px, 0) rotate(255deg);
  background: #0040ff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(18) {
  transform: translate3d(64px, -95px, 0) rotate(79deg);
  background: #9dff00;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(19) {
  transform: translate3d(45px, -50px, 0) rotate(343deg);
  background: #00fbff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(20) {
  transform: translate3d(-41px, -63px, 0) rotate(3deg);
  background: #002bff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(21) {
  transform: translate3d(-18px, -77px, 0) rotate(225deg);
  background: #a200ff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(22) {
  transform: translate3d(0px, -71px, 0) rotate(185deg);
  background: #ff1e00;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(23) {
  transform: translate3d(1px, -81px, 0) rotate(144deg);
  background: #00ff91;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(24) {
  transform: translate3d(-28px, -88px, 0) rotate(337deg);
  background: #ff0095;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(25) {
  transform: translate3d(71px, -66px, 0) rotate(326deg);
  background: #00f2ff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(26) {
  transform: translate3d(-82px, -72px, 0) rotate(91deg);
  background: #5100ff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(27) {
  transform: translate3d(-32px, -66px, 0) rotate(6deg);
  background: #ffb700;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(28) {
  transform: translate3d(-84px, -60px, 0) rotate(34deg);
  background: #00ff66;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(29) {
  transform: translate3d(-11px, -90px, 0) rotate(137deg);
  background: lime;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(30) {
  transform: translate3d(33px, -58px, 0) rotate(118deg);
  background: #ff0080;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(31) {
  transform: translate3d(-9px, -52px, 0) rotate(258deg);
  background: #b300ff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(32) {
  transform: translate3d(35px, -98px, 0) rotate(149deg);
  background: #e600ff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(33) {
  transform: translate3d(-81px, -71px, 0) rotate(281deg);
  background: #9dff00;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(34) {
  transform: translate3d(24px, -86px, 0) rotate(170deg);
  background: #ffd900;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(35) {
  transform: translate3d(48px, -68px, 0) rotate(197deg);
  background: #3300ff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(36) {
  transform: translate3d(10px, -85px, 0) rotate(344deg);
  background: #00ff2f;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(37) {
  transform: translate3d(-82px, -59px, 0) rotate(284deg);
  background: #006fff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(38) {
  transform: translate3d(84px, -54px, 0) rotate(24deg);
  background: #ff0095;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(39) {
  transform: translate3d(-67px, -97px, 0) rotate(265deg);
  background: #003cff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(40) {
  transform: translate3d(-98px, -61px, 0) rotate(215deg);
  background: #001eff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(41) {
  transform: translate3d(-19px, -84px, 0) rotate(261deg);
  background: #00eeff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(42) {
  transform: translate3d(71px, -53px, 0) rotate(230deg);
  background: #007bff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(43) {
  transform: translate3d(-86px, -70px, 0) rotate(360deg);
  background: #00fff7;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(44) {
  transform: translate3d(79px, -82px, 0) rotate(119deg);
  background: #ff6f00;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(45) {
  transform: translate3d(-33px, -81px, 0) rotate(156deg);
  background: #ff001e;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(46) {
  transform: translate3d(68px, -90px, 0) rotate(341deg);
  background: #0099ff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(47) {
  transform: translate3d(29px, -84px, 0) rotate(253deg);
  background: #00ffd5;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(48) {
  transform: translate3d(-50px, -80px, 0) rotate(210deg);
  background: #00fbff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(49) {
  transform: translate3d(-30px, -74px, 0) rotate(36deg);
  background: cyan;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}
.hoverme:hover i:nth-of-type(50) {
  transform: translate3d(-25px, -50px, 0) rotate(155deg);
  background: #007bff;
  animation: bang 700ms ease-out forwards;
  opacity: 0;
}


.relative{position: relative}
.banner-hp {
  background-position: center;
  background-size: cover;
  height: 805px;
  background-position: inherit;
	margin-bottom: 110px;
}
.banner-hp .content{
	position: absolute;
	top: 127px;
	left: 0;
}
.banner-hp .medium-title{
	margin-bottom:35px;
	width: 100%;
	font-size: 60px;
	opacity: 0;
	transition: transform 0.8s, opacity 0.8s;
	transform: translateY(100px);
}
.banner-hp .text-20{
	margin-bottom: 35px;
	width: 600px;
	line-height: 32px;
	font-size: 20px;
	opacity: 0;
	transition: transform 1.2s, opacity 1.2s;
	transform: translateY(100px);
}
.banner-hp a{
	opacity: 0;
	transform: translateY(100px);
	transition: transform 1.6s, opacity 1.6s , background 0.5s ;
}

.banner-hp a:hover{
	transform: translateY(-10px);
}
.banner-hp.active  a,
.banner-hp.active .text-20,
.banner-hp.active .medium-title{
	opacity: 1;
	transform: translateY(0px);
}
.flex-section-protocole{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
	width: 100%;
	margin: auto;
}
.flex-section-protocole h3{margin-top: -25px}
.flex-section-protocole .anim-1{
	position: absolute;
	bottom: 130px;
}
.flex-section-protocole button,
.flex-section-protocole a{
	font-size: 17px;
padding: 18px 37px;
}
.block-protocoles-travail{
	display: flex;
  margin: 60px 0px;
  width: calc(50% - 15px);
	margin-top: 80px;
}
.block-protocoles-travail .content{
	width: 100%;
	padding: 60px 20px;
	text-align: center;
	border-radius: 25px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	top: 0;

	background: #373737c2;
	background: rgb(60 106 192 / 56%);
}
.block-protocoles-travail .small-title,
.block-protocoles-travail .small-text{
	margin-bottom: 18px;
	line-height: normal;
	font-size: 30px;
	padding: 0px 30px;
}
.block-protocoles-travail .small-text{margin-bottom: 30px}
.block-protocoles-travail .cta-picto{
	margin:auto;
	margin-top: 0px;
}
.slider-protocoles-img{
	width: 100%;
	height: 615px
}
.slider-protocoles-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 25px;
}
.section-protocoles .cta-orange-border{
	margin: auto;
}
.block-protocoles-travail.sport .content{
	background: rgb(255 87 34 / 51%);
	position: relative;
	z-index: 9;
	border-radius: 25px;
	right: 0px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	background: #373737c2;
	background: rgb(209 97 61 / 64%);
	background: rgb(253 92 1 / 44%);
}
.block-protocoles-travail .small-text {
	margin-bottom: 25px;
	line-height: normal;
	font-size: 17px;
	font-family: 'Inter-Regular';
	width: 100%;
	max-width: 100%;
}
.block-protocoles-travail.sport .slider-protocoles-img {
	right: 0px;
	position: relative;
}
.section-bien-etre{
	margin-top: 100px;
	margin-bottom: 0px;
	height: 700px;
	background-size: cover;
	background-position: center;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items:center;
	justify-content: center;
}
section.nutrition .content,
.section-bien-etre .content{
	width: 825px;
	max-width: 100%;
	z-index: 9;
	position: relative;
	text-align: center;
}
.section-bien-etre .content .cta-picto{
	margin: auto;
	margin-top: 45px;
}
.section-bien-etre .content .big-title{margin-bottom: 40px}

#account-banner{position: relative}
#account-banner h1 {z-index: 9}
#account-banner::before,
.top-post-info::before,
.banner-archive::before,
section.nutrition::before,
.section-bien-etre::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#account-banner::before,
.section-bien-etre::before,
section.nutrition::before{
	background: rgb(60 106 192 / 38%);

}


.mt-50{
	margin-top: 50px;
}

.tax-category-bien-etre .top-post-info::before{
	 background: rgb(60 106 192 / 28%);
	 border-radius: 25px;

}
.tax-category-bien-etre .top-post-info{
	    background-position: left;
}
.story{
	margin-bottom: 50px;
    padding-top: 100px;
}
.story p{
	font-size: 14px;
	margin-top: 20px;
	font-weight: bold;
	text-transform: initial;
	width: 80%;
	line-height: 22px;
	font-family: 'Inter-Bold';
	color: black;
	margin-bottom: 35px;
}
.story .inner{
	display: flex;
  flex-wrap: wrap;
	margin-top: 75px;
	width: 100%;
}
.slide-story{
	width: 45%;
	height: 330px;
	position: relative;
}
.slide-story img{
	width: 100%;
	height: 100%;
	border-radius: 25px;
	object-fit: cover;
}
.story .inner .content{
  width: 55%;
	padding-left: 45px;
   padding-top: 25px;
}
.shape-orange{
	position: absolute;
	height: 94%;
	width: 94%;
	background: #ff4d00;
	left: -20px;
	bottom: -20px;
	border-radius: 25px;
	z-index: -1;
}
@media screen and (min-width: 1600px){
	.slide-story {
    height: 405px;
}
}

.story .inner .content .small-text-2{
	margin-bottom: 35px;
	    line-height: 28px;
	    font-size: 16px;
}
section.nutrition .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 110px;
	padding-bottom: 80px;
	align-items: center;
}

.nutrition.bien{
	margin-top: 150px;
	margin-bottom: 60px
}

@media screen and (min-width: 1600px){
	section.nutrition .container {
	    padding-top: 210px;
	    padding-bottom: 180px;
	}

}
section.nutrition {
	background-size: cover;
  background-position: center;
	margin-bottom: 105px
}
section.nutrition .big-title{margin-bottom: 35px}
section.nutrition .big-text{margin-bottom: 45px}
section.nutrition a{margin: auto}


.item-3-col-landing{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
}
.item-3-col-landing .item{
	width: calc(33.333333333333336% - 20px);
	height: 460px;
	border-radius: 27px;
	    padding: 0px 80px 0px 30px;
			position: relative;
}
.item-3-col-landing .item h3{
	font-family: 'DaysOne-Regular';
	font-size: 20px;
	line-height: 22px;
	color: white;
	margin-bottom: 32px;
}
.item-3-col-landing .item .content{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-right: 80px;
	padding-left: 32px;
	padding-bottom: 26px;
}
@media screen and (min-width: 1600px){
	.container.big{
		width: 1600px;
	}
}
.text-slide .inner{
	display: flex;
	flex-wrap: wrap;
}
.text-slide .slide{
	width: 550px;
}
.item-3-col-landing .item .video{
	position: fixed;
	top: 0;
	height: 100vh;
	width: 100%;
	right: -100%;
	transition: 1s;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000000bf;
}
.item-3-col-landing .item .video > svg{
	position: absolute;
  top: 50px;
  right: 50px;
  width: 28px;
  height: 28px;
}
.item-3-col-landing .item .video > svg:hover{
cursor: pointer;
}

.item-3-col-landing .item .video  .video-play{
	width: 600px;
	max-width: calc(100% - 25px);
	border-radius: 25px;
}
.item-3-col-landing .item .video  .video-play video{
width: 100%;
height: 100%;
border-radius: 25px;

}

.item-3-col-landing .item .video.open{
	right: 0%;

}



.text-slide .title-landing{
	margin-bottom: 50px;
	margin-top: 35px;
}
.text-slide .text-landing-bold{
	margin: 25px 0px;
}
.text-slide .slide img.slick-slide {
	height: 550px;
	object-fit: cover;
	border-radius: 26px;
}
.text-slide .content{
width: 700px;
padding-right: 30px;
}
 .bloc-faq-2 .faq-container{
width: 896px;
padding: 0px;
 }
 .bloc-faq-2 .faq-item:nth-child(1){
	background: #FF9162BF
}
.bloc-faq-2 .faq-item:nth-child(2){
 background: #FF916280
}
.bloc-faq-2 .faq-item:nth-child(3){
 background: #FF916240
}
.bloc-faq-2 .faq-question{
	background-color: unset;
}
.bloc-faq-2 .faq-question:hover{
	background-color: unset;
}
.bloc-faq-2{
	 margin-top: 100px!important
 }
.bloc-faq-2  .faq-item{
	 border-radius: 26px;
 }

.bloc-faq-2  .faq-question {
     font-size: 24px;
		 position: relative;
 }
.bloc-faq-2 .shape{
	position: absolute;
	background: #FF9162;
	height: 8px;
	width: 129px;
	left: 20px;
	top: 42px;
	z-index: 0;
}
.bloc-faq-2 .t{
	z-index: 9;
	position: relative;
}

.text-slide-2 .video-play{
	width: 660px;
}
.text-slide-2 .inner .inner{

width: calc(100% - 660px);
}
.text-landing strong{
	font-weight: bold;
}
.text-slide-2 .inner .content{
	width: 100%;
	padding-left: 25px;
}
.page-template-template-page-vente  .slick-dots li.slick-active button:before {
    color: #FF4E00;
}
.bloc-faq-2 .faq-question .shape{
	opacity: 0;
}
.bloc-faq-2 .faq-question.active .shape{
	opacity: 1;
}

.bloc-faq-2 .faq-answer {
    padding: 15px;
    padding: 15px 40px;
    padding-bottom: 40px;
}

.bloc-faq-2  .faq-answer p {
    font-size: 16px;
    line-height: 22px;
}


.text-slide .cta-orange.center{
	margin: auto;
	margin-top: 70px;
	margin-bottom: 130px;
}
.mini-cta-landing{
	font-family: 'DaysOne-Regular';
	font-size: 16px;
	padding: 13px 23px;
	border-radius: 21px;
	border: none;
	color: white;
	background: #FF4E00BF;
}
.item-3-col-landing .item p{
color: white;
margin-bottom: 23px;
}

.section-video-landing .cta-orange{
	margin: auto;
	margin-top: 55px;
	margin-bottom: 40px;
}
.section-video-landing .text-landing{
	margin-top: 30px;
	margin-bottom: 55px;
}
.section-landing-arrow{
	margin-bottom: 130px;
	padding-top: 60px;
	padding-bottom: 100px;
	background-size: cover;
background-position: center;
}
.section-landing-arrow *{
color: white;
}
.section-landing-arrow h3{
	font-size: 22px;
	margin-bottom: 35px;
	font-family: 'DaysOne-Regular';
	line-height: 30px;

}
.section-landing-arrow p strong{
margin-bottom: 20px;
display: block;
font-family: 'Inter-Bold';
}
.flex-landing-arrow ul{
	margin-bottom: 35px;
}
.section-landing-arrow .title-landing{
	margin-bottom: 120px
}
.flex-landing-arrow{
	display: flex;
}
.flex-landing-arrow .content{
	width: 445px;
}
.flex-landing-arrow .block-orange{
width: 435px;
padding: 50px 40px 35px 25px;
border-radius: 27px

}
.flex-landing-arrow .block-orange .mt{
	margin-top: 28px;
}
.cta-landing-white{
	margin: auto;
	    border-radius: 28px;
	    background: white;
	    color: #FF4E00;
	    font-family: 'DaysOne-Regular';
	    font-size: 16px;
	    padding: 12.5px 27px;
	    display: table;
}
.flex-landing-arrow  > img{
	margin: 0px 60px;
	margin-right: 75px;
}
.flex-landing-arrow .cta-landing-white{
	margin-top: 50px;
}
.flex-landing-arrow  .block-orange .text-landing {
    line-height: 22px;
}

.section-landing-diet{
	background: #ffe3d7;
	padding-top: 75px;
	padding-bottom: 110px;
}
.flex-diet .content{
	width: calc(100% - 440px );
	padding-right: 115px;
}
.flex-diet .icons{
	width: 440px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.flex-diet .icons .item{
width: calc( 50% - 15px);
text-align: center;
font-family: 'Inter-Regular';
font-size: 16px;
}

.flex-diet .icons .item .icon{
	border-radius: 27px;
	display: flex;
	justify-content: center;
	padding: 5px 0px;
	margin-bottom: 15px;
	height: 73px;
	align-items: center;
}
.section-landing-diet {
	margin-top: 105px;
}
.section-landing-diet .title-landing{
	margin-bottom: 75px;
}
.bg-orange-lite{
	background: #FF4E00BF
}
.flex-diet{
	display: flex;
	flex-wrap: wrap;
}
.pop-protocole{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgb(0 0 0 / 50%);
	justify-content: center;
	align-items: center;
	display: flex;
	opacity: 0;
	z-index: -9;
}
.pop-protocole.active{
	opacity: 1;
	z-index: 99999;
}
.pop-protocole .inner > p.title-modal {
	font-size: 22px;
	margin-bottom: 12px;
	text-align: center;
	font-family: 'DaysOne-Regular';
	color: white;
	text-transform: uppercase;
}
.scroll-more-product {
    float: left;
    width: 100%;
    max-height: 465px;
    overflow-y: scroll;
}
.title-product-list {
	font-size: 14px;
	line-height: normal;
	margin-bottom: 10px;
	text-align: center;
	font-family: 'DaysOne-Regular';
	color: #ff4d00;
	text-transform: uppercase;
}
.product-more .text{
	 margin-bottom: 10px;
	 font-size: 14px;
	line-height: normal;
	font-family: 'Inter-Bold';
	color: black;
 }
.pop-protocole  .product img {
    width: 160px;
    position: absolute;
    left: 0;
    height: 100%;
    z-index: 9;
    object-fit: cover;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
}

.pop-protocole .intro{
	width: 550px;
	margin-bottom: 35px;
	text-align: center;
	max-width: 100%;
}
.pop-protocole .hover-product {
	background: white;
    opacity: 1;
    left: initial;
    right: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: flex-start;
    padding: 15px 10px;
    height: auto;
		width: 100%;
    position: relative;
    padding-left: 180px;
    text-align: left;
    padding-right: 100px;
		border-radius: 20px;
}

.product-more{
	width: 99%;
	left: 0;
	padding: 0px;
	display: flex !important;
	margin-bottom: 10px;
	min-height: 105px;
	text-align: center;
	position: relative;
	float: left;
}
.pop-protocole .inner {
	width: 1000px;
	max-width: 95%;
	padding: 50px;
	display: flex;
	border-radius: 20px;
	background: linear-gradient(90deg, rgb(60 106 192 / 95%) 0%, rgb(40 99 209 / 95%) 25%, rgb(255 77 0 / 95%) 100%);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	transform: translateY(100px);
	transition: 0.5s;
	opacity: 0;
}
.pop-protocole.active .inner {
	transform: translateY(0px);
	opacity: 1;
}

.close-add-more-product {
    position: absolute;
    right: 15px;
    top: 15px;
		transition: 0.4s;
}
.close-add-more-product:hover {
    transform: rotate(-90deg);
}

.close-add-more-product:hover {
    cursor: pointer;
}


/* width */
.scroll-more-product::-webkit-scrollbar {
  width: 3px;
	border-radius: 3px;
}

/* Track */
.scroll-more-product::-webkit-scrollbar-track {
  background: #e5e4e1;
}

/* Handle */
.scroll-more-product::-webkit-scrollbar-thumb {
  background: #3C6AC0;
}

/* Handle on hover */
.scroll-more-product::-webkit-scrollbar-thumb:hover {
	background: #3061bd
}



.list-post{
	display: flex;
	flex-wrap: wrap;
	gap: 45px;
	width: 100%;
}
.list-post li{
	width: calc(33.333333333333336% - 30px);
	position: relative;
}
.list-post li img{
	width: 100%;
  border-radius: 25px;
  height: 100%;
  object-fit: cover;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.list-post-content li img{
	height: 100%;
	object-fit: cover;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.list-post-section{
	margin-bottom: 100px;
	padding-top: 100px;
    margin-top: 25px;
}
.list-post-section .flex{
	justify-content: center;
}
.list-post-section .medium-title{
	 margin-bottom: 45px;
	 margin-bottom: 75px;

 }
.list-post-section .cta-blue{
	margin: auto;
	margin-top: 75px;
}
.entry-footer{
	margin-top: 50px;
	float: left;
	width: 100%;
}

.flex-rs-footer{
display: flex;
grid-gap: 20px;
margin-top: 20px;
}
.flex-rs-footer img{

width: auto;
height: 20px;
}

.single-recettes .sidebar li > a::before,
.single-post .sidebar li > a::before,
.list-post li a::before{
	content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(60 106 192 / 70%);
  border-radius: 25px;
	opacity: 0;
	transition: 0.35s
}

.single-recettes .sidebar li a::before,
.single-post .sidebar li a::before,
.list-post-content li a::before{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.single-recettes .sidebar .date,
.single-post .sidebar .date,
.list-post-content .date{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.list-post .content{
	opacity: 0;
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	padding: 0px 35px;
	text-align: center;
	transition: 0.6s top;
}
.list-post .content .text{margin-bottom: 15px}
.list-post li a{
	position: relative;
	width: 100%;
	height: 100%;
	display: table;
}

.single-recettes .sidebar li  > a,
.single-post .sidebar li  > a,
.list-post-content li a{
	display: block;
	height: 255px;
}


.list-post li:hover a::before,
.list-post li:hover .content{
	opacity: 1;
}
.list-post li:hover .content{top: 65px}


.single-recettes .sidebar li:hover a::before,
.single-recettes .sidebar li:hover .content,
.single-post .sidebar li:hover a::before,
.single-post .sidebar li:hover .content,
.list-post-content li:hover a::before,
.list-post-content li:hover .content{
	opacity: 0;
}
.single-recettes .sidebar li:hover .content,
.single-post .sidebar li:hover .content,
.list-post-content li:hover .content{top: 80px}





.single-recettes .sidebar li > a:hover::before,
.single-recettes .sidebar li > a:hover .content,
.single-post .sidebar li > a:hover::before,
.single-post .sidebar li > a:hover .content,
.list-post-content li a:hover::before,
.list-post-content li a:hover .content{
	opacity: 1;
}


.single-recettes  .sidebar li > a:hover .content ,
.single-post .sidebar li > a:hover .content ,
.list-post-content li a:hover .content {
  top: calc(50% - 26px)
}

.single-recettes .sidebar .time-lecture,
.single-post .sidebar .time-lecture,
.list-post-content  .time-lecture{
	margin-top: 10px;
	margin-left: 0px;
}
.single-recettes .sidebar .time-lecture{
	margin-top: 0px;
}
.avis{
	margin-bottom: 75px;
}
/*proposition*/
.avis{
	padding: 100px 0px;
	padding-top: 0px;
	padding-bottom: 55px
	/* background: linear-gradient(90deg, rgb(60 106 192 / 85%) 0%, rgb(40 99 209 / 85%) 25%, rgb(255 77 0 / 85%) 100%); */
}
.avis .content-top-post{
	margin: 0px;
	padding-top: 0px;
	width: fit-content!important;
	margin: auto;
	left: 0;
	right: 0;
	float: none;
	margin-bottom: 50px;
}

.home .bloc-list .content-top-post{
	margin: 0px;
	padding-top: 0px;
	width: fit-content;
	margin: auto;
	left: 0;
	right: 0;
	float: none;
	margin-bottom: 50px;
	padding-bottom: 0px;
	background: none;
}
.home .bloc-list  ul{
	margin-top: 30px;
	text-align: center;
	width: fit-content;
	text-align: left;
	width: 800px;
	margin: auto;
	position: relative;
	margin-top: 45px;
}

.home .bloc-list .cta-white{
	margin-top: 110px;
	margin-left: auto;
	margin-right: auto;
	font-size: 19px;
padding: 17px 37px;
}
.home .perso{
	width: 140px;
}

@media screen and (min-width: 1650px){
	.avis{
		padding: 135px 0px;
		padding-top: 0px;

		padding-bottom: 55px;
	}
}


.slick-prev:before, .slick-next:before{
	opacity: 1;
}
.avis .slick-prev:before,.avis .slick-next:before {
    color: white;
}
.avis .slick-dots li.slick-active button:before {
    color: white;
		opacity: 1;
}
.avis .slick-dots li button:before {
    opacity: 0.3;
    color: white;
		transition: 0.4s;
}
.avis .slick-dots li:not(.slick-active):hover button:before {
	opacity: 0.6;
}

.post-type-archive-bien-etre  footer .bar,
.home footer .bar{
	opacity: 0;
	margin-top: 0px;
}
/**/
.avis .medium-title{margin-bottom: 45px;}
.avis .inner{
	width: 1350px;
	margin: auto;
}
.list-avis{
	display: flex;
	flex-wrap: wrap;
	width: 85%;
	gap: 40px;
	margin: auto;
}
.list-avis li.item{
	width: calc(33.333333333333336% - 27px);
  background: white;
  height: auto;
  padding: 28px 25px 40px 25px;
  box-shadow: 1px 3px 11px #00000014;
  border-radius: 25px;
	position: relative;
}

/* .list-avis .shape-orange {
    height: 92%;
    width: 92%;
    left: -10px;
    bottom: -10px;

} */
.page-template-template-page-vente  .list-post-section .cta-orange {
	margin-top: 50px;
	margin-left: auto;
margin-right: auto;
}
.list-avis .shape-orange {
    height: 38%;
    width: 45%;
    left: -10px;
    bottom: -10px;
}

.list-avis .item-first .shape-orange {
	height: 38%;
	width: 45%;
	left: -10px;
	bottom: -10px;
}
.list-avis .item-last .shape-orange {
	height: 38%;
	width: 45%;
	right: -10px;
	left: inherit;
	bottom: -10px;
}


.title-avis{
	font-family: 'DaysOne-Regular';
	font-size: 20px;
	line-height: normal;
	margin-bottom: 3px;
}
.date-avis{
	font-size: 14px;
	color: #A8A8A8;
	line-height: normal;
	margin-bottom: 3px;
	font-family: 'Inter-Regular';
}
.list-avis .rating{
	color: #ff4d00;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: 'DaysOne-Regular';
	font-size: 18px;
	float: left;
	width: 100%;
}
.list-avis .comment{
	font-family: 'Inter-Regular';
	font-size: 15px;
	line-height: 22px;
	display: table;
	margin-top: 13px;
	float: left;
	width: 100%;
}
.list-avis .comment img{
	width: 20px;
}
.slick-slide {margin: 0 19px}


.content-preparation{
	width: 100%;
	border-radius: 25px;
	background: #ffffff;
	padding: 20px;
	box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1);
	background: #f7f7f7;
}

.flex-recette-info{
	display: flex;
	justify-content: center;
	gap: 20px;
}
.flex-recette-info .time-lecture svg path {
    fill: #ff4d00;
}

.label-indication{
	padding: 5px 13px 5px 13px;
	background-color: white;
	border-radius: 8Px;
	display: flex;
	align-items: center;
	color: #3c6ac0;
	margin-left: 10px;
	font-family: 'Inter-Regular';
	font-size: 14px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.title-ingredients{
	font-size: 17px;
	font-family: 'DaysOne-Regular';
	color: #ff4d00;
	margin-bottom: 18px;
	margin-top: 20px;
	text-transform: uppercase;
}
.content-preparation .item{
	text-align: center;

}
body .flex-recette-info svg, body .flex-recette-info img {
    width: 22px;
    margin-right: 5px;
    height: auto;
    object-fit: contain;
    border-radius: 0px;
}

.quantity .less, .quantity .more {
		width: 36px;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
}
.flex-intro-recette{
	display: flex;
	margin-top: 50px;

}
.flex-post-content:not(.has-ingredients){
	margin-top: 70px;
}

.flex-intro-recette .thumb{
	object-fit: cover;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	margin: auto;
	display: block;
	margin-bottom: 23px;
}


.flex-intro-recette{
	margin-bottom: 50px;
}
.big-text.mb-30{
	margin-bottom: 30px;
}

.quantity .less:hover, .quantity .more:hover{
	cursor: pointer;
}

.quantity .less::before{
	content: "";
	width: 1px;
	height: 30px;
	background: #3c6ac0;
	position: absolute;
	right: 0px;
}
.quantity .more::before{
	content: "";
	width: 1px;
	height: 30px;
	background: #3c6ac0;
	position: absolute;
	left: 0px;
}
.quantity .nbr {
	text-align: center;
	width: 48px;
	color: #3c6ac0;
}
.bandeau-title{
	display: table;
	margin: auto;
	margin-bottom: 20px;
	font-family: 'Inter-Regular';
	font-size: 14px;
	line-height: normal;
	color: #3c6ac0;
}
.minus{
	font-family: 'Inter-Regular';
	font-size: 20px;
	color: #3c6ac0;
}
.plus{
	font-family: 'Inter-Regular';
	font-size: 20px;
	color: #3c6ac0;
}

.recipe-ingredients .unity,
.recipe-ingredients .qty {
    color: #ff4d00;
    font-family: 'Inter-Bold';
}
.recipe-ingredients li p{
	font-family: 'Inter-Bold';
	margin-bottom: 10px;
	color: black;
	font-size: 14px;
}
.recipe-ingredients{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}
.recipe-ingredients li{
	width: calc(25% - 10px); /* Assurez-vous que la largeur est correcte */
	max-width: calc(25% - 10px); /* Limitez la largeur maximale */
	flex: 1 1 calc(25% - 10px); /* Assurez-vous que l'élément reste flexible */
	/* text-align: left; */
}
.icon-ingredients{
	width: 55px;
	border-radius: 10px;
	height: 55px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	/* padding: 12px; */
	margin-bottom: 7px;
	object-fit: contain;
	    background: white;
}
.recipe-ingredients-mini{
	justify-content: center;
}
.boeki-incrementor{
	display: flex;
	align-items: center;
	border: 1px solid #3c6ac0;
	border-radius: 8px;
	width: fit-content;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 5px;
}

.sidebar .flex-recette-info{

}


/* the parent */
.slick-list {margin: 0 -19px}
.slick-track{padding: 15px 0px}
.slick-next {right: -40px}
.slick-prev{
	left: -50px;
	z-index: 99;
}
.slick-dots li button:before {
  font-size: 12px;
  opacity: 0.1;
}
.slick-dots li {margin: 0 3px}
.slick-prev:before, .slick-next:before{
	color: #3c6ac0;
}
.slick-prev:before, .slick-next:before{font-size: 32px}
.slick-dots li.slick-active button:before{color: #3c6ac0}
.slick-dots {bottom: -40px}
/*archive*/
.archive .list-post li{
	    margin-bottom: 45px;
}

.title-list-post{
	text-align: center;
	margin-top: 17px;
}
.banner-archive{
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	margin-bottom: 62px;
	flex-direction: column;
	padding-top: 95px;
	padding-bottom: 95px;
	height: auto;
}
.banner-archive p{
	margin-top: 30px;
	width: 575px;
	max-width: 100%;
}
.banner-archive *{
	z-index: 9;
	position: relative;
}


.filters .search{
	width: 250px;
	margin-right: 20px;
}
.filters {
	display: flex;
	margin-bottom: 60px;
}
.searchandfilter ul li {
    padding: 0px;
}
.searchandfilter select.sf-input-select {
    width: 250px;
    height: 50px;
    border-radius: 25px;
    border: 2px solid #3C6AC0;
    padding: 0px 20px;
    font-family: 'Inter-Regular';
    font-size: 14px;
    color: #3C6AC0;
		-moz-appearance: none;
    -webkit-appearance: none;
    background-color: white;
    background-image: url(../img/svg/arrow-bottom-blue-lite.svg);
    background-repeat: no-repeat;
		background-position-x: 91%;
    background-position-y: 19px;

}
body .searchandfilter select.sf-input-select:focus,
body .searchandfilter select.sf-input-select:active{
	border: 2px solid #3C6AC0;
	outline: none
}

.searchandfilter select.sf-input-select:hover{
	cursor: pointer;
}
body div.asl_w .probox .promagnifier .innericon svg {
    fill: #3C6AC0;
}

body #ajaxsearchlite1 .probox .proinput input,body div.asl_w .probox .proinput input{
	font-family: 'Inter-Regular';
	font-size: 14px;
	color: #3C6AC0!important
}

body #ajaxsearchlite1 .probox .proinput input::-webkit-input-placeholder{
	font-family: 'Inter-Regular'!important;
	font-size: 14px!important;
	color: #3C6AC0!important;
}
body #ajaxsearchlite1 .probox .proinput input::-moz-placeholder{
	font-family: 'Inter-Regular'!important;
	font-size: 14px!important;
	color: #3C6AC0!important;
}
body #ajaxsearchlite1 .probox .proinput input:-ms-input-placeholder{
	font-family: 'Inter-Regular'!important;
	font-size: 14px!important;
	color: #3C6AC0!important;
}
body #ajaxsearchlite1 .probox .proinput input:-moz-placeholder{
	font-family: 'Inter-Regular'!important;
	font-size: 14px!important;
	color: #3C6AC0!important;
}
body #ajaxsearchlite1 .probox, div.asl_w .probox {
  border: 2px solid #3C6AC0;;
  border-radius: 0 0 0 0;
  box-shadow: none;
  border-radius: 25px;
}
/*single post*/
.top-post-info.no-banner{
	background: linear-gradient(90deg, rgba(58,79,146,1) 0%, rgba(32,115,211,1) 62%, rgba(4,208,254,1) 100%)
}
.top-post-info {
	height: 470px;
  background-size: cover;
  background-position: center;
  padding: 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 50px;
  margin-bottom: 0px;
  position: relative;
	border-radius: 20px;
	margin-top: 40px;
}
body .content-top-post{
	background: white;
	width: 85%;
	margin-left: auto;
	color: black;
	font-size: 60px;
	padding: 57px;
	text-align: left;
	padding-top: 56px;
	display: table;
	height: auto;
	padding-bottom: 75px;
	bottom: 0;
	position: relative;
	right: 0;
	margin-top: -175px;
	float: right;
  border-top-left-radius: 20px;
}

  .has-no-img-landing .top-post-info{
		padding: 0px;
    height: auto;
    float: left;
    width: 100%;
	}
  .has-no-img-landing 	.top-post-info .breadcrumbs {
	    top: 0px;
	    left: 15px;
	    position: relative;
	}
body   .has-no-img-landing  .content-top-post{
	position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    margin-top: 50px;
    padding-left: 25px;
    font-size: 45px;
}

.section-protocoles .content-top-post{
	padding-bottom: 0px;
	border-top-right-radius: 25px;
}
.story .content-top-post{
	padding-bottom: 0px;
	border-top-right-radius: 25px;
	margin-top: 0;
	margin-bottom: 75px;
	padding-top: 0px;
}
.list-post-section .content-top-post{
	padding-bottom: 0px;
	border-top-right-radius: 25px;
	margin-top: 0;
	margin-bottom: 110px;
	padding-top: 0px;
}

body.home .content-top-post{
	width: 100%;
}
.single-product .main-title,
.content-top-post .main-title{
	position: relative;
	    z-index: 9;
}
.single-product .main-title::before,
.content-top-post .main-title::before{
	content: "";
	    background: #ff9162;
	    position: absolute;
	    top: 41px;
	    width: 0px;
	    height: 30px;
	    left: -18px;
	    z-index: -1;
	transition: 0.5s;
}
.single-product .main-title::before,
.vue .content-top-post .main-title::before{
	width: 127px;

}
.single-product .main-title::before{
	top: 36px;
	height: 25px
}

.content-top-post .main-title.variant::before {
    top: 38px;
    height: 26px;
}

.content-top-post .date{
	display: flex;
	align-items: center;
	color: black;
	margin-top: 15px;
	margin-bottom: 40px;
}
.single-post .content-top-post .category-cat{display: flex}
.content-top-post .main-title {width: 100%}
.single-sport_protocol .breadcrumbs{
	color: black;
	    position: relative;
	    top: -35px;
}
.top-post-info .breadcrumbs{
	color: black;
	top: -27px;
	left: 15px;
}
.single-sport_protocol .breadcrumbs a,
.top-post-info .breadcrumbs a{
	color: black;
}
.top-post-info *{
	z-index: 9;
	position: relative;
}
.top-post-info  .main-title{
	margin-bottom: 8px;
	width: 100%;
	float: left;
}
.date{
	font-size: 16px;
	color: #e3e3e3;
	line-height: normal;
	font-family: 'Inter-Regular';
}
.top-post-info  .date{
	margin-bottom: 45px;
	font-style: italic;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
 .time-lecture{
	 padding: 5px 13px 5px 13px;
	 background-color: #ff4d00;
	 border-radius: 8Px;
	 display: flex;
	 align-items: center;
	 color: white;
	 margin-left: 10px;
	 font-family: 'Inter-Regular';
	 font-size: 14px;
}
.flex-recette-info .time-lecture {
  padding: 5px 13px 5px 13px;
  background-color: #ffffff;
  border-radius: 8Px;
  display: flex;
  align-items: center;
  color: #ff4d00;
  margin-left: 10px;
  font-family: 'Inter-Regular';
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	margin: 0px;
}
.flex-top-info > p{font-family: 'Inter-Bold'}
.flex-top-info{
	display: flex;
	align-items: center;
}
.single-post .content-top-post{margin-top: -310px}
.category-cat a{
	background: white;
	padding: 10px 12px 10px 12px;
	box-shadow: 0px 0px 12px #00000029;
	border-radius: 25px;
	margin-right: 12px;
	line-height: normal;
	color: black;
	font-family: 'DaysOne-Regular';
	font-size: 12px;
	transition: 0.4s
}
.time-lecture svg{
	width: 15px;
	margin-right: 5px;
}
.time-lecture svg path{fill: #ffffff}
.flex-cat{
	display: flex;
	margin-left: 18px;
}
.breadcrumbs{
	position: absolute;
	top: 15px;
	display: flex;
	font-family: 'Inter-Regular';
	font-size: 13px;
	line-height: normal;
	color: white;
}
.breadcrumbs a{
	color: white;
	font-family: 'Inter-Bold';
	transition: 0.3s;
}
.breadcrumbs a:hover{color: #ff4d00}
.breadcrumbs span{
	font-family: 'Inter-Regular';
	margin-right: 5px;
	margin-left: 2px;
}
.flex-post-content{
	display: flex;
	flex-wrap: wrap;
}
.single-post-card{
	width: calc(100% - 320px);
	padding-right: 70px;
}
.single-recettes .sidebar,
.single-post .sidebar{width: 320px}
.sidebar .list-post li{width: 100%}
.sidebar .list-post li .cta-simple::before{
	content: none;
}
.sidebar .list-post{flex-direction: column}
.list-post-content li,
.sidebar .list-post li{
	background: white;
	border-radius: 25px;
	display: table;
	box-shadow: 0 1px 4px rgb(0 0 0 / 8%);
	padding-bottom: 27px;
}
.title-post-related{
	font-family: 'DaysOne-Regular';
	font-size: 21px;
	line-height: normal;
	padding: 0px 20px;
	margin-bottom: 5px;
	padding-top: 15px;
	color: #3c6ac0;
}
.exerpt-related{
	font-family: 'Inter-Regular';
	font-size: 16px;
	line-height: 22px;
	padding: 0px 20px;
	margin-bottom: 0px;
	padding-top: 15px;
	color: black;
}
.avis .slick-dots{
	display: none
}

.title-sidebar{
	margin-bottom: 50px;
	color: #ff4d00;
	margin-top: 50px;
	font-family: 'DaysOne-Regular';
	font-size: 25px;
}
.trait-related{
	height: 2px;
	width: 55px;
	display: table;
	background: #3c6ac0;
	margin: 23px;
	margin-bottom: 0px;
}
.cta-related{
	margin-left: 20px;
	margin-top: 30px;
	background: white;
	color: #3c6ac0;
	border-radius: 15px;
	padding: 10px 29px;
	font-size: 13px;
	border: 1px solid #3c6ac0;
	font-family: 'DaysOne-Regular';
	position: relative;
	transition: 0.3s ease;
	width: auto!important;
	display: table!important;
	height: auto!important;
}

.cta-related.bg-blue{
	background: var(--primary-color);
	color: white;
}
body .cta-related::before{
	content: none!important;
}
.single-product .product_meta{
	display: none;
}
.wc-block-checkout__terms,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.woocommerce-breadcrumb{display: none}
.woocommerce div.product   a.panier-btn:hover{
	background: white;
	color: #ff4d00;
}
.wc-block-cart-items__row .wc-block-cart-item__total{
	display: none;

}

body .wc-block-components-order-summary .wc-block-components-order-summary-item__total-price,
body .wp-block-woocommerce-checkout-order-summary-totals-block {

    display: none;
}
body .wcs-recurring-totals-panel__details  .wc-block-components-panel__button{
	display: none
}

body .wcs-recurring-totals-panel .wcs-recurring-totals-panel__title .wc-block-components-totals-item__label,
body .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 15px;
}
body .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 16Px;
}
body .wp-block-woocommerce-cart-order-summary-totals-block {
    display: none;
}
body table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img{
	/* width: 380px; */
}
body .is-large.wc-block-cart .wc-block-cart-items td {
    padding: 24px 0 24px 34px;
}

body .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width {
    padding: 13px 22px;
    display: flex;
    align-items: center;
    margin-left: 15px;
    position: relative;
    border: 2px solid var(--secondary-color);
    background: white;
    color: var(--secondary-color);
    font-family: 'DaysOne-Regular';
    font-size: 15px;
    padding: 18px 43px;
    display: table;
    border-radius: 25px;
    transition: 0.3s ease;
    width: auto;
}

.exercise-header h3 span{
	font-weight: bold;
	 color: #ff4d00;
}



@media screen and (min-width: 768px){
	body .is-large.wc-block-cart .wc-block-cart-items td {
		width: 50%;

	}

}

.woocommerce div.product   a.panier-btn,
.wc-block-cart__submit-button,
.woocommerce div.product form.cart .button {
	font-family: 'DaysOne-Regular';
	    font-size: 16px;
	    padding: 12px 32px;
	    display: table;
	    border-radius: 25px;
	    transition: 0.3s ease;
	    background: white;
	    color: #ff4d00;
	    border: 2px solid #ff4d00;
	    font-weight: normal;
	    margin-top: 10px;
			transition: 0.4s;
}

.woocommerce div.product form.cart .button:hover{
	background: #ff4d00;
	color: white;
}
.woocommerce-tabs.wc-tabs-wrapper{
	display: none;
}

.favorite-button-bis {
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.favorite-button-bis,
body .favorite-button{
	font-size: 18px;
	font-family: 'Inter-Bold';
	background-color: #ff4d00!important;
	position: absolute;
	top: 20Px;
	right: 20px;
}
body .favorite-button.remove-favorite {
    font-size: 14px;
    font-family: 'Inter-Regular';
}

.favorite-button-bis:after,
body .favorite-button:after{
	content:url('../img/png/favoris.png') ;
	filter: invert(1);
}
.wp-block-product-new{
	display: none!important;
}
.woocommerce-notices-wrapper{
	float: left;
	width: 100%;
}

#password-lost-form-wrap input[type="password"].som-password-input{
	margin-bottom: 19px;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block form button{
	background: var(--secondary-color);
font-family: 'DaysOne-Regular';
font-size: 14px;
padding: 3px 21px;
border-radius: 25px;
color: white;
transition: 0.3s ease;
border: none;
}
body .wc-block-cart-items__header{
	display: none
}
.wp-block-woocommerce-checkout{
	margin: auto!important

}
.wc-block-cart *{
	    font-family: 'Inter-Regular';
}
.wc-block-checkout,
.wp-block-woocommerce-cart{
	width: 85%;
	margin: auto;
  margin-top: 70px;
}

/* .favorite-button:not(.remove-favorite){
	font-size: 16px;
font-family: 'Inter-Regular';
padding: 10px 11px;
border-radius: 100%;
background-color: orange;
} */

.favorite-button-bis .favorite-text,
.favorite-button:not(.remove-favorite) .favorite-text{
	display: inline-block;
		font-size: 14px;
		font-family: 'Inter-Regular';
}
.spinner-border{
	position: absolute;
	left: 3px;
	top: 12px;

}

.favorite-button.add-favorite .spinner-border,
.favorite-button.remove-favorite .spinner-border{
	position: relative;
	top: 0;
	left: 0;
}



.woocommerce div.product {
    margin-top: 170px;
}
.single-product h1{
	    margin-bottom: 50px;
}
.single-product .price{
	color: #3c6ac0 !important;
	z-index: 999;
	position: relative;
	font-size: 18px !important;
	font-family: 'Inter-Bold';
	letter-spacing: 0px;
	margin-top: 25px;
	float: left;
	margin-right: 25px;
}
.cta-related:hover{
	background: #3c6ac0;
	color: white;
}
.subsection .cta-orange-border{
	bottom: 0px;
	top: 25px;
	position: relative;
	padding: 12px 40px;
}
.nav-links{
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
}
.nav-links img{
	transform: rotate(90deg);
	width: 15px;
}
.nav-next{margin-left: auto}
.nav-next img{
	margin-right: 0px;
	 margin-left: 12px;
	transform: rotate(-90deg);
}
.tier-item.locked {
    opacity: 0.5;
}
.favorite-recipe-grid-item {
    border: none;
}
.favorite-recette-item{
	list-style-type: none;
}
.close-remove-favorite{

background: #ff4d18;
padding: 5px;
border-radius: 100%;
top: 0;
right: 0;
width: 22px;
height: 22px;
}
.favorite-recette-item h2{
	padding: 15px 0px;
font-size: 15px;
font-family: 'Inter-Bold';
letter-spacing: 0.3px;
color: #3c6ac0;
line-height: normal;
}
.favorite-recette-item img{
width: 100%;
height: 150px;
object-fit: cover;
border-radius: 20px;
}

.nav-links a:hover img{transform: rotate(90deg)}
.nav-next a:hover img{transform: rotate(-90deg)}
.list-recettes .item{
	position: relative;
	margin-bottom: 50px;
}
.list-recettes{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin: auto;
}
.list-recettes .item{
	width: calc(25% - 23px); /* Assurez-vous que la largeur est correcte */
	max-width: calc(25% - 23px); /* Limitez la largeur maximale */
	flex: 1 1 calc(25% - 23px); /* Assurez-vous que l'élément reste flexible */
}
.list-recettes .item img{
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-radius: 15px;
}

.remove-favorite-button{
	border: none;
	position: absolute;
	background: #ff4d00;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 28px;
	top: 18px;
	right: 10px;
}

.favorite-recipe-grid-item{
	position: relative;
	background: none!important;
}

.remove-favorite-button svg {
	width: 13px;
	height: 13px;
}
.list-recettes .item .title-menu{margin-top: 10px}
.group-label-cat{
	position: absolute;
	left: 15px;
	top: 15px;
	display: flex;
	z-index: 9;
	flex-wrap: wrap;
}
.required-abo > a {
	height: auto!important;
}
.group-label-cat a::before {
	content: none!important;
}

.group-label-cat .required-abo{
	position: relative;
	left: 0;
	top: 0;
	margin-right: 5px;
}
.group-label-cat .label-cat{
	margin-right: 10px;
	border-radius: 5px;
	font-size: 12px;
	padding: 7px 15px 7px 15px;
	background: rgb(255 77 0 / 80%);
	color: white;
	font-family: 'Inter-Regular';
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1)
}

footer .bar {margin-top: 20px}
footer .bar{
	height: 4px;
	width: 100%;
	background: #3c6ac0;
	margin-bottom: 50px;
	margin-top: 75px;
}
footer .inner{
	display: flex;
  padding-bottom: 50px;
}
footer .col{width: 25%}
footer ul {margin-top: 20px}
footer ul li{
	font-size: 16px;
	line-height: normal;
	margin-bottom: 6px;
	font-family: 'Inter-Bold';
}
footer ul li a{
	/* color: #ff4d00; */
	color: black;
	transition: 0.3s;
}
footer ul li:hover a{color: #ff4d00;}
footer .col .cta-orange{
	margin-top: 0px;
	padding: 13px 26px;
	font-size: 12px;
	left: 0px;
	position: relative;
}
footer .container > p{
	padding: 20px 0px 25px 0px;
	text-align: center;
	color: rgb(60 106 192 / 80%);
	font-size: 15px;
	font-family: 'Inter-Regular';
}
#lostpasswordform fieldset > legend{

font-family: 'DaysOne-Regular';
font-size: 31px;
margin-bottom: 15px;
color: #ff4d00;
}
#lostpasswordform  .no-margin{
	margin-top: 20px;
}
#lostpasswordform  .no-margin label{
	font-size: 18px;
	font-family: 'Inter-Bold';

}
.lostpassword-submit button[type="submit"]{

border: 2px solid var(--secondary-color);
background: white;
color: var(--secondary-color);
font-family: 'DaysOne-Regular';
font-size: 14px;
border-radius: 25px;
transition: 0.3s ease;
line-height: normal;
width: 262px;
display: table;
height: 45px;
padding: 0;
margin: auto;
}

#lostpasswordform #somfrp_user_info {
    width: 100%;
    padding: 0 20px;
    border-radius: 15px;
    border: 1px solid var(--primary-color);
    height: 45px;
    font-family: 'Inter-Regular';
    font-size: 14px;
    background: none;
    margin-bottom: 15px;
    margin-top: 5px;
}

.somfrp-lost-pass-form-text p{
	font-family: 'Inter-Regular';

}
.list-video-bien-etre .inner{
	display: flex;
	flex-wrap: wrap;
	grid-gap: 30px;
    margin-top: 50px;
}
.list-video-bien-etre .item{
	width: calc(33.333333333333336% - 20px);
	position: relative;
}
.list-video-bien-etre .plyr__video-wrapper{
	height: 250px;
}

.woocommerce-checkout .woocommerce-order{
	width: 70%;
	margin: auto;
	margin-top: 75px;
}
.woocommerce-checkout .woocommerce-notice {
	color: black;
	transition: 0.25s;
	z-index: 999;
	position: relative;
	font-size: 18px;
	font-family: 'Inter-Bold';
	letter-spacing: 0.3px;
	margin-bottom: 15px;

}
.woocommerce-checkout .woocommerce-order table thead tr {
    background-color: #ff4d00;
}

.woocommerce-checkout .woocommerce-order p{
	font-family: 'Inter-Regular';

}
.woocommerce-checkout .woocommerce-order h2{
	font-family: 'Inter-Bold';
	font-size: 20px;
	margin: 20px 0px;
}
.woocommerce ul.order_details li strong {

    font-weight: bold;
    font-size: 14Px;
}
.woocommerce table.shop_table td a{
	color: #ff4d00
}
.woocommerce-checkout .woocommerce-order p a{
	color: #ff4d00

}
.woocommerce-checkout table.my_account_orders .button {
    display: none;
}

.woocommerce .woocommerce-customer-details address {
	font-family: 'Inter-Regular';
	font-size: 15px;
	line-height: 22px;
    padding: 30px;
}
.bloc-menu .elements-menu .item{
	position: relative;
}
.bloc-menu .elements-menu .item .group-label-cat {
    top: 44px;
}
.woocommerce table.shop_table td {

    font-family: 'Inter-Regular';
}
.woocommerce ul.order_details li {
	font-size: 14px;
    font-family: 'Inter-Regular';
}
.woocommerce-checkout  .date {
    color: black;
}
.list-video-bien-etre .item img:not(.icon){
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-radius: 15px;
}
.list-video-bien-etre .item img.icon-cadenas{
	width: 15px;
	height: auto;
	border-radius: 0px;
	position: relative;
}
.list-video-bien-etre .item .player-parent{position: relative}
.list-video-bien-etre .item .icon{
	position: absolute;
	width: 60px;
	left: 0;
	right: 0;
	margin: auto;
	top: calc(50% - 30px);
	z-index: 99;
}
.player-parent:before{
	position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #1a1a1ac2;
  border-radius: 15px;
}
.tax-category-bien-etre .flex-recette-info{
	margin-top: 15px;
	flex-direction: column;
	align-items: center;
	gap: 0px;
}

body.tax-category-bien-etre .flex-recette-info svg, body.tax-category-bien-etre .flex-recette-info img {
    width: 17px;

}

.list-video-bien-etre .item p{
	font-family: 'DaysOne-Regular';
	font-size: 15px;
	text-align: center;
	margin-bottom: 8px;
}
.required-abo{
	position: absolute;
	top: 15px;
	left: 15px;
	border-radius: 5px;
	font-size: 12px;
	padding: 7px 10px 7px 10px;
	background: rgb(255 77 0);
	color: white;
	font-family: 'Inter-Regular';
}
.required-abo a{
	display: flex;
	align-items: center;
	color: white
}
.plyr--video {border-radius: 15px}
body  .video-play  > div > button.plyr__control.plyr__control--overlaid:hover,
body  .video-play  > div > button.plyr__control.plyr__control--overlaid{
	width: 60px;
	height: 60px;
	background-image: url(../img/svg/play-medium-white.svg);
	background-size: cover;
	background-position: center;
	background-color: #ff000000;
}
.video-play  > div > button.plyr__control.plyr__control--overlaid svg{
	display: none
}
.plyr--paused.plyr--stopped .plyr__controls{opacity: 0}
body .plyr__poster{background-size: cover}

.bloc-menu .elements-menu .item img.icon-cadenas,
body .required-abo img.icon-cadenas{
	width: 13px;
	margin-right: 5px;
	height: auto;
	object-fit: contain;
	border-radius: 0;
}
.bloc-menu .elements-menu .item img.icon-cadenas{
	margin: 0px;
}
.list-video-bien-etre{
	margin-top: 40px;
	margin-bottom: 80px
}
.list-video-bien-etre .item video{
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-radius: 15px;
}
.list-video-bien-etre .item  .plyr--fullscreen-enabled   video{
	height: auto;
}



.category-bien-etre-list{
	width: 991px;
	margin: auto;
	display: table;
	margin-top: 50px;
}
.category-bien-etre-list .term-item{
	display: flex;
	flex-wrap: wrap;
}
.category-bien-etre-list .term-item > img,
.category-bien-etre-list .term-item  .content{
	width: 50%;
}
.category-bien-etre-list .term-item > img{
    max-height: 410px;
object-fit: cover;
}

.category-bien-etre-list .term-item .content{
	padding: 20px 30px;
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.category-bien-etre-list .term-item .content h3{
	text-align: center;
	margin-bottom: 14px;
	padding: 0px 20px;
	font-family: 'DaysOne-Regular';
	font-size: 16px;
	line-height: normal;
}


.category-bien-etre-list .term-item .content{color: white}
.category-bien-etre-list .term-item:nth-child(odd){background: #ff4d00}
.category-bien-etre-list .term-item:nth-child(even){
	background: #3c6ac0;
	flex-direction: row-reverse;
}
.category-bien-etre-list .term-item .small-text-2{margin: 25px 0px}
.category-bien-etre-list .term-item:nth-child(1){
	border-top-left-radius: 25px;
	border-top-right-radius: 25px
}
.category-bien-etre-list .term-item:nth-child(1) >  img{border-top-left-radius: 25px}
.category-bien-etre-list .term-item:nth-child(1) >  .content{border-top-right-radius: 25px}
.category-bien-etre-list .term-item:last-child >  .content{border-bottom-right-radius: 25px}
.category-bien-etre-list .term-item:last-child >  img{border-bottom-right-radius: 25px}
.category-bien-etre-list .term-item:last-child {
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px
}
.category-recettes{
	display: flex;
	flex-wrap: wrap;
	gap: 35px;
	width: 991px;
	margin: auto;
	justify-content: center;
	margin-bottom: 120px;
	top: 70px;
	position: relative;
	justify-content: flex-start;
}
.category-recettes .term-item{
	position: relative;
    width: calc(34% - 30px);
	}
.category-recettes .term-item > img{
	width: 100%;
	height: 270px;
	object-fit: cover;
	border-radius: 25px
}
.category-recettes .term-item a{
	position: absolute;
	    left: 0;
	    right: 0;
	    top: calc(50% - 23px);
	    margin: auto;
	    margin-bottom: 50px;
	    padding: 13px 34px;
	    font-size: 14Px;
	    text-align: center;
}


.landing-page-content{
	margin-top: 150px;
}
.page-id-585  .landing-page-content,
.page-id-976 .landing-page-content{
	margin-top: 20px;
}


body .sib-form{
	padding: 0px;
	background: none;
	margin-top: 20px;
}
body #sib-container {

    border: none !important;
    padding: 0px;
}
body .sib-form-block {
    padding: 0px;
}
#sib-form > div{
	padding: 3px 0px;
}
body .sib-form .entry__field{
	border: none;
}
body .sib-form-message-panel{
	margin: 0px!important
}
footer .cta-orange-border.mini {
    font-size: 14px;
    display: table;
    margin-top: 5px;
    padding: 12px 20px;
    font-size: 12px;
}
body .sib-form .input{
	width: 100%;
    padding: 3px 20px;
    background-color: #fff;
    border: 1px solid #ff6523;
    font-size: 14px;
    height: 45px;
    color: #333;
    transition: border-color 0.3s, box-shadow 0.3s;
    outline: none;
    box-shadow: none;
		    padding-left: 20px !important;
				    border-radius: 25px;
}

body .sib-form-block p {

    font-size: 13px;
    font-weight: bold;
    text-transform: initial;
    line-height: 22px;
    font-family: 'Inter-Bold';
    color: black;
}

body .sib-form input::-webkit-input-placeholder{
	color: rgb(255 77 0 / 60%)!important;
	    font-family: 'Inter-Regular';
			font-size: 14px;

}
body .sib-form input::-moz-placeholder{
	color: rgb(255 77 0 / 60%)!important;
	    font-family: 'Inter-Regular';
			font-size: 14px;

}
body .sib-form input:-ms-input-placeholder{
	color: rgb(255 77 0 / 60%)!important;
	    font-family: 'Inter-Regular';
			font-size: 14px;

}
body .sib-form input:-moz-placeholder{
	color: rgb(255 77 0 / 60%)!important;
	    font-family: 'Inter-Regular';
			font-size: 14px;

}
.grecaptcha-badge{
	display: none!important
}

body .subnav-button {
    padding: 15px 40px;
    background-clip: padding-box;
    flex: 1;
    text-align: center;
    border-radius: 40px;
    font-size: 14px;
    font-family: 'Inter-Regular';
    letter-spacing: 0.3px;
}
body .payment-history-table th {
    background: #f1f1f1;
    color: rgb(60 106 192);
    font-family: 'Inter-Regular';
    letter-spacing: 0.3px;
    text-transform: inherit;
    font-weight: normal;
}
body .subscribe-container {
    margin: 0px 0 0 0;

}
.simple-cta-text{
	text-decoration: underline;
	font-family: 'Inter-Regular';
	font-size: 14px;
	line-height: normal;
	background: none;
	border: none;
	color: white;
	margin-top: 15px;
}

body #account-subnav {
    border: solid 2px var(--primary-color);
    border-radius: 40px;
    color: var(--primary-color);
    overflow: hidden;
    display: flex;
    border: none;
    background: #f7f7f7;
    margin-bottom: 30px;
}
#Abonnement .subscribe-button {
    padding: 13px 25px;
}



.burger:hover{
	cursor: pointer;
}
.wpcf7 form .wpcf7-response-output{
	font-family: 'Inter-Regular';
font-size: 14px;
line-height: normal;
}

@media screen and (min-width: 1100px){
	.banner-hp .medium-title{
		    line-height: 67px;
	}
}

@media screen and (max-width: 1700px){
	.banner-hp {
		background-position: center;
	}
	.banner-hp .content{top: 115px}
}
@media screen and (max-width: 1500px){

	.header-cta {
	    right: 35px;
	}

	.section-bien-etre {height: 650px}
	.banner-hp .medium-title{font-size: 55px}
	.single-recettes .sidebar,
	.single-post .sidebar {
	    width: 300px;
	}
	.single-post-card {
	    width: calc(100% - 300px);
	    padding-right: 65px;
	}
	.single-recettes .sidebar li > a, .single-post .sidebar li > a, .list-post-content li a {
    height: 220px;
}
.content-top-post .main-title {font-size: 60px}
body .content-top-post{
	margin-top: -190px;
}
.content-top-post .main-title.variant::before {
    top: 35px;
    height: 25px;
    left: -18px;
}

}
@media screen and (max-width: 1460px){
	.content-top-post .main-title {font-size: 52px}
	body .content-top-post{
		margin-top: -180px;
	}

	.content-top-post .main-title.variant::before {
	    top: 32px;
	    height: 22px;
	}

}
@media screen and (max-width: 1450px){
	.container.mini {
			padding: 0px 80px;
	}
	.flex-landing-arrow > img {
	    width: 80px;
	}
	.text-slide .content {
		width: 50%;
}
.item-3-col-landing .item .content {
    padding-right: 45px;
}
.item-3-col-landing .item {
    height: 430px;
}
.text-slide .slide {
    width: 50%;
}
.text-slide-2 .video-play {
    width: 55%;
}
.text-slide-2 .inner .inner {
    width: 45%;
}
.list-avis{
	width: 93%;
}
.list-avis .comment {
    line-height: 19px;

}




}

@media screen and (max-width: 1400px){
	.avis .content-top-post {

    margin-bottom: 25px;
}
	.section-bien-etre {height: 600px}
	.avis {margin-bottom: 40px}
	body:not(.home) .list-post-section {margin-bottom: 35px}
	.landing-page-content {
    margin-top: 100px;
}
.flex-section-protocole {

    justify-content: center;
}
.block-protocoles-travail {
    width: calc(50% - 115px);
}
.slider-protocoles-img {
    height: 522px;
}
.flex-section-protocole .anim-1 {
    bottom: 55px;
}
.block-protocoles-travail .small-title {
    font-size: 25px;
}
.flex-section-protocole button, .flex-section-protocole a {
    font-size: 15px;
}
}

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

body.no-logged header nav{
	left: -80px;
}
}

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


	.container.mini {
		padding: 0px 0px;
}
	.content-top-post .main-title.variant::before {
			top: 30px;
			width: 100px;
	}
	body.no-logged header nav{
		left: -100px;
	}

	.content-top-post .main-title {font-size: 48px}

	body .content-top-post{
		margin-top: -170px;
	}

	.small-title {font-size: 22px}
}

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


 .menu-item-has-children > a:after{
	 content: url(../img/svg/arrow-bottom-dark.svg);
	 transition: 1s;
	 left: 10px;
	 position: relative;
	 top: -2px;
 }
 .menu-item-has-children.active > a:after{
transform: rotate(90deg);

 }


header .sub-menu {
		padding: 0px;
		position: relative;
		top: 0;
		padding-left: 0px !important;
		margin-top: 36px;
		margin-bottom: 30px;
		box-shadow: none;
}
.menu-item-has-children:hover::before{
	content: none;
}
header .sub-menu.active {
    top: 0;
}
.close-menu{
	display: block;
	background: black;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	padding: 8px;
	margin-left: 10px;
	margin-bottom: 40px;
}
.close-menu:hover{
	cursor: pointer;
}

	header nav ul li a {
			font-size: 26px;
	}
	header nav ul li {
		margin: 6px 6px;
		padding: 6px 6px;
		width: fit-content;
}
body	nav.desktop {
	        position: fixed;
	        display: block;
	           transform: translateX(-100%);
	        width: 100%;
					left: 0;


	        height: calc(100vh + 97px);
	        z-index: 999999;
	        background: white;
	        top: 0;
	        padding: 20px;
transition: 1s;
	    }
			nav.desktop.active {
	        position: fixed;
	        display: block;
	        left: 0%;
	        width: 100%;
					transform: translateX(0%);

	    }
	header nav ul {
	    flex-direction: column;
	}

	.story p {

	    width: 100%;

	}

	.logo-header{
	left: 0;
	right: 0;
	margin: auto;

}
.burger{
	position: absolute;
	left: 25px;
	top: 32px;
}
.burger span{
	width: 28px;
	height: 2px;
	background: #000000;
	display: block;
	border-radius: 15px;
	margin: 6px 0px;
}

	body.no-logged header nav{
		left: -200px;
	}
	nav.desktop {
			display: none;
	}
	.burger.show-mobile{
		display: block;
	}

.flex-section-protocole .anim-1 {
    position: relative;
    bottom: 0;
}
.slider-protocoles-img {height: 550px}
.flex-section-protocole h3 {margin-top: 0px}
}
.woocommerce span.onsale {
      font-family: 'Inter-Bold';
    background-color: #ff9162;
    color: black;
}


@media screen and (max-width: 1100px){
    .postid-360.woocommerce div.product div.summary {
        width: 100%;
    }

.abonnement-unlock-content{
	padding: 0px;
}

.abonnement-video-wrapper{display: none;}
.abonnement-section-hero .container .row {
		flex-direction: column;
	}

		.abonnement-image-center img {

			width: 100%;
			height: 300px;
		}


	.intro-seo.mini {
	    width: 90%;
	}

	.single-post-card {width: calc(100% - 250px)}
	.single-recettes .sidebar,
	.single-post .sidebar {
    width: 250px;
  }
	.single-recettes .sidebar li > a, .single-post .sidebar li > a, .list-post-content li a {
    height: 200px;
  }

	.logo-header {left: 20px}
	.header-cta {right: 20px}

	.slick-prev,
	.slick-next {
		display: none!important
	}
	.slick-slide {margin: 0 12px}
	.slick-list {margin: 0 -12px}
	.category-bien-etre-list {width: 90%}
	.category-recettes {
		width: 100%;
        justify-content: center;
	}
}
@media screen and (max-width: 991px){
	.progression-section,
	#account-welcome-message > div ,
	.subsection {
    width: 100%!important;
    padding: 0px 30px;
}
body #account-subnav {
border-radius: 10px;
    width: 100%;
    flex-direction: column;
}
body .payment-history-table{
	min-width: 100%;
}
body  .progression-section .sub-title {
    padding: 0px 15px;
}
body .payment-history-table td,
body .payment-history-table th {

    font-size: 13px;
}
body  .payment-history-table th, .payment-history-table td {
    padding: 8px 6px;
    text-align: left;
}
body .tiers-list {
    padding: 10px;
}

body 	.flex-section-protocole {
    width: 90%;
		 margin: auto;
	}
	.block-protocoles-travail {width: 100%}
	.block-protocoles-travail {margin-bottom: 0px}
	.block-protocoles-travail.sport {margin-top: 40px}
	.section-protocoles .cta-orange-border{margin-top: 60px}
	.main-title {font-size: 58px}
	.single-post-card {
		width: 100%;
		padding-right: 0px;
	}
	.single-recettes .sidebar,
	.single-post .sidebar {
		width: 100%;
	}
	.sidebar .list-post {flex-direction: row}
	.sidebar .list-post li {width: calc(50% - 15px)}
	.category-recettes .term-item {width: calc(100% - 40px)}
	.banner-hp .text-20 {
    line-height: 30px;
    font-size: 18px;
	}
	.banner-hp .text-20 {width: 535px}
	.banner-hp .medium-title{font-size: 50px}
	.banner-hp {
		background-position-x: 70%;
		height: 675px;
	}

	.logo-header {
		width: 78px;
    top: 13px;
	}
	header {
	  justify-content: flex-start;
	  padding-left: 105px;
	}
	.slide-story {
    width: 50%;
    height: 260px;
	}
	.story .inner .content {
	    width: 50%;
	    padding-left: 45px;
	    padding-top: 25px;
	}
	.list-post {gap: 30px}
	.list-post li {width: calc(33.333333333333336% - 20px)}
	.cta-simple {color: #3c6ac0}
	.list-post .content .text {
		display: block;
		color: #3c6ac0;
	}
	.list-post li a::before{content: none}
	.list-post li:hover .content {top: 0px}
	section.nutrition .content,
	.section-bien-etre .content {
	  width: 100%;
	  max-width: 100%;
	}
	.col.logo-footer{display: none}
	footer .col {
	  width: 30%;
	  margin-right: 2%;
	}
	.block-protocoles-travail {justify-content: center}
	.banner-hp .content {padding-left: 25px}
	.header-cta .cta-account {padding: 8.5px 12Px}
	.header-cta .img {margin-right: 0px}
	.header-cta .img svg{width: 15px}
	.toggle-list{
		width: 100px;
		left: -40px;
	}
.header-cta .name{display: none}
.home .list-post.list-post-content li:nth-child(3){display: none}
.list-post li {width: calc(50% - 20px)}
.pop-protocole .hover-product{padding-right: 100px}
.list-video-bien-etre .item {width: calc(50% - 20px)}
.top-post-info {padding: 100px 25px}
.list-recettes .item {
  width: calc(50% - 20px);
  max-width: calc(50% - 20px);
  flex: 1 1 calc(50% - 20px);
}

.content-top-post .main-title::before {
    top: 28px;
    width: 127px;
    height: 23px;
    left: -17px;
}
.landing-page-content {
    margin-top: 50px;
}
  .sw-open-register.hoverme {
        display: none;
    }

		.home .perso {
		    width: 100px;
		    right: 20px;
		    top: 20px;
		}

}



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




.single-product .main-title::before {
		top: 21px;
		height: 18px;
	}

.group-top-info-btn{
	flex-direction: column;
}.abonnement-section-hero .container .row>div {
	padding-left: 0;
	padding-right: 0;
}

.abonnement-section-community .text-right a{
	text-align: center;
		line-height: normal;
}

	.icon-ingredients {
	    width: 100%;
	    height: auto;

	}
	.recipe-ingredients li {
    width: calc(50% - 10px);
    max-width: calc(50% - 10px);
    flex: 1 1 calc(50% - 10px);
}
 .single-recettes .main-title.variant,
.single-post .main-title.variant {
font-size: 27px;
}

 .single-recettes .content-top-post  .main-title.variant::before,
.single-post .content-top-post  .main-title.variant::before {
top: 15px;
}

	.flex-landing-arrow {
	    flex-direction: column;
	}
	.flex-landing-arrow .content {
	    width: 100%;
	}
	.flex-landing-arrow .block-orange {
    width: 100%;
}
.flex-landing-arrow > img {
        width: 65px;
        transform: rotate(90deg);
        margin: auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }
		.container.mini {
		padding: 0px 25px;
}
.item-3-col-landing .item {
    width: 100%;
}
	.flex-landing-arrow > img {
			width: 65px;
	}
	.text-slide .cta-orange.center {
    width: 90%;
    font-size: 16px;
    text-align: center;
    line-height: normal;
}
.text-slide .inner {
    flex-direction: column;
}
.text-slide .content {
	width: 100%;
	padding-right: 0px;
	margin-bottom: 40px;
}



.text-slide .slide img.slick-slide {
    height: 300px;
}
.bloc-faq-2 .shape {
    top: 37px;
}
.text-slide .slide {
		width: 100%;
}
.bloc-faq-2 .faq-answer p {
    font-size: 14px;
    line-height: 20px;
}
.bloc-faq-2 .faq-question {
    font-size: 19px;
    position: relative;
    line-height: normal;
}
.text-slide-2 .inner .inner {
        width: 100%;
        margin-top: 30px;
        padding: 0px;
    }
		.text-slide-2 .inner .content {
    width: 100%;
    padding-left: 0;
    padding-right: 0px;
}
.flex-diet .content {
    width: 100%;
    padding-right: 0px;
	margin-bottom: 30px;
}
.page-template-template-page-vente  .list-post-section .content-top-post{
width: 100%;
padding: 0px;
}

.page-template-template-page-vente .slick-slide {
		margin: 0 0px;
}
.page-template-template-page-vente .list-post-section {
    padding-top: 50px;
}

.page-template-template-page-vente   .list-post-section {
	padding: 0px;
	padding-left: 25px;
}
.page-template-template-page-vente   .list-post-section .container{
	padding: 0px;
}
.page-template-template-page-vente     .list-post-section    .slick-slide {
        margin: 0 12px;
    }


.text-slide-2 .video-play {
        width: 100%;
    }
		.section-landing-diet {
    margin-top: 50px;
    padding-top: 55px;
}
.page-template-template-page-vente .list-post-section .cta-orange {
	text-align: center;
	left: -13px;
	position: relative;
}
.section-landing-arrow .title-landing {
    margin-bottom: 90px;
}

.title-post-related {
    font-size: 17px;

}
.home .exerpt-related{
	display: none;
}
.home .bloc-list .content-top-post {

    padding-left: 0px;
}
.cta-related{
	margin-top: 20px;
}
.exerpt-related {
    font-size: 14px;
    line-height: 19px;
}
.text-slide .cta-orange.center {
    margin-bottom: 50px;
}
.list-post-section .content-top-post {
    margin-bottom: 60px;
}
.section-landing-diet .title-landing {
    margin-bottom: 55px;
}
	.text-landing {
	    line-height: 26px;
			font-size: 15px;
	}
	.home .perso {
			width: 60px;
	}

	.story p {
	    width: 100%;
	}
	.shape-orange {
	    left: -11px;
	    bottom: -11px;
	}
	.slide-story {
		margin-bottom: 30px;
}
	.content-top-post .main-title.variant::before {
			top: 21px;
			width: 76px;
			left: -11px;
			height: 17px;
	}

	.cta-white.big {
	    font-size: 17px;
	}
	.banner-hp .text-20 {
			line-height: 27px;
			font-size: 16px;
	}


.home .bloc-list ul,
.home .bloc-list .text{
	width: 100%;
}
header .sub-menu {
	width: 100%;
		box-shadow: none;
}
.top-post-info{justify-content: center}
.list-recettes .item {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    flex: 1 1 calc(100% - 20px);
}
	.main-title {font-size: 43px}
	.pop-protocole .hover-product{padding-right: 30px}
	.block-protocoles-travail {left: 0px}
.avis .container{display: block}
.block-protocoles-travail .content{right: 0}
footer .inner {flex-direction: column}
.banner-hp .text-20,
.banner-hp .medium-title{width: 100%;}
nav.desktop{display: none;}
.list-avis {display: block}
.slick-list {margin: 0px}
main{
	float: left;
	width: 100%
}
body {display: contents}
.story .inner {flex-direction: column}
.block-protocoles-travail .content,
.story .inner .content{
	width: 100%;
}
.slide-story {
	width: 100%;
	height: auto;
}
.block-protocoles-travail {margin: 20px 0px}
.block-protocoles-travail {margin-top: 45Px}
.medium-title {font-size: 27px}
.small-title {font-size: 20px}
.cta-blue.mini,
.cta-picto{
	font-size: 14px;
}
.break-mobile{display: block}
.story .inner .content {padding-left: 0px}
.home .list-post-section .container,
.home .list-post-section {
	padding: 0px;
}
.home .list-post{padding-left: 25px}

.page-template-template-page-vente .list-post.list-post-content li,
.home .list-post.list-post-content li{width: 250px}
.page-template-template-page-vente .list-post.list-post-content li:nth-child(3),
	.home .list-post.list-post-content li:nth-child(3){
		display: block;
	}
	.banner-hp .medium-title {
		font-size: 35px;
		line-height: normal;
	}
	.banner-hp {
		background-position-x: 80%;
		height: auto;
	}
	.banner-hp .content{
		position: relative;
		top: 0;
		padding: 65px 0px;
	}
	.banner-hp::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(33 117 215 / 69%);
	}
	.story,
	section.nutrition,
	.section-bien-etre{margin-bottom: 30px}
	.avis {margin-top: 65px}
	.header-cta .cta-account {padding: 8.5px 13Px}
	header{height: 91px}
	.logo-header {
		left: 0;
		right: 0;
		margin: auto;
	}
	header {padding-left: 0px}

	.cta-blue.mini {padding: 20px 25px}
	.col.logo-footer {
		display: block;
		margin: auto;
		width: 100%;
		text-align: center;
		margin-bottom: 50px;
	}
	.col.logo-footer img{width: 140px}
	.home footer .bar {display: none}
	footer .col {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 40px;
	}
	.title-avis{font-size: 18px}
	.pop-protocole .inner{
		height: 100vh;
		padding: 0px 10px
	}
	.pop-protocole .inner{
		width: 100%;
		max-width: 100%;
		border-radius: 0px;
	}
	.pop-protocole .product img {
	  width: 100%;
	  position: relative;
		height: 170px
	}
	.pop-protocole .hover-product {
		padding-right: 20px;
		padding-left: 20px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	.product-more{
		flex-direction: column;
		margin-bottom: 20px;
	}
	.text {font-size: 14px}
	.category-bien-etre-list .term-item {
		flex-direction: column;
		margin-bottom: 40px;
		border-radius: 25px;
	}
	.category-bien-etre-list .term-item > img,
	.category-bien-etre-list .term-item .content {
	  width: 100%;
	}
	.category-bien-etre-list .term-item > img, .category-bien-etre-list .term-item .content {
	  border-top-left-radius: 25px;
	  border-top-right-radius: 25px;
	  border-bottom-left-radius: 25px;
	}


	.list-video-bien-etre .item {width: 100%}
	.category-recettes .term-item a {
	  width: 170px;
	  padding: 15px 25px;
	  text-align: center;
	}
	.single-recettes .top-post-info{margin-bottom: 25px}
	.recipe-ingredients li p {font-size: 12px}
	.recipe-ingredients:not(.recipe-ingredients-mini){justify-content: flex-start}
	.sidebar .list-post li {
		width: 100%;
		flex: 100%;
	}
	.single-recettes .sidebar li > a,
	.single-post .sidebar li > a,
	.list-post-content li a {
		height: 180px;
	}
	.list-protocols-page li a {
		height: 130px
	}
body .list-protocols-page {
	gap: 15px
}
body .list-protocols-page li{
	width: 100%;
	margin-bottom: 30px;
 }

body .list-protocols-page li .content-excerpt .flex{
	flex-direction: column;
}
body .list-protocols-page  .title-post-related,
body .list-protocols-page li  .exerpt-related{
	padding-left: 10px;
	padding-right: 10px;
}
body .list-protocols-page li .exerpt-related{
	list-height: normal;
}
body .list-protocols-page li:last-child{
	width: 100%;
}

body .list-protocols-page li .content-excerpt .flex a{
	margin: 0px 10px;
	text-align: center;
		margin-top: 15px;
}


	.sidebar .list-post {flex-direction: column}
	.filters {flex-direction: column}
	.list-post li {width: 100%}
	.filters .search {margin-bottom: 19px}
	.banner-archive p {padding: 0px 15px}
	.big-text {font-size: 16px}
	.block-protocoles-travail .small-text {
    max-width: 100%;
		width: 100%;
	}
.section-bien-etre::before, section.nutrition::before {
    background: rgb(60 106 192 / 48%);
}
	.slider-protocoles-img {height: 410px}
	.flex-section-protocole {width: 100%}
	.block-protocoles-travail .small-text {font-size: 15px}
	.cta-white{font-size: 14px}
	.section-protocoles .cta-orange-border {
		margin-top: 25px;
		font-size: 14Px;
		padding: 18px 30px;
	}
	.block-protocoles-travail .small-title, .block-protocoles-travail .small-text {
	    font-size: 20px;
	    padding: 0px 0px;
	}

	.block-protocoles-travail p.small-text{
		font-size: 15px;
	}

	.flex-section-protocole button, .flex-section-protocole a {
    font-size: 14px;
    padding: 18px 37px;
}
.story {
    padding-top: 65px;
}

	body .section-protocoles{padding: 0px}
	 body .flex-section-protocole{padding-left: 25px;

	 width: 100%;}
	.block-protocoles-travail{
		width: 300px;
		margin-right: 15px;
	}
.container {
	 padding-left: 25px;
	 padding-right: 25px;
}
.section-protocoles .container{padding: 0px}
.big-title {
  font-size: 30px;
  line-height: normal;
}
.content-top-post .main-title {font-size: 35px}
.intro-seo {width: 100%}
body .content-top-post{
	padding-left: 23px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-top: 30px;
}
.top-post-info{
	height: 325px;
	margin-top: 60px;
}
.top-post-info .breadcrumbs {top: -42px}
body .content-top-post {
width: 90%;
    margin-top: -102px;
}
.single-post .content-top-post {margin-top: -200px}
.flex-cat {
    margin-left: 0;
    margin-right: 10px;
}
.category-cat a {font-size: 10px}
.content-top-post .date {margin-bottom: 25px}

.content-top-post .main-title::before {
    top: 19px;
    width: 71px;
    height: 16px;
    left: -3px;
}
.landing-page-content {
    margin-top: 10px;
}

body #popup-wrapper-ajax-auth {
		margin-right: auto;
		margin: auto;
		top: 100px;
}

.page-template-template-contact .wpcf7-form-control-wrap {
    width: 100%;
}
header nav ul li .sub-menu li {
    width: 100%;
}

header nav ul #menu-item-328 .sub-menu li {
    width: 100%;
}
.toggle-list {
		width: 140px;
		left: -80px;
		padding: 5px;
}
.post-type-archive-bien-etre .wysiwyg.mt-50{
	padding: 0px 15px;
}
.exercise-header {
    flex-direction: column;
}
.complete-cta {
    margin-right: auto;
    margin-top: 23px;
			margin: auto;
				margin-top: 15px;
}

.exercise-description.wysiwyg p{
	line-height: normal;
	margin-top: 10px
}

.exercise-benefits-all li{
		list-style-type: disc;
			margin-left: 10px;
	line-height: 28px;
	font-size: 16px;
	font-family: 'Inter-Regular';
}

.exercise-completed-check.completed{
	margin-left: 0px;
	right: 0px;
}
.exercise-header h3 span{
	display: block;
	text-align: center;
}


.exercice-completed-cta {

	background: #f1f1f1;
	border-radius: 10px;
	padding: 6px 10px;
}
.exercise-completed-check {

	margin-left: 5px;
}

nav.desktop.active {
	overflow-y: scroll;
	max-height: 100vh;
    }
.bloc-source .source,
.breadcrumbs{
	font-size: 11px
}
.page-template-template-contact .landing-page-content {
    margin-top: 5px;
}
.main-title{width: 100%}
.main-title,
.main-title.variant {
    font-size: 35px;
}
.single-product h1 {
    margin-bottom: 30px;
}
.page-id-585 .landing-page-content, .page-id-976 .landing-page-content {
    margin-top: -25px;
}
.woocommerce div.product {margin-top: 20px}

.wc-block-cart-item__total{
	display: none
}
table {

    min-width: auto;
}
.wc-block-cart-items__row{
	border: none!important
}
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name{
	font-family: 'DaysOne-Regular';
color: #ff4d00
}
.wc-block-components-totals-item__description {

    margin-top: 10px;
}

.single .wp-block-woocommerce-cart-order-summary-totals-block {
    display: none;
}

header nav ul li .sub-menu li.show-mobile{
	display: none!important
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
    box-shadow: none;
    outline: none;
}

@media screen and (max-width: 1200px){
	header nav ul li .sub-menu li.show-mobile{
		display: block!important
	}
}
@media screen and (max-width: 767px){
.pre-header{
	flex-direction: column;
	line-height: normal;
}

.pre-header span{margin: 0px!important}
}


@media screen and (max-width: 360px){
	.main-title {font-size: 40px}
}


  .product-more {
    width: 100%;

    flex-direction: column;
    gap: 20px;
}
.protocole-item-list a:before {
  content: none !important;
}
.difficulty-tag {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 6px 12px;
  border-radius: 25px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  white-space: nowrap;
  z-index: 10;
  transition: all 0.3s ease;
}

.difficulty-facile {
  background: #99d39b;
  color: white;
  border: 2px solid #99d39b;
}

.difficulty-difficile {
  background: linear-gradient(135deg, #ff9162, #ff9162);
  color: white;
  border: 2px solid #ff9162;
}

@media screen and (max-width: 767px) {
  .difficulty-tag {
    top: 10px;
    right: 10px;
    font-size: 11px;
    padding: 5px 10px;
  }
}

/* Video verticale page abonnement (produit 360) */
#product-360 .woocommerce-product-gallery {
  max-width: 320px;
}

#product-360 .woocommerce-product-gallery__wrapper {
  display: flex;
  flex-direction: column;
}

#product-360 .rsfv-video {
  width: 100%;
  max-width: 320px;
  height: auto;
  aspect-ratio: 9/16;
  object-fit: cover;
  border-radius: 12px;
}

#product-360 .woocommerce-product-gallery__image {
  width: 100%;
  max-width: 320px;
}

.postid-360.woocommerce div.product div.summary{
width: 66%
}
@media screen and (max-width: 1257px) {

.postid-360.woocommerce div.product div.summary {
    width: 62%;
}
}

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

.rsfv-video{
    height: 335px!important;
    margin-bottom: 20px!important;
}

  #product-360 .woocommerce-product-gallery {
    max-width: 100%;
    margin: 0 auto;
  }
  .postid-360.woocommerce div.product div.summary {
        width: 100%;
    }
  #product-360 .rsfv-video,
  #product-360 .woocommerce-product-gallery__image {
    max-width: 100%;
    margin: 0 auto;
  }
}

/* Video verrouillée avec miniature */
.video-locked-link {
  display: block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  border-radius: 12px;
}

.video-locked-link:hover .locked-overlay {
  background: rgba(0, 0, 0, 0.75);
}

.video-thumbnail-locked {
  width: 100%;
  height: auto;
  display: block;
  filter: brightness(0.6);
  transition: filter 0.3s ease;
}

.video-locked-link:hover .video-thumbnail-locked {
  filter: brightness(0.4);
}

.video-locked-link .locked-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  transition: background 0.3s ease;
  padding: 20px;
  text-align: center;
}

.video-locked-link .lock-icon {
  margin-bottom: 15px;
  color: white;
  opacity: 0.9;
}

.video-locked-link .lock-icon svg {
  width: 48px;
  height: 48px;
}

.video-locked-link .locked-overlay .text {
  color: white;
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 500;
}

.video-locked-link .locked-overlay .cta-orange {
  display: inline-block;
  padding: 12px 24px;
  background: #ff4d00;
  color: white;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.video-locked-link:hover .locked-overlay .cta-orange {
  background: #ff6a2a;
  transform: scale(1.05);
}

/* Placeholder quand pas de miniature */
.video-thumbnail-placeholder {
  width: 100%;
  padding-bottom: 56.25%; /* Ratio 16:9 */
  background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
}

.video-locked-link {
  min-height: 200px;
  background: #1a1a1a;
}