/* ------
SOMMAIRE
---------*/
/*
@AUTHOR : 

00 - COULEURS
01 - SPRITE
03 - TITRES
04 - LIENS
05 - BOUTONS
06 - CONTENU WYSIWYG
07 - PADDING ET LARGEURS
08 - MENU SCROLL UP
09 - POPUP ACTUALITE
10 - MENU HAMBURGERS
11 - ICONES SOCIALES
12 - CLASS GENERIQUES
13 - PAGE TEXTE EN BLOC
14 - SLICK
*/


/* ----------
00 - COULEURS
-------------*/
	:root{
		--white: #ffffff;			/*Blanc*/
		--green: #0a443d;			/*Vert : Global*/
		--blue: #153e8b;			/*Bleu : Zen nature*/
		--yellow: #fcc018;			/*Jaune : Coop eveil*/
		--red: #ad4217;				/*Rouge : Fertil eveil*/
		--light-grey: #f1f1f1;		/*Gris clair*/	
	}
	
	
	body.theme-Bleu .primaryColor{
	color: var(--blue);
	}
	body.theme-Bleu .bgprimaryColor{
	background-color: var(--blue);
	}
	.theme-yellow .bgthemeOpacity{
		background-color:#fff5cb;
	}
	.theme-red .bgthemeOpacity{
		background-color:#f0dbd3;
	}
	.theme-blue .bgthemeOpacity{
		background-color:#f3f6ff;
	}
	.bgthemeOpacity{
		background-color:var(--light-grey);
	}

	
	/* color00 : Blanc */
	.white *,
	.white{
	color: #fff;
	color: var(--white) !important;
	}
	.bg-white{
	background-color: #fff;
	background-color: var(--white) !important;
	}
	
	/* Vert : Couleur principale */
	.green{
	color: #0a443d;
	color: var(--green) !important;
	}
	.bg-green{
	background-color: #0a443d;
	background-color: var(--green) !important;
	}
	
	/* Bleu : Zen nature */
	body.theme-blue .primaryColor,
	.blue{
	color: #153e8b;
	color: var(--blue) !important;
	}
	body.theme-blue .bgprimaryColor,
	.bg-blue{
	background-color: #153e8b;
	background-color: var(--blue) !important;
	}
	/* Jaune : Coop Eveil */
	body.theme-yellow .primaryColor,
	.yellow{
	color: #fcc018;
	color: var(--yellow) !important;
	}
	body.theme-yellow .bgprimaryColor,
	.bg-yellow{
	background-color: #fcc018;
	background-color: var(--yellow) !important;
	}
	
	/* Rouge : Fertil Eveil */
	body.theme-red .primaryColor,
	.red{
	color: #ad4217;
	color: var(--red) !important;
	}
	body.theme-red .bgprimaryColor,
	.bg-red{
	background-color: #ad4217;
	background-color: var(--red) !important;
	}
	
	
	/* Gris clair*/
	.light-grey{
	color: #f1f1f1;
	color: var(--light-grey) !important;
	}
	.bg-light-grey{
	background-color: #f1f1f1;
	background-color: var(--light-grey) !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* ----------
	01 - SPRITE
	-------------*/
	.ico,
	[class*="ico-"]{
	background-image: url('../img/charte/fertil-eveil-sprite.svg');
	background-repeat: no-repeat;
	background-size: 400px auto;
	width: 40px;
	height: 40px;
	display: block;
	}
	
	
	
	/* Réseaux sociaux */
	[class*="ico-rs-"]{
	overflow: hidden;
	text-indent: -5000px;
	}
	
	.ico-rs-facebook{
	background-position: 0 0;
	}
	.ico-rs-instagram{
	background-position: -40px 0;
	}
	.ico-rs-pinterest{
	background-position: -80px 0;
	}
	.ico-rs-twitter{
	background-position: -120px 0;
	}
	.ico-rs-linkedin{
	background-position: -160px 0;
	}
	.ico-rs-youtube{
	background-position: -200px 0;
	}
	
	/* flèche retour*/
	.ico-arrow-back{
		background-position: -320px 0;
	}

	.ico-arrow-green{
		background-position: -320px -200px;
	}
	
	.ico-file-view{
		background-position: 0 -120px;
	}
	
	.ico-file-download{
		background-position: -40px -120px;
	}
		.ico-file-view:hover{
			background-position: 0 -160px;
		}
		
		.ico-file-download:hover{
			background-position: -40px -160px;
		}
	
	/* Flower */
	.ico-flower{
	width: 60px;
	height: 60px;
	background-position: -240px -60px;
	}



/* Ico à replacer dans elements.css */
.ico-adresse{
	width: 20px;
	height: 20px;
	background-position: -10px -90px;
}
.ico-tel{
	width: 20px;
	height: 20px;
	background-position: -50px -90px;
}


.ico-rs-white-facebook{
background-position: 0 -40px;
opacity: 0.4;
}
.ico-rs-white-instagram{
background-position: -40px -40px;
opacity: 0.4;
}
.ico-rs-white-pinterest{
background-position: -80px -40px;
opacity: 0.4;
}
.ico-rs-white-twitter{
background-position: -120px -40px;
opacity: 0.4;
}
.ico-rs-white-linkedin{
background-position: -160px -40px;
opacity: 0.4;
}
.ico-rs-white-youtube{
background-position: -200px -40px;
opacity: 0.4;
}

[class*="ico-rs-white"]{
	transition: opacity 0.2s ease-in-out;
}
[class*="ico-rs-white"]:hover{
	opacity: 1;
}

/* ------
03 - TITRES
---------*/
.like-h2-strong,
h1, h2, h3, h4, h5, h6, .like-h1, .like-h2, .like-h3, .like-h4, .like-h5, .like-h6{
	font-weight: normal;
	line-height:1;
	margin:0 0 30px 0;
	color: var(--green);
	font-family: "kaneda-gothic", sans-serif;
	font-style: italic;
	letter-spacing: 0.08rem;

}
h1, .like-h1{
	font-size: 5.5rem;
	font-style: normal;
}
.like-h2-strong,
h2, .like-h2{
	font-size: 6rem;
}
.like-h2-strong{
	font-weight: 800;
}
h3, .like-h3{
	font-size: 3.5rem;
}
h4, .like-h4{
	font-size: 3rem;
    margin: 40px auto;
	position: relative;
	font-weight: bold;
}

.like-h4::after,
h4::after {
	content: '';
	display: block;
    background: var(--green);
	z-index: 500;
	margin-top: 4px;
    height: 3px;
    width: 46px;
}


h5, .like-h5{
	font-size: 2.5rem;
}
h6, .like-h6{
	font-size: 1.8rem;
}
.like-h2-strong{
	font-weight: 800;
}
h1 > span{
	font-weight: normal ;
}
h2 > span{
	font-weight: normal ;
}
h3 > span{
	font-weight: normal ;
}
h4 > span{
	font-weight: normal ;
}
h5 > span{
	font-weight: normal ;
}

/* ------------
04 - LIENS
--------------*/
a, a:link, a:visited{
	color: #4d4d4d;
	text-decoration: none;
}
a:hover, a:active{
	color: #000;
}


/* ------------
05 - BOUTONS
--------------*/

[class*="btn-"]:visited,
[class*="btn-"]:link,
[class*="btn-"]{
	text-decoration: none !important;
	color: var(--white) !important;
	font-weight: 600;
	letter-spacing: 0.1rem;
	padding: 10px 15px;
	color: var(--white);
	border-radius: 50px;
	display: inline-flex;
	line-height: 1;
	align-items: center;
	text-align: center;
}


.btn-green:link,
.btn-green:visited,
.btn-green{
	background-color: var(--green);
}
.btn-green:focus,
.btn-green:hover{
	background-color: #000;
}





.btn-red:link,
.btn-red:visited,
.btn-red{
	background-color: var(--red);
}
.btn-yellow:link,
.btn-yellow:visited,
.btn-yellow{
	background-color: var(--yellow);
}
.btn-blue:link,
.btn-blue:visited,
.btn-blue{
	background-color: var(--blue);
}
.btn-red:focus,
.btn-red:hover,
.btn-yellow:focus,
.btn-yellow:hover,
.btn-blue:focus,
.btn-blue:hover{
	background-color: var(--green);
}

[class*="link-arrow-"]:link,
[class*="link-arrow-"]:visited,
[class*="link-arrow-"]{
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	color: var(--green) !important;
	text-decoration: none !important;
	letter-spacing: 0.1rem;
	font-size: 1.3rem;
}
[class*="link-arrow-"]::before{
	background-image: url('../img/charte/fertil-eveil-sprite.svg');
	background-repeat: no-repeat;
	background-size: 400px auto;
	background-position: -320px -40px;
	transform: rotate(180deg);
	content: "";
	display: block;
	border-radius: 50%;
	margin-right: 10px;
	overflow: hidden;
	width: 40px;
	min-width: 40px;
	transition: margin 0.2s ease-in-out;
	height: 40px;
}
[class*="link-arrow-"]:hover::before{
	margin: 0 10px;
}
.link-arrow-yellow::before{
	background-color: var(--yellow);
}
.link-arrow-red::before{
	background-color: var(--red);
}
.link-arrow-blue::before{
	background-color: var(--blue);
}
.link-arrow-green::before{
	background-color: var(--green);
}

.link-arrow-white:visited,
.link-arrow-white:link,
.link-arrow-white{
	color: var(--white) !important;
}



.link-arrow-white-round:visited,
.link-arrow-white-round:link,
.link-arrow-white-round{
	color: var(--white) !important;
}

.link-arrow-white-round::before{
	background-position: -360px -40px;
	transform: rotate(0);
}

.btn-download{
	background-color: var(--green);
}
.btn-download:hover{
	background-color: var(--blue);
}
.btn-download::before{
	display: block;
	background-image: url('../img/charte/fertil-eveil-sprite.svg');
	background-repeat: no-repeat;
	background-size: 400px auto;
	content: '';
	width: 28px;
	margin-right: 10px;
	height: 30px;
	background-position: -166px -85px;
}
.playVideo{
	cursor: pointer;
}

/* ------------
06 - CONTENU WYSIWYG
--------------*/
p{
	margin: 0 0 20px 0;
}
strong{
	font-weight: 700;
}
em{
	font-style:italic;
}
	em strong, strong em{
		font-family: 'rb', sans-serif;
		font-style: italic;
		font-weight: normal;
	}
u{
	text-decoration:underline;
}
strike{
	text-decoration: line-through;
}
address{
	color: #007AAA;
}
pre{
	background:#ccc;
	border:1px solid #007aaa;
	font-family:Courier, MS Courier New, Prestige, Everson Mono;
	font-size:1.1em;
	margin:20px auto;
	overflow:auto;
	padding:5%;
	width:80%;
}
code{
	background:#007aaa;
	color:#fff;
	font-family:Courier, MS Courier New, Prestige, Everson Mono;
	font-size:1.1em;
	padding:2px;
}
cite{
	color:#000;
	font-family: Arial, sans-serif;
	font-size:1.1em;
	padding:0 3px 0 3px;
}
p.text-intro {
	font-size: 2.3rem;
}
acronym{
	border-bottom:1px dashed #007aaa;
	cursor:help;
}
q{
	color:#007aaa;
	font-style:italic;
}
	q:after{
		content: " ' Source: "attr(cite)" ";
		font-size:1em;
	}

ul{
	color: #666;
	margin-bottom: 30px;

}
ul.noMargin {
	margin: 0;
}
/* ul li{
	display: flex;
} */
	ul li::before{
		content: "";
		width: 12px;
		display: block;
		min-width: 12px;
		height: 12px;
		background-color: transparent;
		background-image: url(../img/charte/fertil-eveil-sprite.svg);
		background-repeat: no-repeat;
		background-size: 400px auto;
		background-position: -134px -94px;
		position: absolute;
		top: 6px;
		left: 0px;
	}  

	ul li{
		list-style: none;
		padding: 0 0 0 20px;
		margin-bottom: 8px;
		position: relative;
	}
	ul li.noPadding {
		padding: 0;
	}
	ul li.noBefore::before {
		display: none;
	}

	.noList ul li,
	.noList ul,
	.noList,
	.noList li,
	#header ul,
	#footer ul,
	#header ul li,
	#footer ul li{
		margin: 0;
		padding: 0;
	}
	.noList li::before,
	.noList ul li::before,
	#footer ul li::before,
	#header ul li::before{
		display: none;
	}

