/*
Theme Name: Divi Child
Template: Divi
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: JD Web et Design
Author URI: https://jd-web-et-design.fr
*/
/*--------------------------------------
Base CSS
-----------------------------------------*/
:root {
  --vert: #9ACB51;
  --beije: #825622;
  --vertClair: #DFECB9;
}
.greenColor{
	color: var(--vert);
}
.vertClairColor{
	color: var(--vertClair);
}
.whiteColor{
	color: #fff;
}
.beijeColor{
	color: var(--beije);
}
html.js {
	margin-top: 0 !important;
}
.margbot-10{
	margin-bottom: 10px !important;
}
.margbot-15{
	margin-bottom: 10px !important;
}
.margbot-18{
	margin-bottom: 18px !important;
}
.margbot-20{
	margin-bottom: 20px !important;
}
.margtop-10{
	margin-top: 10px !important;
}
.pad-top-30{
	padding-top: 30px !important;
}
.pad-top-25{
	padding-top: 25px !important;
}
.pad-top-10{
	padding-top: 10px !important;
}
.pad-bot-5{
	padding-bottom: 5px !important;
}
a{
	color: inherit;
	transition: 500ms;
}
a:hover{
	transition: 200ms;
}
.regular{
	font-weight: 400;
}
.bold{
	font-weight: bold;
}
.medium{
	font-weight: 500;
}
.italic{
	font-style: italic;
}
.fc{
	display: flex;
}
.jc-c{
	justify-content: center;
}
.jc-sb{
	justify-content: space-between;
}
.jc-sa{
	justify-content: space-around;
}
.fw{
	flex-wrap: wrap;
}
.grid{
	display: grid;
}
.vertical-center>div{
	margin: auto 0;
}
/*.puce{
	padding-left: 20px;
}*/
.puce li{
	list-style-type: none;
}
.puce li:before{
	content:'';
	width:6px;
	height:6px;
	display:inline-block;
	background-color: var(--beije);
	border-radius:5px;
	margin-right:7px;
	transform: translatey(-2px);
}
.puce-white li{
	line-height: 1.45;
}
.puce-white li:before{
	content:'';
	width:6px;
	height:6px;
	display:inline-block;
	background-color:#fff;
	border-radius:5px;
	margin-right:7px;
	transform: translatey(-2px);
}
/*strong{
	font-weight: inherit;
}*/
.small-txt{
	font-size: 60%;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.btn{
	border-radius: 4px;
	text-align: center;
	padding: 7px 12px;
	display: block;
}
.greenBtn{
 background-color: var(--vert);
 color: #fff !important;
}
.beijeBtn{
 background-color: var(--beije);
 color: #fff !important;
}
.btn:hover{
	transform: translateY(4px);
	transition: 200ms;
}
/*.orange-btn{
	background: linear-gradient(45deg, rgba(229,45,122,1) 0%,rgba(239,175,0,1) 100%);
	color: #fff;
	
}*/
.img-container img{
	width: 100%;
	display: block;
}
.upper{
	text-transform: uppercase;
}
.float-right{
	float: right;
	max-width: 360px;
	margin: 16px 0px 20px 20px;
	display: block;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
}
.float-left{
	float: left;
	max-width: 360px;
	margin: 0px 25px 25px 0px;
	display: block;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
}
.float-left-mini{
	float: left;
	max-width: 200px;
	margin: 0px 25px 25px 0px;
	display: block;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
}
/*ul{
	padding: 0 !important;
}*/
.white-color{
	color: #fff !important;
}
.et_pb_row_3 {
	overflow: visible !important;
}
.et_pb_row {
	width: 90%;
}
.block{
	display: block;
}
.marg-left-40{
	margin-left: 40px;
}
.floatRoundedRight{
	width: 320px;
	height: 320px;
	object-fit: cover;
	border-radius: 50%;
	float: right;
	shape-outside: margin-box;
}
.et_pb_button {
	font-weight: 400 !important;
}
.text140{
	font-size: 140%;
}
.text80{
	font-size: 80%;
}
/*#et-main-area {
	margin-top: 66px;
}*/
@media(max-width: 580px){
	.float-left, .float-right{
		max-width: 280px;
	}
	.floatRoundedRight{
		
		float: inherit;
		display: block;
		margin: 0 auto 20px auto;
	}
}
@media(max-width: 465px){
	.float-left, .float-right, .float-left-mini{
		max-width: 100%;
	}
}
/*--------------------------------------
Style CSS
-----------------------------------------*/
#wpadminbar{
	top: inherit;
	bottom: 0;
}
body{
	font-weight:400;
}
p {
	padding-bottom: 12px;
}
ul{
	margin-bottom: 5px;
}
ul li{
	list-style-type: none;
}
button{
	cursor: pointer;
}
.lien-text a{
	font-weight: bold;
	color: #e5ba4e;
}
.titre-tiret-centre::after {
	content: '';
	width: 55px;
	height: 2px;
	border-radius: 10px;
	background: var(--vert);
	display: block;
	margin: 14px auto 10px auto;
}
.titre-tiret-gauche::before {
	content: '';
	width: 4px;
	height: 25px;
	border-radius: 10px;
	background: var(--vert);
	display: inline-block;
	margin-right: 8px;
	transform: translateY(3px);
}
.et-pb-icon {
	font-size: 17px;
}