ol {
    counter-reset: numList;
    margin: 5px 0 5px 15px;
}
	#wrapperInner ol li {
		list-style-type: none;
	}
	#wrapperInner ol li::before {
		counter-increment: numList;
		content: counter(numList) "-" ;
		font-family: "rb", sans-serif;
		margin: 0 5px 0 0;
	}

hr{
	border-bottom:2px ridge #666;
	border:0;
}
.separateur{
	width:46px;
	margin:22px auto;
	height:4px;
	background: var(--white);
}
.separator{
	clear:both;
	visibility:hidden;
	margin: 5px 0 5px 0;
}
dl{
	margin:10px 5px;
}
	dt{
		color:#000;
		font-size:1.1em;
		font-weight:bold;
	}
	dd{
		font-style:normal;
		margin:0;
		padding:0;
		text-indent:10px;
	}

table{
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
	margin:auto;
	width:100%;
	margin-bottom:15px;
}
	table caption{
		color: #ccc;
		font-size: 14px;
		font-weight:bold;
		margin:5px 0;
		text-align:left;
	}
th{
	color:#fff;
	border:1px solid #ccc;
	color:#666;
	font-size:14px;
	font-weight:bold;
	padding:2px;
}
td{
	border:1px solid #ccc;
	padding:2px;
}
td img{
	padding:3px;
}