@media(max-width: 450px){
.et_pb_row {
	width: 89%;
}
}
/*---------------------------------------
HEADER (menu wordpress)
----------------------------------------*/
/*#menu-main-menu .sub-menu li a, .et_mobile_nav_menu .sub-menu li a {
	font-weight: 400 !important;
	font-size: 16px !important;
}
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
	padding: 22px 0;
}
.et_mobile_menu li a {
	padding: 5.5px 5%;
}*/
/*.nav li li {
	line-height: 1.4em;
}*/



/*----------------------------
HEADER (menu sur mesure)
----------------------------*/
/*Header flottant*/
.flottant{
	margin-top: 0px;
}
@media(min-width: 766px){
		.flottant{
		margin-top: -36px;
	}
}
.header-flottant{
	transition: 300ms;
	background-color: var(--vertFonce);
}
.header-flottant a{
	color: #fff;
}

header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	transition: 200ms;
	min-height: 68px;
}
header li{
	list-style-type: none;
	margin: auto 0;

}
header li a{
	display: block;
}
header li a:hover, header .menu-deroulant p:hover{
	transition: 200ms !important;
}
.nav-fixed {
	padding: 0 35px;
}
.nav-fixed .lien-img{
	width: 22px;
	transform: translateY(6px);
}
.nav-fixed .lien-img img{
	width: 100%;
}
header a, header nav li p{
	font-size: 15px;
	color: #fff;
}
header nav li p{
	padding: 0 !important;
}
header nav{
	transition: 400ms;
}
.logo-header, .nav-fixed a{
	transition: 400ms;
}
.logo-header{
	position: absolute;
	left: 22px;
	top: 5px;
	width: 60px;
	/*height: 55px;*/
	transition: 400ms;
}
.logo-header img{
	display: block;
	width: 100%;
	transition: 300ms;
}
.nav-white{
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.nav-white li a, .nav-white li p{
	color: var(--marron);
}
.logo-noir {
	/*opacity: 0;*/
}
.nav-fixed>ul{
	max-width: 575px;
	margin: 0 0 0 auto;
	padding: 16px 0 !important;
	transition: 400ms;
}
.nav-fixed a{
 font-weight: 500;
}

/*menu déroulant*/
.menu-deroulant p{
	cursor: pointer;
}
.menu-deroulant{
	position: relative;
}
.menu-deroulant .sous-menu {
	position: absolute;
	padding: 0 !important;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
	max-height: 0;
	transition: 100ms;
	width: 240px;
	background-color: rgba(255, 255, 255, 1);
}
.sous-menu{
	margin: 0 auto;
}
.sous-menu li{
	height: 100%;
	width: 100%;
}
.sous-menu li:hover{
	background-color: var(--vertClair);
}
.sous-menu li a{
	height: 100%;
	width: 100%;
	padding: 7px 20px;
	font-size: 13px;
	color: var(--vertFonce);
}
/*.sous-menu li:nth-last-child(n+2) a{
	border-bottom: 1px #fff solid;
}*/
.nav-fixed .menu-deroulant:hover .sous-menu{
	max-height: 310px !important;
	transition: 300ms;
	/*border: solid var(--marron) 2px;*/
}
.sous-menu-open{
	max-height: 310px !important;
	transition: 300ms;
}
.chevronSousMenu {
	font-size: 90%;
	margin: auto 0 auto 14px;
}

.reseau-soc{
	width: 75px;
}
.reseau-soc a{
	font-size: 17px;
}




/*NAV RESPONSIVE*/
.nav-responsive{
	/*display: none;*/
	height: 65px;
}
.nav-responsive .lien-img{
	margin: 0 auto;
}
.nav-responsive .lien-img img {
	width: 25px;
	transform: translateY(3px);
}
.navigation {
	/* background-image: url(../../uploads/2026/03/1000_F_702617537_o5CDz7QTCR3VCVzQkW0kD4qugfzxzu0E.jpg); */
	/* background-size: cover; */
	/* background-repeat: no-repeat; */
	/* background-position: center; */
	/* background-color: var(--vertClair); */
	width: 360px;
	height: 100%;
	position: fixed;
	z-index: 2;
	transform: translateX(100%);
	transition: 1000ms;
	top: 0;
	color: #fff;
	right: 0;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}
.navigation.isopen{
	transform: translateX(0%);
}
.ul-navigation{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 335px;
	padding: 0 !important;
}
.navigation .transform{
	transform: translateX(-50%);
}
.navigation .menu-deroulant .sous-menu {
	left: 50%;
	transform: translateX(-50%);
}
.navigation ul li{
	padding:7px;
	font-size: 26px;
}
.navigation ul li a, .navigation ul li p{
	font-size: 20px;
	color: var(--beije);
}
.navigation .liens-sociaux {
	width: 135px;
	margin: 0 auto;
}
/*.sous-menu li:nth-last-child(n+2) a{
	border-bottom: 1px var(--marron) solid;
}*/
.navigation .menu-deroulant .sous-menu a, .navigation .menu-deroulant .sous-menu p{
	font-size: 15px;
	color: var(--vert);
}
.navigation .logo-navigation {
	width: 100px;
	margin: 0 auto;
}
.navigation .logo-navigation img{
	width: 100%;
}
.navigation .btn{
	width: 185px;
	margin: 0 auto;
	padding: 10px 15px;
}
.navigation .sous-menu-open{
	width: 216px;
	margin: 0 auto;
	background-color: #fff;
}
.navigation .sous-menu{
	border-radius: 10px;
	z-index: 10;
}
.navigation .ul-navigation .menu-deroulant .sous-menu li{
	padding: 0px;
	width: 100%;
	margin: 0 auto;
}
.btn-navigation {
	position: absolute;
	right: 27px;
	top: 21px;
	z-index: 50;
	cursor: pointer;
	width: 30px;
	height: 25px;
}
.btn-navigation .barre{
	width:30px;
	height: 3px;
	background-color: #626262;
	border-radius: 25px;
	margin-top: 4px;
	transition: 400ms;
}
.nav-white .btn-navigation {
	top: 24px;
}
.nav-white .btn-navigation .barre{
	background-color: var(--vert);
}
.btn-navigation .barre.cross{
	transform: rotate(45deg);
	margin: 0;
	position: absolute;
	right: 0;
	top: 10px;
	transition: 500ms;
}
.btn-navigation .b1.cross1{
	transform: rotate(-45deg);
}
.b2stop{
	display: none;
}
.logo-menu-resp {
	display: block;
	width: 161px;
	margin: 0 auto 20px auto;
}
.logo-menu-resp img{
	width: 100%;
}
.nav-responsive .reseau-soc{
	margin: 0 auto;
	width: 98px;
}
/*@media(max-width: 1100px){
	.nav-fixed{
		display: none;
	}
	.nav-responsive{
		display: block;
	}*/
}