#wrapperInner p a,
#wrapperInner ul li a {
	color: var(--color02);
	text-decoration: underline;
}


/* ------------------------
08 - MENU SCROLL UP
--------------------------*/
.scrollUp{
	position: fixed;
	top: 0;
	width: 100%;
	z-index : 10000;
	transition: top 0.2s ease-in-out;
}
.scrollUp.nav-up{
	transition: top 0.2s ease-in-out;
}



/* ------------------------
09 - POPUP ACTUALITE
--------------------------*/
.popup-wrap{
	background: rgba(0, 0, 0, 0.7);
	bottom: 0;
	left: 0;
	padding: 15% 30%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}
	.box-simple-popup{
		background: #fff;
		position: relative;
	}
		.box-simple-popup .box-titre{
			background: #46a1bf;
			color: #fff;
			padding: 15px 30px;
		}

		.box-simple-popup .popup-btn-close{
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAkFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADDIYgjAAAAL3RSTlMAFS3T6/HlN8nbDhskQvb6Cga+smmlA1tOAZeSi3jtuM/Eg10pHhBiVD443alvI7Ki/2AAAAHWSURBVFjDpdfZbuJAEEbhH0JM2GKzZAJjsy9ZZun3f7vpJGJKiJJKOZzLrvZ3YbXUtnLj0bLZ7Qe6ofasaWZtfTUq0kdlMxZsMEmfbY/KzdO5dSXUsDgLxTHrj+l/k4p657ZSkywkHrJnjdRLt4ntzgVQq0xYNM9aZxCL5llT3SUsmmc12iUsmme969RxROxNJb2VV8vbPvR6J+Xmj1eDhz7zBvps5InQC0TgQbG7cj0sdu8DLxJj764lATHwgBh4QAy8WDwhz0RnM/CsN2878IIHwjEW3/0hEINXjET/EOQBFINjCkTu+WLP924QoWci87hoHr3EuWci8KBoHhdjj4uTSrj2yvV48zIFFzDwQpF7JnLPrxhSD4jAM5F7t4vPrsfF50AzEXvrwhO5Nx0PXZF7ki9yLxCB54sH7vlip8293N+eIwLPGnxP3PseFmeBF4qx9zt7TPS9px8SEAMPibEXi8CLRO75Ypd7vnjfBZ7VunPEwIPi3veQuBpKx9L1oLhZqL5a/Jk9LM7168pbSFys5XpcXKv0PC5OtfE8Lu609DwutlUV0DNxY8LTxZd+vRCq/3D5BzOcpI+KF9Gquky5sq701eFl+Wc01g21XpfL15Zy/wAQgcwfcwB9iQAAAABJRU5ErkJggg==') no-repeat 0 0 / 40px 40px;
			cursor: pointer;
			height: 40px;
			position: absolute;
			right: -20px;
			top: -20px;
			width: 40px;
		}
		.box-simple-popup .popup-btn-close span{
			display: none;
		}




/* ----------
10 - MENU HAMBURGERS
-------------*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger{
	background-color: transparent;
	color: inherit;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font: inherit;
	margin: 0;
	overflow: visible;
	padding: 5px 15px 0;
	text-transform: none;
	
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
}
	.hamburger:hover, .hamburger:focus{
		opacity: 0.7;
	}

.hamburger-box{
	display: inline-block;
	height: 24px;
	position: relative;
	width: 40px;
}

.hamburger-inner{
	display: block;
	margin-top: -2px;
	top: 50%;
}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
		background-color: #00b4cd;
		border-radius: 4px;
		height: 4px;
		position: absolute;
		width: 40px;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}
	.hamburger-inner::before, .hamburger-inner::after{
		content: "";
		display: block;
	}
	.hamburger-inner::before{
		top: -10px;
	}
	.hamburger-inner::after{
		bottom: -10px;
	}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner{
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
	.hamburger--spin .hamburger-inner::before{
		transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
	}
	.hamburger--spin .hamburger-inner::after{
		transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

.hamburger--spin.is-active .hamburger-inner{
	transform: rotate(225deg);
	transition-delay: 0.14s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
	.hamburger--spin.is-active .hamburger-inner::before{
		top: 0;
		opacity: 0;
		transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
	}
	.hamburger--spin.is-active .hamburger-inner::after{
		bottom: 0;
		transform: rotate(-90deg);
		transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
	}



/* ----------
11 - ICONES SOCIALES
-------------*/
.jssocials-share{

}
.jssocials-share-email{

}
.jssocials-share-twitter{

}
.jssocials-share-facebook{

}
.jssocials-share-googleplus{

}
	.jssocials-share a{
		
	}
		.jssocials-share .jssocials-share-logo{
			background-image: url('/images/charte/sprite-partages-rs.png');
			background-repeat: no-repeat;
			background-size: 130px auto;
			display: block;
			height: 33px;
			width: 33px;
		}
		.jssocials-share .jssocials-share-label{
			display: none;
		}

		.jssocials-share-email .jssocials-share-logo{ background-position: 0 0 }
		.jssocials-share-email:hover .jssocials-share-logo, .jssocials-share-email:focus .jssocials-share-logo{ /*background-position: 0 -34px*/ opacity: 0.7; }

		.jssocials-share-twitter .jssocials-share-logo{ background-position: -32px 0 }
		.jssocials-share-twitter:hover .jssocials-share-logo, .jssocials-share-twitter:focus .jssocials-share-logo{ /*background-position: -32px -34px*/ opacity: 0.7; }

		.jssocials-share-facebook .jssocials-share-logo{ background-position: -64px 0 }
		.jssocials-share-facebook:hover .jssocials-share-logo, .jssocials-share-facebook:focus .jssocials-share-logo{ /*background-position: -64px -34px*/ opacity: 0.7; }

		.jssocials-share-googleplus .jssocials-share-logo{ background-position: -97px 0 }
		.jssocials-share-googleplus:hover .jssocials-share-logo, .jssocials-share-googleplus:focus .jssocials-share-logo{ /*background-position: -97px -34px*/ opacity: 0.7; }