/*------------------------------
MAIN
--------------------------------*/



/*------------------------------
Accueil
---------------------------------*/
.logoBanniere img{
	display: block;
}
.logoSave{
	width: 200px;
}
.logoBio{
	margin-top: auto;
	width: 170px;
}
.tableauNutrition {
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	overflow: hidden;
	max-width: 900px;
	margin: 0 auto;
}
.tableauNutrition .grid {
	grid-template-columns: repeat(auto-fit,minmax(140px, 1fr));
	/*grid-template-columns:repeat(3, 1fr);*/
	grid-auto-rows: 1fr;

}

.tableauNutrition .grid p{
	padding: 8px 20px;
	font-size: 90%;
}
.tableauNutrition .valeur{
	text-align: center;
	border-left: solid 2px #e9e9e9;
}
.tableauNutrition .grid:nth-child(odd) p{
	background-color: #f6f5f4;
}
.tableauNutrition .grid:nth-child(even) p{
	background-color: #fff;
}
.tableauNutrition .titrePrincipaux p{
	background-color: #ffd78e !important;
}
.fondVert{
	background-blend-mode: multiply;
	background-image: url(../../uploads/2026/06/fond-vert.png), url(../../uploads/2026/06/fond-vert2.png);
	background-color: var(--vertClair);
	background-position: right bottom, left top;
	background-repeat: no-repeat;
	background-size: 250px, 410px;
}
.iconesConditionnement::before{
	content: '';
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	margin: 4px auto;
	display: block;
}
.poids::before {
	width: 36px;
	height: 40px;
	background-image: url(../../uploads/2026/06/poids.png);
}
.carton::before {
	width: 41px;
	height: 40px;
	background-image: url(../../uploads/2026/06/open-box1.png);
}
.portions::before {
	width: 40px;
	height: 40px;
	background-image: url(../../uploads/2026/06/pie-chart1.png);
}
.dlc::before {
	width: 40px;
	height: 40px;
	background-image: url(../../uploads/2026/06/deadline.png);
}
.temperature::before {
	width: 26px;
	height: 40px;
	background-image: url(../../uploads/2026/06/thermometer.png);
}
.miseEnOeuvre::before {
	width: 42px;
	height: 39px;
	background-image: url(../../uploads/2026/06/hand.png);
}
.cases .textCase{
	background-color: var(--vertClair);
	padding: 70px 8%;
}
.imgCase{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.imgCase1{
	background-image: url(../../uploads/2026/06/assiette-roti-vegetal.webp);
}
.imgCase2{
	background-image: url(../../uploads/2026/06/roti-vegetal-bio-assiette-1.webp);
}
.cases .textCase, .cases .imgCase{
	width: 50%;
}
.egalim{
	width: 130px;
	display: block;
	margin-bottom: 30px;
}
.cases .btn {
	display: inline-block;
}
/*Nos ppartenaires*/
.wpcp-carousel-section.wpcp-image-carousel .wpcp-single-item figure {
	height: 110px;
}
.wpcp-carousel-section .wpcp-single-item img {
	width: inherit;
	height: 100%;
	object-fit: contain;
}

@media(max-width: 600px){
	.cases .textCase, .cases .imgCase{
	width: 100%;
}
.imgCase{
	height: 500px;
}
.imgCase2{
	order: 4;
}
}


@media(max-width: 550px){
	.logoSave{
		width: 135px;
}
	.logoBio{
		margin-top: auto;
		width: 120px;
	}
}
@media(max-width: 490px){
	
	.tableauNutrition{
		overflow-x: scroll;
	}
.tableauNutrition .grid {
	grid-template-columns:none;
	grid-auto-flow: column;
	grid-auto-columns: 220px;
	
}
}


/*----------------------------
Notre Démarche
-----------------------------*/
.equipe .grid{
	grid-column-gap: 25px;
	grid-row-gap: 25px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	place-items: center stretch;
}
.personas{
	padding: 20px;
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.personas .titre{
	text-align: center;
	font-size: 145%;
	font-family: 'Caveat Brush',handwriting;
	padding-top: 10px;
}
.equipe .sandrine{
	background-color: #fff;
	width: 400px;
	margin-top: 25px;
}
.equipe .eric{
	background-color: rgba(226,147,90,0.73);
}
.equipe .antoine{
	background-color: rgba(175,114,40,0.64);
}
.imgGroupe{
	border-radius: 50%;
	border: solid var(--vert) 3px;
	overflow: hidden;
	margin: 0 auto;
}
.imgGroupe img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media(max-width: 740px){
	.equipe .grid{
	grid-template-columns: 1fr;
}
	.imgGroupe{
	max-width: 300px;
	order: -1;
}
.equipe .sandrine{
	background-color: #fff;
	width: 100%;
}
}

/*--------------------
Commander
--------------------*/
.distribiteurs img{
	display: block;
	height: 130px;
	margin: 10px;
}

/*-------------------------
CONTACT
--------------------------*/

.contact-formulaire{
	color: #545454 ;
}
.contact-formulaire form .fc span{
	width: 49%;
}
.contact-formulaire form span{
	margin-bottom: 18px !important;
	/*display: block;*/
}
.contact-formulaire form p{
	padding: 0 !important;
}
.contact-formulaire input::placeholder, .contact-formulaire textarea::placeholder{
	color: var(--bleu-color);
	opacity: 1;
}
.contact-formulaire input[type=text], .contact-formulaire input[type=email], .contact-formulaire textarea, .contact-formulaire #tel, .contact-formulaire select, #newsletter input[type=text]{
	background-color: rgba(255,255,255,1);
	padding: 14px;
	width: 100%;
	color: var(--bleu-color) !important;
	font-size: 14px;
	border: var(--bleu-color) solid 1px;
	border-radius: 4px;
}
/*.contact-formulaire input[type=text], .contact-formulaire input[type=email], .contact-formulaire #tel, .contact-formulaire select{
	
}*/
.contact-formulaire textarea{
	border-radius: 4px;
}
.btn-envoyez{
	padding: 0 25px;
	width: 125px;
	height: 42px;
	position: relative;
	transition: 350ms;
	margin-top: 20px;
	border-radius: 4px;
	background-color: var(--vert);
}
#envoyez{
	background: none;
	border: none;
	width: 100%;
	height: 100%;
	font-size: 16px;
	cursor: pointer;
	color: #fff;
	font-weight: 500;
}
.btn-envoyez:hover{
	width: 152px;
	padding: 0 25px 0 0;
	transition: 250ms;
	
}
.btn-envoyez::after{
	content: "\35";
	/*background-image: url(../../uploads/2024/06/next-white.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 8px;
	height: 20px;*/
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	font-family: ETmodules;
	opacity: 0;
	color: var(--beije);
	transition: 350ms;
	font-size: 130%;
}
.btn-envoyez:hover:after, .btn-envoyez.selected:after{
	right: 19px;
	opacity: 1;
	transition: 250ms;
}
.contact .coordonees h3{
	font-size: 140%;
	font-weight: 600;
	color: #fff;
}
.contact .coordonees i{
	font-size: 110%;
	transform: translateY(1px);
}.contact .coordonees p{
	font-size: 88%;
}
.wpcf7-response-output{
	color: #46b450;
	background-color: rgba(0, 0, 0, 0.5);
}
.contact-formulaire .reseaux{
	width: 165px;
}
.contact-formulaire .reseaux a{
	font-size: 27px;
	color: #e5ba4e;
}