/**
* alert
*/
.alert
{
	background: green;
	color:#FFF;
	padding:10px;

	width:100%;
	text-align: center;
}

.alert.alert-error
{
	background: rgb(194, 24, 12);
}

/* 12 - CLASS GENERIQUES */

/* Position */

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

/* Border radius */

.br10 {
	border-radius: 10px;
}

/*padding */
.pl-60{
	padding-left: 6rem;
}

/* Box shadow */

.box-shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47);
}

/* MEDIA // Cover */

.cover {
	overflow: hidden;
}
	.cover img{
		object-fit: cover;
		font-family: 'object-fit: cover';
		height: 100%;
		width: 100%;
	}

/* 13 - PAGE TEXTE EN BLOC */

.templatePageTextBloc > div:not(:last-child) {
    margin-bottom:50px;
}

/* Bloc introduction */


/* Bloc texte et image */

.bloc-texte-image .slider-page .item {
    height: 500px;
}
.bloc-texte-image .slider-page.w100 .item {
	display: flex;
}
.bloc-texte-image .slider-page.w100.high {
    margin: 0 0 30px 0;
}
.bloc-texte-image .slider-page.w100.low {
    margin: 30px 0 0 0;
}

/* Galerie image */

.galerie-image {
    margin: 0 -10px 50px -10px !important;
}
		.galerie-image .item img {
			transition: transform .3s, opacity .3s;
		}
		.galerie-image .item:hover img {
			opacity: 0.5;
			transform: scale(1.05);
		}
		.gallerieItem_content{
			background-color: #000;
			overflow: hidden;
		}