/*Contact responsive*/
@media(max-width: 680px){
.contact-formulaire form .fc span{
	width: 100%; 
}
#contact-page{
	background-position: 15%;
}
}


/*--------------------------------------
FOOTER
----------------------------------------*/
.footer p{
	color:#fff !important;
}
.footer h2{
	font-size: 160%;
	font-weight: 300;
	color:#fff;
	text-align: center;
	line-height: 1.2;
}
.bloc-1-footer{
	width: 130px;
}
.bloc-1-footer img{
	width: 100%;
	display: block;
}
.bloc-center-footer{
	width: 325px;
	text-align: center;
	color: #fff;
	margin: auto 0 auto auto;
}
.bloc-center-footer ul{
	padding: 0;
}
.footer .m-legales{
	padding-top: 5px;
	color: #bdbdbd !important;
}
.footer .m-legales a{
	font-size: 80%;
	color: #fff;
}
.bloc-center-footer li{
	margin: 0 4px;
}
.bloc-center-footer a{
	color: #fff;
}
.bloc-1-footer a{
	color: #fff !important;
}
.copyright{
	text-align: center;
	font-size: 83%;
	color: #fff;
}
.coordonees{
	color: #fff;
}
.liens-sociaux a {
	margin: 0 5px;
}
.coordonees p{
	padding: 0 !important;
	font-size: 90%;
}
.coordonees .whatsapp {
	background-color: #25d366;
	padding: 4px 10px !important;
	border-radius: 30px;
	font-size: 90%;
	display: block !important;
	text-align: center;
}
.coordonees .whatsapp i{
	color: #fff !important;
}
footer a:hover{
	color: var(--vertClair);
}

footer li{
	list-style-type: none;
}
@media(max-width: 950px){
	.bloc-center-footer {
	margin-bottom: 10px;
}
.bloc-2-footer{
	margin: 15px auto;
}
}
@media(max-width: 550px){
.bloc-1-footer {
	width: 120px;
}
footer h2{
	text-align: left;
}
}
@media(max-width: 860px){
	.bloc-center-footer {
	width: 100%;
}
.bloc-1-footer{
	margin: 0 auto 20px auto;
}
.bloc-center-footer .m-legales {
	padding-top: 15px;
}
.bloc-2-footer {
	text-align: center;
}
}
/*--------------------------
Mentions légale / CGU
--------------------------*/
.mentions h2{
 	padding-top: 20px;
}
.mentions h2::after{
	content: '';
	width: 65px;
	height: 2px;
	border-radius: 10px;
	background: linear-gradient(to right, #83d0f5, #0065a2);
	display: block;
	margin: 15px 0 5px 0;
}