/* Diaporama */


/* Glissière */
.glissiere-item {
    padding: 0;
	margin: 0 0 15px 0;
	background-color: var(--light-grey);
    position: relative;
}
.glissiere-item .ico-arrow-green {
	transition: transform .2s;
}
.glissiere-item.active .ico-arrow-green {
	transform: rotate(90deg);
}
	.glissiere-item .contenu {
		display: none;
		padding: 20px;
	}
	.glissiere-item .titre {
		line-height: 1;
		padding: 5px 0;
		text-transform: uppercase;
		font-family: "kaneda-gothic", sans-serif;
		font-size: 3rem;
		font-weight: bold;
		letter-spacing: 0.08rem;
		cursor: pointer;
	}

/* Téléchargement fichier */

.fileDownload-item .title {
    flex-grow: 1;
    font-family: "kaneda-gothic", sans-serif;
	font-size:3rem;
	margin: 0;
}
.fileDownload-item .vignette {
}
.fileDownload-item .link a {
    margin: 0 0 0 5px;
}
.fileDownload-item  [class*="ico-file"]{
	background-color: var(--white);
	transition: 0.2s ease-in-out;
}
.fileDownload-item  [class*="ico-file"]:hover{
	background-color: var(--green);
	transform: scale(1.1);
}



/* Vignette page */

.blocVignettesCarrefours-itemContent {
	overflow: hidden;
}

.rounded{
	border-radius: 200px !important;
}
.bordered{
	border: 4px solid var(--white);
	padding: 10px;
}

/* .blocVignettesCarrefours-item:nth-child(3n+2) {
    margin: 0 40px 30px 40px;
} */
	.blocVignettesCarrefours-item .image {
		background-color: #000;
	}
		.blocVignettesCarrefours-item .image img {
			transition: opacity .3s, transform .3s;
		}
		.blocVignettesCarrefours-item .image:hover img {
			opacity: 0.5;
			transform: scale(1.05);
		}

/* 14 - SLICK */
button.slick-arrow {
    background-color: #0a443d;
    border: transparent;
    position: absolute;
    bottom: 0;
    right: -5px;
    text-indent: -5000px;
    overflow: hidden;
    width: 40px;
    height: 40px;
    background-image: url(../img/charte/fertil-eveil-sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    outline: transparent;
    cursor: pointer;
    background-position: -320px -40px;
}
button.slick-arrow.slick-prev {
    z-index: 1;
	left: -5px;
	top: 50%;
}
button.slick-arrow.slick-next  {
	top: 50%;
	transform: rotate(-180deg);
}

.slider_services  button.slick-arrow.slick-prev {
	bottom: 0;
	top: auto;
	left: -95px;
}
.slider_services  button.slick-arrow.slick-next {
	bottom: 0;
	top: auto;
	left: -50px;
	
}
/* Texte Image */

/* End // Texte Image */

/* CATEGORIES PRODUITS */
.home_section7 h2::after{
	display: block;
	content: "";
	width: 46px;
	margin-top: 10px;
	height: 4px;
	background-color: var(--green);
}

.categories_catalogTitleBg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 45%;
	z-index: 0;
}
.categories_catalog:nth-child(3n+1) .categories_catalogListBg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}
.link-arrow-full:visited,
.link-arrow-full:link,
.link-arrow-full{
	display: flex;
	padding:25% 15px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--white) !important;
	
}


.link-arrow-full::before{
	margin: 0 0 10px 0 !important;
	background-position: -360px -40px;
	transform: rotate(0deg);
}
.link-arrow-full:hover{
	background-color: var(--green) !important;
}
.link-arrow-full:hover::before{
	margin:0 0 10px 0 !important;
}
/* end // categorie produit*/

/* Formulaire */

.gform_wrapper form li, .gform_wrapper li {
	display: block;
	width: 100% !important;
}
.gform_footer .gform_button {
	display: inline-flex;
	align-items: center;
	
	padding: 10px 20px;
	
	letter-spacing: .1rem;
	
	text-decoration: none !important;
	color: var(--white) !important;
	font-weight: 600;

	border-radius: 50px;
	border: none;
	
	background: var(--green);
} 
	.gfield label.gfield_label{
		position: relative;
	
		font-weight: 800;
		color: var(--green);
		font-family: "kaneda-gothic", sans-serif;
		font-style: italic;
		font-size: 1.8rem;
		line-height: 0.1rem !important;
	}
	li.gfield label.gfield_label::before{
		content: '';
		
		position: absolute;
		bottom: -14px;

		width: 46px;
		height: 3px;

		background: var(--green);
	}
	.gform_fields li.gfield{
		margin: 14px auto;
		padding: 0 !important;
	}
	.gform_wrapper li.gfield.field_description_below+li.gsection{
		margin-top: 50px !important;
	}
	
		li.gfield label.gfield_label span{
			display: none;
		}
		.gform_fields .gfield .medium{
			background-color: #f6f6f6;

			border: none;

			min-height: 40px;
			margin-top: -3px;
		}
		.gform_wrapper h2.gsection_title{
			font-size: 3.2rem;
		}
		.gform_wrapper .gsection{
			border:none
		}
		

	.gform_footer {
		display: flex;
	}
	.gform_footer .gform_button {
		margin-left: auto !important;
		margin-right: 0 !important;

		cursor: pointer;
	}
	.gform_footer .gform_button:hover {
		background-color: #000;
		transition: background-color 0.3s;
	}
	.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{
		margin: 0;
	}
	.gfield_consent_label{
		font-size: 1.4rem;
		line-height: 1;
	}
	.ginput_container_consent input{
		margin: 0;
	}
	.ginput_container_consent{
		padding: 10px 0;
	}
	


	
    
/* ------
02 - ANIMATION SCROLL
---------*/
/*
Opacité seule : classSectionToAnimate
Opacité + top : classSectionToAnimate animateTop
Opacité + bottom : classSectionToAnimate animateBottom
Opacité + right : classSectionToAnimate animateRight
Opacité + left : classSectionToAnimate animateLeft
Opacité + top Left : classSectionToAnimate animateTopLeft
Opacité + top Right : classSectionToAnimate animateTopRight
Opacité + bottom Left : classSectionToAnimate animateBottomLeft
Opacité + bottom Right : classSectionToAnimate animateBottomRight
Opacité + scale : classSectionToAnimate animateScale
*/
.animate-elem{
	opacity: 0;
	position: relative;
}
.animate-elem-25{
	opacity: 1;

	transition-duration: 1.5s;
	-webkit-transition-duration: 1.5s;
}



.animate-elem.arrow-anim{
    transform: rotate(-180deg);
}
.animate-elem-25.arrow-anim{ 
    transform: rotate(0);
}


.animate-elem.animateTop{ top: -30px; }
.animate-elem-25.animateTop{ top: 0; }

.animate-elem.animateBottom{ bottom: -30px; }
.animate-elem-25.animateBottom{ bottom: 0; }

.animate-elem.animateRight{ right: -50%; }
.animate-elem-100.animateRight{ right: 0; }

.animate-elem.animateLeft{ left: -50%; }
.animate-elem-100.animateLeft{ left: 0; }

.animate-elem.animateScale{ transform: scale(0); }
.animate-elem-100.animateScale{ transform: scale(1); }


.animate-elem.animateTopLeft{ left: -30px; top: -30px; }
.animate-elem-25.animateTopLeft{ left: 0; top: 0; }

.animate-elem.animateTopRight{ right: -30px; top: -30px; }
.animate-elem-25.animateTopRight{ right: 0; top: 0; }

.animate-elem.animateBottomLeft{ left: -30px; bottom: -30px; }
.animate-elem-25.animateBottomLeft{ left: 0; bottom: 0; }

.animate-elem.animateBottomRight{ right: -30px; bottom: -30px; }
.animate-elem-25.animateBottomRight{ right: 0; bottom: 0; }