/*
Theme Name: Terres et céréal
Theme URI: http://www.johndoe-et-fils.com
Author: JDF
Author URI:http://www.johndoe-et-fils.com
Description: My description
Version: 1.0
License: None
License URI: http://www.johndoe-et-fils.com
Tags: JDF
Text Domain: JDFTheme
*/
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* VARIABLES */
:root {
    --orange: #E88F3D;
    --beige: #FCEFDD;
    --yellow: #F6C345;
    --green-light: #84BC56;
    --green-dark: #114D1F;
}
body{
	 font-family: 'Adobe Caslon Pro';
	line-height:1;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background:url(images/background_white_wood.jpg);
	background-repeat:repeat;
	background-size:100%;
	width: 100%;
	overflow-x: hidden;
	height: auto !important;
}
body.fixed{
	width:100%;
	height:100%;
	overflow:hidden;	
}
*:focus {
    outline: none;
}
a, a:hover, a:focus, a.active {
   text-decoration: none;
	color: inherit;
}
p, a, h1, h2, h3, h4, h5, h6 {
	margin:0 auto;
	padding:0;
	width:auto;	
	line-height:1.2;
}
em{
	font-style:italic;
}
strong{
	font-weight:bold;
}
ul {
	margin-bottom:0;
}
.container p {
	margin-bottom: 1em;
	display: inline-block;
}
embed,
iframe,
object {
	max-width: 100%;
}

.sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 90px;
	bottom:50px;
}
.sticky:before,
.sticky:after {
  content: "";
  display: table;
}


.home #page.site {
	overflow: hidden;
}
.blizza {
	font-family: 'blizza';
}

/****************************************************
********************************************** PARALLAX
***************************************************/


.parallax-skrollr {
	position: absolute;
	z-index: 998;
	max-width: 150px;
	display: none;
}

/****************************************************
********************************************** HEADER
***************************************************/
#menu-wc {
	z-index: 9999;
	/* visibility:hidden; */
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	/* opacity:0; */

	display: flex;
	align-items: center;
	gap: 20px;
	margin-left: 20px;
	flex-shrink: 0;
}

#menu-wc a {
	background: transparent;
}

.header-cart .cart-icon {
	position: relative;
}
.search-icon img,
.header-cart .cart-icon .cart-icon__icon img,
.account-link img {
	width: 30px;
	height: 30px;
}

.cart-icon__count {
	position: absolute;
	right: -10px;
	top: -10px;
	border-radius: 100%;
	background-color: #15a64f;
	color: #FFF;
	display: block;
	width: 18px;
	height: 18px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
}
@media screen and (min-width: 991px) {
	.burger {
		display: none;
	}
}
#menu-wc.visible {
	visibility:visible;
	opacity:1;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	background: #FFFFFF;
	padding: 5px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	vertical-align: bottom;
}
.menu-trigger span {
	position: absolute;
	left: 6px;
	width: 28px;
	height: 4px;
	background-color: #114d1f;
	border-radius: 0;
}
.menu-trigger span:nth-of-type(1) {
	top: 8px;
}

.menu-trigger span:nth-of-type(2) {
	top: 18px;
}

.menu-trigger span:nth-of-type(3) {
	bottom: 8px;
}
.menu-trigger:hover span{
	background:#84bc56;
}
.menu-trigger.type7.active-7 span:nth-of-type(1) {
	-webkit-animation : actionOne .75s forwards;
	animation : actionOne .75s forwards;
}
.menu-trigger.type7.active-7 span:nth-of-type(3) {
	-webkit-animation : actionTwo .75s forwards;
	animation : actionTwo .75s forwards;
}
.menu-trigger.type7.active-7 span:nth-of-type(2) {
	-webkit-animation : actionThree .75s forwards;
	animation : actionThree .75s forwards;
}
@-webkit-keyframes actionOne {
	0% {
		top:8px;
	}
	50% {
		top:18px;
	}
	100% {
		top:18px;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
}
@keyframes actionOne {
	0% {
		top:8px;
	}
	50% {
		top:18px;
	}
	100% {
		top:18px;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
}
@-webkit-keyframes actionTwo {
	0% {
		bottom:8px;
	}
	50% {
		bottom:18px;
	}
	100% {
		bottom:18px;
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}
}
@keyframes actionTwo {
	0% {
		bottom:8px;
	}
	50% {
		bottom:18px;
	}
	100% {
		bottom:18px;
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}
}
@-webkit-keyframes actionThree {
	0% {
		width:30px;
	}
	50% {
		width:0;
	}
	100% {
		width:0;
	}
}
@keyframes actionThree {
	0% {
		width:30px;
	}
	50% {
		width:0;
	}
	100% {
		width:0;
	}
}

/* BANDEAU ALERTE */
#bandeau_alerte {
	width: 100%;
	/* background: black; */
	background-color: #85513b;
	z-index: 99;
	color: white;
	display: flex;
  	align-items: center;
	justify-content: center;
	padding: 12px;
	font-family: 'TradeLT';
	font-size: 14px;
}

#full-menu {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: #e3cebc;
	background: url(images/background-dej-menu.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	z-index: 1000;
	visibility:hidden;
	-webkit-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
	opacity:0;
}
/*#full-menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
	z-index: 5;
}*/
#full-menu .logo-menu {
	display:none;
}
#full-menu.active {
	visibility:visible;	
	opacity:1;
}
#full-menu .logo {
	position: absolute;
	z-index: 6;
	top: 25%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
#full-menu .logo img {
	max-width: 180px;
}
#full-menu hgroup {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	z-index: 6;
}
#full-menu hgroup p {
	color: #ffffff;
    font-size: 3em;
    line-height: 1;
    /* text-shadow: 0 0 10px rgba(53, 50, 46, 0.33); */
    z-index: 5;
    margin-top: 70px;
     font-family: 'Sue Ellen Francisco';
    text-transform: uppercase;
    max-width: 800px;
    width: 100%;
    margin-bottom: 1em;
}
#full-menu hgroup p strong {
	 font-family: 'Sue Ellen Francisco';
}
/*#full-menu hgroup > ul {
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}*/
#full-menu > ul li a {
	color: #FFFFFF;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	font-size: 1.6em;
}
#full-menu > ul li a:hover {
	color:#85513b;
}
#full-menu .menu li a {
	color: #FFFFFF;
	position: relative;
}
/* #full-menu .menu li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0%;
    height: 4px;
    background: url(images/svg/borderbottom_01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 310px;
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
} */
/* #full-menu .menu li a:hover:after {
	width: 100%;
}
#full-menu .menu li.logo-menu a:after {
	content:none;
} */

#full-menu .social {
	position: absolute;
	z-index: 6;
	bottom: 50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}
#full-menu .social li {
	display: inline-block;
	width: 50px;
}
#full-menu .social li a img {
	max-width:35px;	
}
.leftcereal {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.rightcereal {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.floatcereal {
	position: absolute;
	top: 80%;
	right: 10%;
}

.logo-responsive {
	display: none;
}
.home .logo-responsive {
	display: inline-block;
	width: 150px;
	height: 150px;
	/* margin-top: -10px;	 */
}
.logo-responsive img {
	max-width: 150px;
	width: 100%;
}


#surheader {
	padding:10px 0;
	display: none;
}
.home #surheader {
	display: block;
	text-align: right;
}
#surheader ul li {
	display: inline-block;
	margin: 0 4px;
}
#surheader ul li img {
	width: 25px;
}
#surheader .logobio {
	margin-top: 1em;
	margin-right: 10%;
}
#surheader .logobio img {
	width: 180px;
}
@media screen and (max-width: 991px) {
	#surheader .logobio {
		display: none;
	}
}

.site-branding {
	/* padding: 1em 0 0; */
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top:0;
	z-index: 99999;
	text-align: left;
}
.home .logo-responsive {
	/* margin-left: 10%; */
	display: none;
    position: absolute;
	left: 10%;
    top: 100px;
}
@media screen and (min-width: 991px) {
	.home .logo-responsive {
		display: block;
		width: 200px;
		height: 200px;
	}
	.home .logo-responsive img {
		max-width: 200px;
	}
}

.home #menu-main-header {
	display: none;
}
@media screen and (max-width: 991px) {
	.home #menu-main-header {
		display: flex;
	}
}
.menu {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:distribute;
	    justify-content:space-between;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	gap: 10px;
}
.menu.fixed {
	position: fixed;
	z-index: 200;
	top: 0;
	right: 0;
	left: 0;
	/* background-color: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,.2); */
}
#home-slider .menu.fixed {
	position: fixed !important;
	bottom: auto !important;
	z-index: 9999 !important;
}
header .menu li.menu-item{
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.menu.fixed .menu-item:not(.logo-menu) {
	opacity: 0;
	height: 75px;
	pointer-events: none;
}
.menu.fixed .menu-item.logo-menu {
	opacity: 0;
	height: 75px;
	width: 75px;
	background-size: 100%;
}
.burger {
	background-color: #fff;
}
.menu.fixed .burger {
	display: block;
}
@media screen and (max-width: 1400px) {
	.menu {
		width: 100%;
		padding: 0 5%;
		/* justify-content:space-between; */
	}
}
@media screen and (max-width: 991px) {
	.menu.fixed {
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
	}
	.menu.fixed .menu-item.logo-menu {
		opacity: 1;
		background-size: 90%;
	}
}
.menu li.menu-item a {
	color:#85513b;
	font-size: 1.4em;
	 font-family: 'Sue Ellen Francisco';
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	color: #FFFFFF;
    position: relative;
    background: #114d1f;
    padding: 10px;
     font-family: 'Sue Ellen Francisco';
    text-transform: uppercase;

}
.menu li a:hover, .menu li.current-menu-item a {
	color:#FFFFFF;
	background: #84bc56;
}
.home .menu li.menu-item a {
	color: #FFFFFF;
    position: relative;
    background: #114d1f;
    padding: 10px;
     font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
	transition: all 0.3s ease-out;
}
/*.home .menu li a:after {
	content: '';
	position: absolute;
	right: 0;
	top:0;
	width: 0;
	height: 100%;
	background: #FFFFFF;
	transition: all 0.3s ease-out;
}*/
.home .menu li a:hover {
	background: #84bc56;
}
/* .home #menu-main-header.menu li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0%;
    height: 4px;
    background: url(images/svg/borderbottom_01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 310px;
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.home #menu-main-header.menu li a:hover:after {
	width: 100%;
}
.home #menu-main-header.menu li.logo-menu a:after {
	content:none;
	background: none;
	padding: none;
} */
a.logo {
	display: inline-block;
	width: 20%;
	background: none;
	padding: none;
}
.logo img {
	max-width: 120px;
	width: 100%;
}
.home a.logo img {
	max-width: 180px;
	width: 100%;
}
.logo-menu {
	width: 140px;
	height: 140px;
	background: url(images/svg/logo_tec.svg);
	background-size: 130px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -99999px;
	font-size: 0;	
	background-color: none;
	padding: none;
}
.logo-menu:hover {
	-webkit-animation: tada 1s ease-out;
	        animation: tada 1s ease-out;
}
.home .menu li.logo-menu a, .menu li.logo-menu a {
	background: none;
	padding: none;
}


.containHeadHome {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	max-width: 980px;
	padding-top: 12%;
}
.logoHome {
	display: block;
	max-width: 290px;
	position: relative;
	width: 100%;
	margin: initial;
}
.logoHome img {
	max-width: 280px;
	width: 100%;
}
.containHeadHome h1 {
	font-size: 4em;
}



#home-header {
	height: 94vh;
	/*background:url(images/background-header.jpg);
	background:url(images/cheese-biscuits.jpg);*/
	background:url(images/background-dej4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	position:relative;
}
/*#home-header:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.1);
}*/
#home-header h1 {
	color: #114d1f;
	font-size: 3.5em;
	line-height: 1.3;
	/*text-shadow: 0 0 10px rgba(53, 50, 46, 0.33);*/
	z-index: 5;
	margin-top: 20px;
	margin-left: 25px;
	font-family: 'Sue Ellen Francisco';
    text-transform: uppercase;
	/*max-width: 320px;*/
	max-width:340px;
	width: 100%;
	text-align:left;
}
#home-header h1 strong {
	font-family: 'Sue Ellen Francisco';
    /*font-weight: initial;*/
    /*font-size: 2em;*/
    font-size:1.4em;
	vertical-align: text-top;
	font-weight: 900;
}
#home-header h1 span{
	display:inline-block;
	padding-left:30px;
}
.homeh1{
	margin: 20px;
}
#backdown {
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	z-index: 3;
	width: 300px;
	height: 68px;
}

#backdown > figure {
	position: absolute;
	width: 30px;
	top: 55%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
}
#backdown > figure .scrolldown {
	-webkit-animation: scrollDown 1.2s linear infinite;
	        animation: scrollDown 1.2s linear infinite;
}
@-webkit-keyframes  scrollDown {
	0% {
		-webkit-transform: translate3d(0, -80%, 0);
		        transform: translate3d(0, -80%, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 0%, 0);
		        transform: translate3d(0, 0%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, -80%, 0);
		        transform: translate3d(0, -80%, 0);
	}
}
@keyframes  scrollDown {
	0% {
		-webkit-transform: translate3d(0, -80%, 0);
		        transform: translate3d(0, -80%, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 0%, 0);
		        transform: translate3d(0, 0%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, -80%, 0);
		        transform: translate3d(0, -80%, 0);
	}
}

/****************************************************
****************** SEARCH MODAL *******************
***************************************************/
#search-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    transition: all .5s ease-in-out;
    /* background-color: rgba(255,255,255,.9); */
	background-image: url(images/background-dej-menu.jpg);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
#search-modal .close-modal {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 50px;
	color: #000;
	background-color: transparent;
	border: none;
	cursor: pointer;
}
#search-modal .modal-content {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	max-width: 925px;
	background-color: #fff;
	padding: 28px 30px;
	border-radius: 10px;
	box-shadow: 0 4px 50px rgba(0,0,0,.1);
}
#search-modal .searchbar {
	position: relative;
	display: flex;
	margin: 0;
	padding: 0;
	flex-shrink: 0;
	border-bottom: 1px solid grey;
	width: 100%;
}
#search-modal .searchbar #search-icon {
	width: 50px;
	margin: 0 0 0 15px;
	padding: 0.5rem;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff;
}
#search-modal .searchbar #search-icon:hover {
	color: green;
}
#search-modal .searchbar #search-icon i {
	width: 20px;
	font-size: 1.1rem;
	transition: .3s;
}
#search-modal .searchbar #search-box {
	flex-grow: 1;
	flex-shrink: 0;
	margin: 0;
	padding: 0.5rem 0;
	transition: all 0.2s ease-in-out;
	background-color: #fff;
	height: 50px;
	border: none;
	/* font-family: $font-family-primary; */
	font-size: 1.3rem;
}
#search-modal.active {
	display: block;
}
#search-modal.visuallyhidden {
	opacity: 0;
}
#search-modal.hidden {
	display: none;
}
#search-icon {
	cursor: pointer;
}
  

/* PAS DE SCROLL QUAND LE MENU/LA MODAL EST OUVERT */
html.modal-open {
    overflow: hidden !important;
}

/****************************************************
********************************************** GLOBAL
***************************************************/
.green-light {
	color:#84bc56;
}
.green {
	color:#114d1f;
}
.brown-light {
	color:#85513b;
}
.white {
	color:#FFFFFF;
}
.upper {
	text-transform:uppercase;
}
.bigtitle {
	font-size: 4em;
}
.section-title {
	margin: 0 auto;
	margin-top: 3em;
	margin-bottom: 3em;
}
.tags {
	background: #114d1f;
	padding: 10px 20px;
	color: #FFFFFF;
	display: inline-block;
	 font-family: 'Sue Ellen Francisco';
    text-transform: uppercase;
	font-size: 1.3em;
	margin-right: 20px;
	margin-bottom: 20px;
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
.tags--color-green {
	background: #114d1f;
	color: #FFFFFF;
}
.tags--type-filter {
	background:#114d1f;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #FFFFFF;
	padding: 10px 20px;
	 font-family: 'Sue Ellen Francisco';
    text-transform: uppercase;
    font-size: 1.2em;
	margin-right: 20px;
	display:inline-block;
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	position:relative;
	margin-bottom: 0;
}
.tags--type-filter[data-value="nouveautes"],
.tags--type-filter[data-value="sans-gluten"],
.tags--type-filter[data-value="promotions"],
.tags--type-filter[data-value="sans-sucres"]
 {
	background:#84bc56;
}
.tags--type-filter span {
	background: #FFFFFF;
	border-radius: 50px;
	width: 25px;
	display: inline-block;
	height: 25px;
	color: #114d1f;
	position: absolute;
	bottom: -10px;
	right: -10px;
	line-height: 1.4;
}
.tags:hover {
	text-underline:none;
	color:initial;	
}
.tags--color-green:hover {
	color:#FFFFFF;
}

.tags--type-filter:hover {
	color:#114d1f;
	background:#FFFFFF;
}
.tags--type-filter.selected {
	background: #FFFFFF;
	text-underline:none;
	color: #114d1f;
}

.tags--color-beige {
	padding: 12px;
	border: 3px solid #e3ddd1;
	color: #114d1f;
	height: 100%;
	 font-family: 'Sue Ellen Francisco';
    text-transform: uppercase;
	font-size: 1.2em;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	background:#FFFFFF;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.tags--color-beige:hover {
	text-decoration:none;
	color: #FFFFFF;
}
.tags--color-beige:before {
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:0;
	height:100%;
	background:#114d1f;	
	color: #e3ddd1;
	-webkit-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
}
.tags--color-beige:hover:before {
	width:100%;
	right:initial;
	left:0;	
	z-index:-1;
	color: #e3ddd1;
}

a:hover {
	text-decoration:none;
}
.cta-bt,
#home-slider .cta-bt {
	background: #114d1f;
	color: #FFFFFF;
	 font-family: 'Sue Ellen Francisco';
    text-transform: uppercase;
	font-size: 1.5em;
	padding: 10px 22px;
	display: inline-block;
	margin-top: 2em;
	-webkit-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	border:2px solid #114d1f;
	position:relative;
	overflow:hidden;
	z-index:2;
}
.cta-bt:before {
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:0;
	height:100%;
	background:#FFFFFF;	
	-webkit-transition:all 0.4s;	
	-o-transition:all 0.4s;	
	transition:all 0.4s;
}
.cta-bt:hover:before {
	width:100%;
	right:initial;
	left:0;	
	z-index:-1;
}
.cta-bt:hover,
#home-slider .cta-bt:hover {
	color:#114d1f;
	border:2px solid #114d1f;
}
.cta-bt--color-white,
#home-slider .cta-bt--color-white {
	background:#FFFFFF;
	color:#114d1f;
}
.cta-bt--color-white:before {
	background:#114d1f;	
}
.cta-bt--color-white:hover,
#home-slider .cta-bt--color-white:hover {
	color:#FFFFFF;	
}
.fontblack {
	 font-family: 'Sue Ellen Francisco';
}
.fontbold {
	 font-family: 'Sue Ellen Francisco';
}
.fontlight {
	font-family:"AkrobatLight";
}

.separator {
	width:100%;
	height:4px;
	background:url(images/svg/separator.svg);
	background-repeat:no-repeat;
	background-size: cover;
}
.textLeft {
	text-align:left;
}
.textRight {
	text-align:right;
}
.headTitle {
	margin-bottom:3em;
}

/*********** COOKIES  ***************************/
.ch2-deny-all-btn {
	font-size: 12px !important;
	padding: 12px 15px !important;
}
.ch2-allow-all-btn {
	width: auto !important;
	font-size: 14px !important;
}

/****************************************************
********************************************** HOME
***************************************************/
#page {
	line-height: 1;
}
/* HOME SLIDER */
#home-slider {
	height: 90vh;
	height: 90dvh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	position:relative;
}
#home-slider .owl-carousel {
	height: 90vh;
	height: 90dvh;
}
#home-slider .bloc-product-slider {
	height: 90vh;
	height: 90dvh;
	padding-top: 130px;
  	padding-bottom: 100px;
}
#home-slider .bloc-product {
	padding: 0 25px;
	position: relative;
}
#home-slider .bloc-product .content-bloc-product {
	background-color: #fff;
	padding: 60px 20px 20px 20px;
	width: 100%;
}
#home-slider .bloc-product .content-bloc-product .flex-content {
	display: flex;
	align-items: center;
}
#home-slider .bloc-product .content-bloc-product .flex-content .text-product {
	text-align: left;
}
#home-slider .bloc-product .content-bloc-product .flex-content .img-product {
	width: 120px;
	flex-shrink: 0;
	position: relative;
	margin-right: 10px;
}
#home-slider .bloc-product .sur-titre {
	background-image: url(images/svg/encart-vert.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 10px;
	width: 110%;
	margin: 0 auto;
	color: #fff;
	font-size: 2em;
	font-family: 'Sue Ellen Francisco';
	font-weight: 700;
	text-align: center;
	margin: 0;
	line-height: 1.4;
	position: relative;
	left: 50%;
	transform: translate(-50%, 50%);
}
@media screen and (max-width: 991px) {
	#home-slider .bloc-product .content-bloc-product .flex-content .img-product {
		width: 100px;
	}
	#home-slider .bloc-product .sur-titre {
		width: 105%;
	}
}
#home-slider .bloc-product .titre {
	font-family: 'blizza';
	line-height: 1;
}
#home-slider .bloc-product .sous-titre {
	font-family: 'blizza';
	line-height: 1;
	margin-top: 10px;
  	font-size: 1.4em;
}
#home-slider .bloc-product .texte {
	font-family: 'Adobe Caslon Pro';
	line-height: 1;
	margin-top: 20px;
	margin-bottom: 0;
}
#home-slider .bloc-product .content-bloc-product .buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
	margin-top: 20px;
}
@media screen and (max-width: 991px) {
	#home-slider .bloc-product .content-bloc-product .buttons {
		justify-content: center;
	}
}
#home-slider .bloc-product .cta-bt {
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
	height: 100%;
	padding: 10px 22px;
}
#home-slider .bloc-product .cta-bt.buy-now.loading {
	padding-right: 2.618em;
}
#home-slider .bloc-product .added_to_cart {
	display: none;
}

@media screen and (max-width: 576px) {
	#home-slider .bloc-product .buttons > div,
	#home-slider .bloc-product .buttons > a,
	#home-slider .bloc-product .buttons .cta-bt {
		display: block;
		width: 100%;
	}
}

#home-slider .owl-nav .owl-next, #home-slider .owl-nav .owl-prev {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: rotate(-90deg) translateX(-50%);
}
#home-slider .owl-nav .owl-prev {
	left: -10px;
}
#home-slider .owl-nav .owl-next {
	right: -10px;
}

#home-slider .owl-nav .owl-next::before, #home-slider .owl-nav .owl-prev::before {
	color: #fff;
	font-family: 'font-awesome';
  	font-size: 2em;
}
#home-slider .owl-nav .owl-prev::before {
	content: '\f106';
}
#home-slider .owl-nav .owl-next::before {
	content: '\f107';
}
.owl-nav .owl-next span, .owl-nav .owl-prev span {
	display: none;
}

#home-slider .owl-nav {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#home-slider .menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 90%;
	margin: 0 auto;
	position: absolute;
	bottom: 2em;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

/* Featured products */
#featured-products {
	padding: 2em 0 2em;
	position:relative;
	z-index: 5;
}

#biologique {
	padding: 3em 0 5em;
	position:relative;
	z-index: 5;
}
.headbio {
	width: 100%;
	margin: 0 auto;
}
.headbio .edito {
	background-image: url(images/svg/encart-vert.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 2em;
	width: inherit;
	margin: 0 auto;
	color: #fff;
}
.headbio .edito p strong {
	color: #84bc56;
}
.headbio > div {
	text-align: left;
}
.headbio > div:last-child p {
	font-size: 2.4em;
	font-family: 'Sue Ellen Francisco';
	font-weight: 700;
	text-align: center;
	margin: 0;
	line-height: 1.6;
}
.headbio > div h2 {
	font-size:5em;
	line-height: 1;
}
.headbio > div h2 strong {
	display:block;
	 font-family: 'Sue Ellen Francisco';
}

.logoab > div img {
	width: 220px;
}
.focus {
	margin-top: 4em;
	position:relative;
	max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}
.focus > div {
	padding:2em;
	position:relative;
}
.focus > div:after {
	content:'';
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
	height:20px;
	background:url(images/svg/borderbottom_02.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 310px;
}
.focus > div:nth-child(1):after{
	background:url(images/svg/borderbottom_01.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 310px;
}
.focus > div:nth-child(2):after{
	background:url(images/svg/borderbottom_03.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 310px;
}
.focus > div:nth-child(3):after{
	background:url(images/svg/borderbottom_02.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 310px;
}
.focus > div:nth-child(4):after {
	background:url(images/svg/borderbottom_04.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 310px;
}
.focus > div h3 {
	font-size: 2.2em;
	margin-bottom: 0.5em;
}
.focus > div span {
	width: 250px;
	height: 250px;
	display: block;
	position:relative;
}
.focus > div img {
	width: auto;
	height: auto;
	max-height: 190px;
	max-width: 220px;
	margin-bottom: 2em;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.tooltip__shape path {
	fill: #84bc56;
}
.logoab {
	margin-top: 3em;
}
#biologique .focus p {
	color:#a4a4a4;
	font-size: 1.2em;
	font-family: 'TradeLT';
}
.item-parallax {
	position: relative;
	z-index: 50;
	pointer-events: none;
	cursor: none;
}
.item-parallax > .item-right {
	position: absolute;
	right: -40px;
}
/*.item-parallax > .item-right.under {
	top: calc(100vh - -40vh);
}*/
.item-parallax > img.item-left {
	position: absolute;
	left: -20px;
}
.item-parallax > .item-left.cajou {
	left:100px;	
}


#bandbio {
	background:url(images/background_biologique.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:370px;
	position:relative;
}
#bandbio > div {
	height:100%;
	position:relative;
}
#bandbio > div p {
	color: #FFFFFF;
	font-size: 2.5em;
	line-height:1;
	 font-family: 'Sue Ellen Francisco';
}
#bandbio p strong {
	font-size: 1.8em;
	 font-family: 'Sue Ellen Francisco';
}
#bandbio p span {
	font-size: 1.8em;
	 font-family: 'Sue Ellen Francisco';
	color:#fff200;
}


#savoirfaire {
	padding:2em 0;
	position:relative;
}
#savoirfaire h2.bigtitle {
	position:relative;
	display: inline-block;
	font-size: 5em;
}
#savoirfaire h2.bigtitle::before {
    content: '';
    position: absolute;
    left: -60px;
    top: 40px;
    width: 45px;
    height: 120px;
    background: url(images/svg/arrow_news.svg);
    background-repeat: no-repeat;
    background-size: initial;
    background-position: top left;
}
#savoirfaire > .container > div:first-child {
	margin-bottom: 190px;
}
#savoirfaire .container > div:first-child h3 {
	font-size: 2.5em;
}
#savoirfaire .etapes > div {
	min-height: 960px;
	padding: 0 2em;
	font-size: 1.2em;
	text-align: left;
}
#savoirfaire .etapes img {
	max-width: 290px;
	max-height: 200px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 2em;
}
#savoirfaire .etapes > .central img {
	max-height: initial;
}
#savoirfaire .etapes h3 {
	font-size: 2.5em;
	margin-bottom: 0.3em;
	
}
#savoirfaire .etapes h4 {
	margin-bottom: 1.2em;
    font-size: 1em;
    line-height: 0.8;
	font-family: 'TradeLT';
	line-height: 1.1;
}
#savoirfaire .etapes > div:first-child {
	padding-top: 14em;
}
#savoirfaire .etapes > div:last-child {
	padding-top: 16em;
}
#savoirfaire .central {
	background: #fcefdd;
}
#savoirfaire .central img {
	text-align: center;
	margin: 0 auto;
	width: 700px;
	position: relative;
	left: 50%;
	margin-top: -250px;
	margin-bottom: 20px;
	transform: translateX(-50%);
	max-width: initial;
}
.focus-product {
	display: block;
	margin: 4em 0;
}
.focus-product > div {
	margin-top: -220px;
}
.focus-product div img {
	width:100%;
	max-width: 850px;
}
.focus-product p {
	margin: 2em 0;
	 font-family: 'Adobe Caslon Pro';
	font-weight: initial;
	font-size: 1.2em;
	display: block;
}
.focus-product ul {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 auto;
	max-width: 960px;
}
.focus-product ul li {
	margin: 5px 10px;
}
.focus-product ul a.tags {
	margin-right: 0;
}

#petitdej {
	min-height:750px;
	background:url(images/background_white_wood.jpg);
	position:relative;
	overflow: hidden;
	padding-bottom: 4em;
}
#petitdej h3 {
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 5;
	text-align: left;
	line-height: 1.2;
}
#petitdej h3 span {
	font-size: 0.6em;
	display: block;
}
#petitdej a.cta-bt {
	position: absolute;
	right: 2%;
	top: 0%;
	z-index: 5;
}
button {
	background: transparent;
	border: initial;
	width: initial;
	padding: initial;
	cursor:pointer;
}
#tag-profil {
	position: absolute;
	top: 35%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: 5;
	width: 90%;
}
#tag-profil button {
	list-style:none;	
	border: 0;
}
.tags--color-white {
	background:#FFFFFF;
	color:#114d1f;	
	border: 0;
}
#tag-profil button.active .tags--color-white{
	background:#114d1f;
	color:#FFFFFF;	
	border: 0;
	font-size: 1.5em;
}

.navigation-dej img {
	max-width: initial;
	height: auto;
}
.video-dej {
	width: 98%;
	height: 450px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	margin-bottom: 16px;
}
.video-dej:before {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	    -ms-transform:translate(-50%, -50%);
	        transform:translate(-50%, -50%);
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.10);
	z-index: 1;
}
.video-dej video {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	    -ms-transform:translate(-50%, -50%);
	        transform:translate(-50%, -50%);	
	width: 100%;
	height: auto;
}
#dejcarousel {
	background:url(images/background_wood-2.jpg);	
	background-position: top center;
	background-size: cover;
}
#dejcarousel .owl-stage-outer {
	overflow:initial;	
}
#dejcarousel .owl-item {
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;	
}
#dejcarousel .owl-item.active + .owl-item.active {
	-webkit-transform: scale(1.35);
	    -ms-transform: scale(1.35);
	        transform: scale(1.35);
}
#dejcarousel .owl-item.active + .owl-item.active + .owl-item.active {
	-webkit-transform:initial;
	    -ms-transform:initial;
	        transform:initial;
}
.over-action span {
	font-size: 13px;
}
.navigation-dej {
	position: relative;
}
.over-action a {
	position: absolute;
	top: 70%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background: #114d1f;
	color: #FFFFFF;
	padding: 10px 20px;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 0;
	 font-family: 'Sue Ellen Francisco';
    text-transform: uppercase;
	/* z-index:999; */
}
#dejcarousel .owl-item.active{
	z-index:999;
}
#dejcarousel .owl-item.active:hover .over-action a {
	top:50%;
	opacity: 1;
}


#dejcarousel .owl-nav {
    /* position: absolute; */
    /* bottom: 0; */
    /* z-index: 5; */
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
	/* top: 50%; */
	/* left: 50%; */
	/* transform: translate(-50%, -50%); */
	/* width: 100%; */
	/* height: 100%; */
}
#dejcarousel .owl-prev, #dejcarousel .owl-next {
    height: 50%;
    width: 45px;
    align-self: center;
	background: #114d1f;
    text-align: center;
    color: #FFFFFF;
    text-indent: -9999px;
    transition: all 250ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#dejcarousel .owl-prev {
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	position: absolute;
}
#dejcarousel .owl-next {
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	position: absolute;
}

#dejcarousel .owl-nav > div.owl-prev::after {
    background: url(images/svg/arrow-left.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center center;
}
#dejcarousel .owl-nav > div::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 100px;
}
#dejcarousel .owl-nav > div.owl-next::after {
    background: url(images/svg/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center center;
}




#blog {
	z-index: 5;
	position: relative;
}
#blog .item-parallax {
	z-index:-1;
}
#blog figure {
	height: 350px;
	max-width: 450px;
	margin: 0 auto;
	background: silver;
	border-radius:2px;
	overflow:hidden;
	position:relative;
}
#blog figure:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0%;
	background:rgba(0,0,0,0.5);	
	z-index: 2;
	-webkit-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
}
#blog figure:after {
	content: 'Voir l\'article';
	position: absolute;
	top: -50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	-webkit-transition:all 0.45s 0.1s ease-out;
	-o-transition:all 0.45s 0.1s ease-out;
	transition:all 0.45s 0.1s ease-out;
	z-index:5;
	color: #FFFFFF;
	font-size: 3vmin;
	 font-family: 'Sue Ellen Francisco';
	text-align: center;
}
#blog figure:hover:after {
	top:50%;	
}
#blog figure:hover:before {
	height:100%;	
}
#blog figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	object-fit: cover;
	width: 460px;
	height: 400px;
}
#blog .right figure img {
	height: 250px;
}
#blog .dater-blog {
	margin-top: 1em;
}
#blog .dater-blog span {
	color: #eb2826;
    text-align: left;
     font-family: 'Sue Ellen Francisco';
    text-transform: uppercase;
    font-size: 1.4em;
}
#blog .first-article {
	-webkit-transform: rotate(-7deg);
	    -ms-transform: rotate(-7deg);
	        transform: rotate(-7deg);
	z-index: 5;
}
#blog .first-article p {
	font-size: 1.5em;
	font-family: 'TradeLT';
}
#blog article p {
	font-size: 1.2em;
	font-family: 'TradeLT';
}
#blog .facebook figure {
	height: 120px;
	background: #3b5998;
	width: 100%;
	max-width: 100%;
	margin-top: 25px;
	position: relative;
}
#blog .facebook figure.insta-count {
	background: #e1306c;
}
#blog .facebook figure:before, #blog .facebook figure:after {
	content:none;
}
#blog .facebook figure p {
	position: absolute;
	top: 50%;
	right: 15%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	font-size: 1.5em;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	 font-family: 'Sue Ellen Francisco';
    text-transform: uppercase;
}
#blog .facebook figure span {
	color: #FFFFFF;
	font-family: 'TradeBold';
    text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 15%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	font-size: 1.5em;
}
#blog .facebook figure .fb-like {
	position: absolute;
	top: 50%;
	left: 40px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	text-align: right;
	color: #FFFFFF;
	font-size: 3em;
	font-family: 'TradeBold';
    text-transform: uppercase;
}
#blog .facebook figure .fb-like span, #blog .facebook figure .fb-like iframe{
	width:120px !important;
	height:28px !important;
	vertical-align:middle !important;
	display:block !important;
}
#blog .facebook figure span font {
	display: none;
}
#blog .facebook figure span.like {
	position: absolute;
	top: -150%;
	right: 25px;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	left: initial;
	max-width: 50px;
	width: 50px;
	height: 50px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#blog .facebook figure span.like img {
	width: 50px;
	height: 50px;
}
#blog .facebook figure:hover p {
	top: 200%;
}
#blog .facebook figure:hover span.like {
	top: 50%;
}
#blog h3 {
	text-align: left;
	position:relative;
}
#blog h3:before {
	content: '';
	position: absolute;
	left: -40px;
	top: 40px;
	width: 45px;
	height: 120px;
	background: url(images/svg/arrow_news.svg);
	background-repeat: no-repeat;
	background-size: initial;
	background-position: top left;
}
#blog .social {
	float:right;
}
/* Smaug */
#blog .social .tooltip--smaug .tooltip__base {
	bottom: -0.5em;
	transform-origin: 50% 100%;
	-webkit-transform: translateY(-80%) rotate(0deg) !important;
	    -ms-transform: translateY(-80%) rotate(0deg) !important;
	        transform: translateY(-80%) rotate(0deg) !important;
}
/* Dori */
#blog .social .tooltip--dori .tooltip__base {
	-webkit-transform: translateY(-80%) !important;
	    -ms-transform: translateY(-80%) !important;
	        transform: translateY(-80%) !important;
}


#blog .social li {
	width: 65px;
	height: 65px;
	border-radius: 50px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}
#blog .social li img {
	width: 50px;
}
#blog > .container > .row {
	margin-bottom: 3em;
}
#blog > .container > .row > .col-lg-12 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
#blog article {
	background: #FFFFFF;
	padding: 1em;
	-webkit-box-shadow: 0px 0px 5px silver;
	        box-shadow: 0px 0px 5px silver;
	text-align: left;
}
#blog .right article {
}
#blog .right article figure {
	height: 185px;
}
.item-400 {
	max-width: 400px;
	max-height: 260px;
}

#where {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	min-height: 400px;
	margin-top: 4em;
}
.instagram {
	background: #e7e5e6;
	width: 50%;
}
.yellow-map {
	background-color: #fcefdd;
	background-image:url(images/background-where_2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	width: 50%;
	position:relative;
	transition: background-size 5.5s ease-out;
	-moz-transition: background-size 5.5s ease-out;
	-ms-transition: background-size 5.5s ease-out;
	-o-transition: background-size 5.5s ease-out;
	-webkit-transition: background-size 5.5s ease-out;
}
.yellow-map:hover {
	background-size: 140%;
}
.yellow-map > div {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.yellow-map p {
	font-family: 'TradeBold';
	font-size: 2.5em;
	line-height:1;
}
.yellow-map p span {
	display: block;
	font-size: 1.4em;
	margin-bottom: 12px;
}



/****************************************************
********************************************** SINGLE BLOG
***************************************************/
.single .rightpart header h1 {
	text-align: center;
	width: initial;
	display: block;
}
.content-blog {
	max-width: 80%;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2em;
}
.content-blog p {
	margin-bottom: 1em;
	font-size: 1.2em;
}
.content-blog h2 {
	color: #114d1f;
	line-height: 1;
	margin-bottom: 1em;
	margin-top: 15px;
}
.content-blog h3 {
	color: #114d1f;
	line-height: 1;
	margin-bottom: 1em;
	margin-top: 15px;
	font-size: 1.8em;
}
.content-blog h4 {
	color: #114d1f;
	line-height: 1;
	margin-bottom: 1em;
	margin-top: 15px;
	font-size: 1.5em;
}
.content-blog blockquote {
	text-align: center;
	font-weight: bold;
	margin: 1em 0;
}

.imageblog {
	margin-bottom: 2em;
}
.imageblog img {
	max-width: 550px;
	height: auto;
	width: 100%;
	background: #FFFFFF;
	padding: 1em;
	-webkit-box-shadow: 0px 0px 5px silver;
	        box-shadow: 0px 0px 5px silver;
	text-align: left;
}
.postblognav {
	text-align: center;
	background: #114d1f;
	padding: 1em 0;
}
.postblognav h3 {
	color: #FFFFFF;
	margin-bottom: 1em;
}
.postblognav a {
	margin-bottom: 0;
}


/****************************************************
********************************************** QUI SOMMES NOUS
***************************************************/
.contain-societe {
	padding: 0 5em;
	max-width: 1180px;
	margin: 0 auto;
}
.contain-societe.leftpart, .photo-histoire.rightpart {
	padding-top: 30px;
}
.contain-societe.leftpart{
	padding-top:0;
	width:70%;
}
.photo-histoire.rightpart {
	width:30%;
}
.contain-societe .separator {
	margin-bottom: 3em;
}
.item-societe {
	margin: 0 auto;
	text-align: left;
}
.item-societe .col-lg-6 >  span {
	color: #a4a4a4;
	font-size: 1.5em;
	margin-bottom: 1em;
	display: block;
}
.item-visuel {
	margin: 0 auto;
	text-align: center;
}
.desc-societe {
	padding-bottom: 3em;
}
/* Partie biologique */
.biologique .desc-societe {
	padding-bottom: 0;
	max-width: 1100px;
	margin: 0 auto 2em auto;
}
.biologique .content-desc-societe {
	width:80%;
	margin: 0 auto;
	background-color: #f7ebde;
	padding: 80px 20px;
}
.bio_p {
	position: relative;
	color: #114d1f;
}
.bio_p p strong {
	text-transform: uppercase;
	font-size: 1.2em;
	font-family: 'Sue Ellen Francisco';
}
.bio_p_1 {
	margin-left: 40px;
}
.bio_p_1 img {
	position: absolute;
	left: -120px;
}
.bio_p_2 img {
	position: relative;
	top: -10px;
}
.bio_p_2 {
	margin-left: 60px;
}
.bio_p_3 img {
	position: absolute;
	left: -200px;
}
.bio_p_3 {
	margin-left: 100px;
}

/* Highlight */
.biologique .highlight {
	background-image: url(images/svg/encart-vert.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 20px 40px;
	width: inherit;
	margin: 0 auto;
	color: #fff;
	transform: rotate(-2deg) translateY(-15%);
}
.biologique .entete {
	position: relative;
	width:90%;
	transform: rotate(-2deg) translateY(15%);
}
.biologique .entete img {
	position: absolute;
	right: -120px;
	top: 41px;
}
.biologique .highlight h3 {
	color:#fff;
	margin:0;
}
.biologique .highlight p strong, .biologique .highlight h3 strong {
	color: #84bc56;
}
.biologique img {
	max-width: 200px;
	max-height: 150px;
}
.biologique .bio_p {
	display: flex;
	align-items: center;
}
.img-transparence {
	margin-top: 10px;
	width: 100%;
	text-align: center;
}
.histoire {
	text-align: center;
	margin-top: 5em;
}
.desc-societe h3 {
	color: #114d1f;
	font-size: 3em;
}
.desc-societe p {
	font-size: 1.15em;
}
.cereales .desc-societe h3, .transparence .desc-societe h3, .histoire .desc-societe h3 {
	font-family: 'blizza';
}
.cereales .desc-societe p em{
	font-size:.8em;
	font-style:italic;
}
.desc-societe p a{
	color: #114d1f;
	text-decoration:underline;
}
.desc-societe span {
	color: #114d1f;
    font-size: 2.5em;
    margin-bottom: 1.5em;
    display: block;
	 font-family: 'Sue Ellen Francisco';
}
.desc-societe h3 {
	color: #114d1f;
	font-size: 2.5em;
	font-family: 'Sue Ellen Francisco';
	margin-bottom: 1em;
	margin-top:.5em;
}
.desc-societe img {
	width: inherit;
}
.desc-societe .logos_cereales{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.desc-societe .logos_cereales li{
	margin:10px 25px 10px 0;
}
.desc-societe .logos_cereales li img{
	display:block;
	max-width:150px;
	max-height:150px;
	border:none;
	height:auto;
	width:100%;
}
.transparence .desc-societe img {
	max-height: 150px;
}
.item-photo-societe {
	width: 100%;
	margin: 0 auto;
	margin-top: 5em;
}
.item-photo-societe h3 {
	color: #114d1f;
	font-size: 3em;
	margin-bottom: 0.5em;
}
.leftpart figure.item-photo-societe img {
	width: 80%;
	max-height: none;
	max-width: 900px;
}
.photo-histoire.rightpart {
	margin-top: 1em;
}
.photo-histoire .pola {
	max-width: 350px;
	background: #FFFFFF;
	padding: 15px 15px 50px 15px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	        box-shadow: 0 0 10px rgba(0,0,0,0.5);
	width: 100%;
	display: block !important;
	position: relative;
	margin: 0 auto;
	margin-bottom: 2em;
	-webkit-transform: rotate(5deg);
	    -ms-transform: rotate(5deg);
	        transform: rotate(5deg);
}
.photo-histoire .pola:nth-child(odd) {
	-webkit-transform: translateX(-50px) rotate(-5deg);
	    -ms-transform: translateX(-50px) rotate(-5deg);
	        transform: translateX(-50px) rotate(-5deg);
}
.photo-histoire .pola figure {
	width: 100%;
	min-height: 250px;
	position: relative;
	overflow: hidden;
}
.photo-histoire .pola figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	max-height: 250px;
	max-width: initial;
}
.photo-histoire .pola span {
	text-align: center;
	display: block;
	color:#85513b;
    font-size: 1.5em;
     font-family: 'blizza';
}
.photo-histoire video {
	max-width: 90%;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	margin-bottom: 2em;
	background: #FCFCFC;
	padding: 1em 1em 4em;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#video-societe {
	position: relative;
}
#video-societe > span {
	display: block;
	color: #000000;
	position: absolute;
	bottom: 24px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 500;
	font-style: italic;
}


/****************************************************
********************************************** TOOLTIP
***************************************************/
.tooltip {
	position: relative;
	display: inline-block;
	opacity:1;
}

.tooltip__trigger {
	cursor: pointer;
	position: relative;
}

.tooltip__trigger-text {
	display: block;
	padding: 0.85em;
	pointer-events: none;
}

.tooltip__base {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	height: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	opacity: 0;
	pointer-events: none;
}

.tooltip__content {
	color: #000000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 80%;
	padding: 0 1em;
	opacity: 0;
	font-size: 1.2em;
	text-align: center;
}

/* TEST 15/03 pour faire refonctionner le tooltip */
.tooltip .tooltip__trigger:hover ~ .tooltip__base {
	transition: .5s all;
}
.tooltip .tooltip__trigger:hover ~ .tooltip__base, .tooltip .tooltip__trigger:hover ~ .tooltip__base .tooltip__content {
	opacity: 1 !important;
}

.tooltip__shape,
.tooltip__deco {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.tooltip__shape {
	fill: #141514;
}

/* Indivudual styles */

/* Dori */
.tooltip--dori .tooltip__base {
	-webkit-transform: translateY(-70%) !important;
	    -ms-transform: translateY(-70%) !important;
	        transform: translateY(-70%) !important;
}

.tooltip--dori .tooltip__content {
	margin: 0 0 1em;
}

#info-dori, #info-gram, #info-smaug {
	color: #ffffff;
}

/* Smaug */
.tooltip--smaug .tooltip__base {
	bottom: -0.5em;
	transform-origin: 50% 100%;
	-webkit-transform: translateY(-70%) rotate(0deg) !important;
	    -ms-transform: translateY(-70%) rotate(0deg) !important;
	        transform: translateY(-70%) rotate(0deg) !important;
}

.tooltip--smaug .tooltip__content {
	padding: 0;
}


/* Gram */
.tooltip--gram .tooltip__base {
	bottom: -0.5em;
	-webkit-transform: translateY(-70%) !important;
	    -ms-transform: translateY(-70%) !important;
	        transform: translateY(-70%) !important;
}

/****************************************************
********************************************** CATEGORIE PRODUIT
***************************************************/

.texte-seo {
	width: 100%;
	max-width: 1110px;
	display: inline-block;
	text-align: left;
	margin-bottom: 50px;
}

.texte-seo .seo-title {
	text-align: center;
	font-family: 'Sue Ellen Francisco';
	font-size: 4em;
	color: #85513b;
}

.texte-seo .seo-content {
	margin-top: 50px;
	font-size: 1.2em;
	font-family: 'Adobe Caslon Pro';
}

/****************************************************
********************************************** PRODUIT
***************************************************/

body.page-template-page-produit {
	background:url(images/background_white_wood.jpg);
	background-repeat:repeat;
	background-size:100%;
}

.page-template-page-produit .item-parallax {
	top:50vh;	
}
/* #tec-produit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: end;
} */
.row#tec-produit {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: static;
  height: auto;
  margin-bottom: 130px;
}
.row#tec-produit .item-product {
  width:100%;
  max-width: 100%;
  align-self: start;
  margin-bottom: 2em;
  position: static !important;
}
.block-marge {
	/* padding-top: 30vh; */
	padding-top: 200px;
}

.listing-types {
	/*background: #114d1f;*/
	padding: 1em;
	margin-bottom: 2em;
}
.listing-types ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	    -ms-flex-pack:start;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.listing-types ul li {
	margin-bottom: 10px;
	margin-top: 10px;
}
.listing-types li.preSelect {
    padding: 0;
    border: 0;
    width: 200px;
    border-radius: 3px;
    overflow: hidden;
    background: #114d1f;
    background: #114d1f url(images/arrow-select.png) no-repeat 94% 50%;
    margin: 0 15px;
}
.listing-types select {
	 font-family: 'Adobe Caslon Pro';
	background: #114d1f;
	height: 40px;
	margin: 0;
	text-indent: 5px;
	font-size: 1em;
	color: #FFFFFF;
	padding: 5px 8px;
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.listing-types.select-responsive {
	display: none;
}


.loaderImg {
	display:none;	
}
.loaderImg.active {
	display:block;
}
.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          -ms-transform: rotate(45deg);
      transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #114d1f;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          -ms-transform: scale(1.1) rotate(90deg);
      transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          -ms-transform: scale(1.1) rotate(180deg);
      transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          -ms-transform: scale(1.1) rotate(270deg);
      transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}

/****************************************************
********************************************** SINGLE PRODUIT
***************************************************/
.single-product .img-out-stock {
	opacity: .5;
}
.single-product .out-of-stock {
	font-family: 'Sue Ellen Francisco';
	font-size: 1.2em;
	display: inline-block;
	padding: 15px 15px;
	transition: all .3s ease;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #000;
	border: 3px solid #fff;
	border-radius: 40px;
	background: #fff;
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
body.single-produits, body.single-product {
	background: #FFFFFF;
}
.little-scrolldown {
	position: absolute;
    top: 71vh;
    left: 50.5%;
    -webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
    width: 30px;
	z-index: 50;
}	
.single-produits .leftpart, .single-product .leftpart {
	background-color: #f7ebde;
	background:url(images/background_white_wood.jpg);
	background-repeat:repeat;
	background-size:contain;
}
.page-template-page-contact .leftpart {
	background-color:#f7ebde;
}
.leftpart {
	/* background-color:#f7ebde; */
	/* padding-top: 300px; */
	padding-top: 200px;
	position: relative;
}
.leftpart figure img {
	position:relative;
	z-index:3;
	max-width: 320px;
	max-height: 450px;
	width: initial;
	height: initial;
}
.leftpart figure svg {
	position: absolute;
	top: 35%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	z-index: 2;
	max-width: 460px;
	display: none;
}
.leftpart figure .etiquettes {
	margin-top: 2em;
	display:flex;
	justify-content:center;
	align-items: flex-start;
	flex-wrap:wrap;
}
.leftpart figure .etiquettes img {
	max-width:80px;
	width:100%;
	margin: 5px;
}

.leftpart figure .etiquettes .sansgluten{
	position: relative;
	max-width: 80px;
	width: 100%;
	margin: 5px;
}
.leftpart figure .etiquettes .sansgluten img{
	margin: 0;
	margin-bottom: 5px;
}

.leftpart figure .etiquettes .sansgluten .code{
	display:block;
	font-family: Verdana;
    font-size: .9em;
    color: #b61622;
    letter-spacing:-1px;
	width: 100%;
 	text-align: center;
}

.item-para {
	left: 25px;
	position: absolute;
	right: initial;
	max-width: 150px;
	width: initial;
	max-height: 150px;
	height: initial;
	-webkit-filter: blur(2px);
	        filter: blur(2px);
}
.item-para-1 {
	right: 25px;
	left: initial;
	-webkit-filter: blur(2px);
	        filter: blur(2px);
}
.item-para-2 {
	left: 55px;
	right: initial;
	-webkit-filter: blur(5px);
	        filter: blur(5px);
	max-width: 120px;
	max-height: 120px;
}
.item-para-3 {
	right: 45px;
	left: initial;
	top: 50px;
	-webkit-filter: blur(2px);
	        filter: blur(2px);
	max-width: 60px;
	max-height: 60px;
}
.item-para-4 {
	right: 45px;
	left: initial;
	-webkit-filter: blur(6px);
	        filter: blur(6px);
	max-width: 200px;
	max-height: 200px;
}
.item-para-5 {
	left: 0px;
	right: initial;
	-webkit-filter: blur(4px);
	        filter: blur(4px);
	max-width: 80px;
	max-height: 80px;
}
.item-para-6 {
	right: 65px;
	left: initial;
	-webkit-filter: blur(3px);
	        filter: blur(3px);
	max-width: 100px;
	max-height: 100px;
}
.item-para-7 {
	left: 15px;
	right: initial;
	-webkit-filter: blur(2px);
	        filter: blur(2px);
}

.single-produits, .single-product {
	height: auto !important;
}
.single-produits .item-parallax, .single-product .item-parallax {
	position: absolute;
	top: 40%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 100%;
	height: 48%;
}
.single-produits .item-parallax.second-para, .single-product .item-parallax.second-para {
	top: 75%;
}

.single-produits .newproduct, .single-product .newproduct {
	max-width: 70px;
	position: absolute;
	top: -30px;
	z-index: 50;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.single-produits .container-fluid, .single-product .container-fluid {
	padding-right:0;	
}
.single-produits .rightpart > .container, .single-product .rightpart > .container {
	max-width:860px;
	width: 100%;	
	padding: 0 5em 0 2em;
}
.rightpart {
	text-align:left;
	padding: 0;
	/* padding-top: 300px; */
	padding-top: 200px;
}

.rightpart section {
	padding:	2em 0;	
}
.rightpart header h1 {
	font-size: 3.5em;
	 font-family: 'blizza';
	/*max-width: 12ch;*/
	text-align: left;
	margin: initial;
	line-height: 1;
	margin-bottom: 25px;
	display: inline-block;
}
.rightpart .woocommerce-product-rating {
	line-height: inherit;
	margin-top: 10px;
}
.rightpart .woocommerce-product-rating .star-rating {
	margin-top: 0;
}
.rightpart .woocommerce-product-rating .count {
	margin-top: 4px;
}
.sub-product img {
	max-height: 100px;
}
.sub-product img.logo-beef {
	width: auto;
    max-height: 90px;
}
.sub-product {
	display: flex;
	justify-content: center;
    align-items: start;
    flex-wrap: wrap;
}
.sub-product .tags-product {
	width:100%;
	text-align: center;
}
.sub-product .logos-product {
	display: flex;
	align-items: center;
	gap: 10px;
}
.rightpart header p {
	font-size: 1.4em;
	 font-family: 'Adobe Caslon Pro';
	margin-bottom: 1em;
	margin-top: 1em;
}
.rightpart header p strong {
	color:#114d1f;
	 font-family: 'Adobe Caslon Pro';
}
.composition p {
	display: block;
}
.title-section {
	 font-family: 'Sue Ellen Francisco';
	font-size: 2.4em;
	margin-bottom: 20px;
}
.composition p em {
	color:#114d1f;
	margin-bottom:10px;
	margin-top:20px;
}
.focus-produit ul {
	margin-bottom: 1em;
}
.focus-produit ul li {
	display: inline-block;
	margin-right: 20px;
}
.focus-produit ul li img {
	width: initial;
	max-width: 80px;
	max-height: 70px;
	height: initial;	
}
.valeurs {
	 font-family: 'Adobe Caslon Pro';
	font-size: 1.1em;
}
.valeurs > p {
	text-align: right;
	display: block;
	font-size: 1.4em;
	margin-bottom:10px;
	font-family: 'TradeBold';
}
.valeurs .nutriscore img{
	max-width:160px;
}
.valeurs .contain-table > div {
	padding: 10px 10px 0 10px;
	vertical-align: middle;
}
.valeurs .contain-table > div:nth-child(odd) {
	background: #f7ebde;
}
.valeurs .contain-table > div span {
	font-family: 'TradeBold';
}
.valeurs .contain-table > div p {
	text-align: right;
	width: 100%;
	font-family: 'TradeLT';
}
.mapage {
	min-height: 400px;
	width: 100%;
	text-align: center;
}

.recettes .cta-bt {
	margin-top: 10px;
	
}
.recettes figure {
	display: inline-block;
	max-width: 48%;
	vertical-align: middle;
}
.recettes figure img {
	max-width:300px;
	width:100%;
	height:initial;
}
.recettes > div {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.single-product-seo .texte-seo .seo-title {
	font-family: 'Sue Ellen Francisco';
	font-size: 2.4em;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: inherit;
}

.single-product-seo .texte-seo .seo-content {
	font-family: 'Adobe Caslon Pro';
}

.read-more-button {
	margin-top: 10px;
	color: #85513b;
	font-size: 1em;
	font-family: 'Sue Ellen Francisco';
	display: block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	color: #FFFFFF;
	position: relative;
	background: #114d1f;
	padding: 10px;
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
}
.read-more-button:hover {
    color: #FFFFFF;
	background: #84bc56;
}

/* AVIS PRODUITS WOOCOMMERCE */
#reviews h2 {
	font-family: 'Sue Ellen Francisco';
	font-size: 2.4em;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#commentform .comment-form-rating {
	margin-top: 20px;
}
#commentform .comment-form-rating label {
	display: block;
}
#commentform .comment-form-comment {
	width: 100%;
}

/* WOOCOMMERCE STAR RATING */
.woocommerce p.stars a::before {
	content: "\e020";
	color: lightgray;
}
.woocommerce p.stars.selected a.active ~ a::before, .woocommerce p.stars a:hover ~ a::before {
	content: "\e020";
	color: lightgray;
}
.woocommerce p.stars.selected a:not(.active)::before, .woocommerce p.stars.selected a.active::before, .woocommerce p.stars:hover a::before {
	color: #FCC200;
}
.woocommerce .star-rating:before {
	content: "SSSSS";
	color: lightgray;
}
.woocommerce .star-rating span::before {
	content: "SSSSS";
	color: #FCC200;
}

#commentform .form-submit {
	display: block;
}
#commentform .form-submit #submit {
	background: #114d1f;
	color: #FFFFFF;
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
	font-weight: normal;
}

/* PARTIE WOOCOMMERCE */
/* .infos-product {
	text-align: center;
} */
.single-product .rightpart, .single-product .leftpart {
	padding-top: 200px;
}
.single-product .rightpart .tags  {
	padding: 8px 16px;
	background: #85513b;
}
.single-product .rightpart header h1  {
	text-align: left;
	margin-bottom: 0;
	font-size: 3em;
}
.single-product .sub-product {
	justify-content: start;
}
.infos-product .price {
	font-family: 'blizza';
	font-size: 1.8em;
	margin-top: 10px;
	margin-bottom: 20px;
}
.single-product div.product form.cart .quantity {
    float: none;
    margin: 0;
    display: inline-block;
}
.infos-product .quantity input[type="number"]::-webkit-inner-spin-button,
.infos-product .quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
.infos-product .quantity input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
	height: 100%;
	border:0;
	background-color: #FDFDFD;
	width: 48px;
	pointer-events: none;
	margin-top: 0;
}
.infos-product form.cart {
	margin-bottom: 50px;
	display: flex;
	gap: 10px 30px;
  	flex-wrap: wrap;
	/* height: 48px; */
}
.infos-product .select-quantity {
	display: flex;
}
.infos-product .quantity {
	display: inline-block;
	height: 100%;
	vertical-align: text-bottom;
}
.infos-product .minus, .infos-product .plus {
	padding: 10px;
	background: #F1F1F1;
	font-family: 'Sue Ellen Francisco';
	font-size: 1.6em;
	height: 100%;
	width: 48px;
	z-index: 2;
	color: black;
}
.infos-product .plus {
	margin-left: -3px;
	/* margin-right: 30px; */
}
.infos-product form.cart .add_to_cart_button {
	background: #114d1f !important;
	color: #FFFFFF;
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
	font-size: 1.5em;
	/* padding: 10px 22px; */
	display: inline-block;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	border: 2px solid #114d1f;
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.infos-product form.cart .add_to_cart_button:hover {
	color: #114d1f;
	border: 2px solid #114d1f;
	background: #FFFFFF !important;
}
.infos-product .added_to_cart,
#home-slider .bloc-product .added_to_cart {
	height: auto;
	color: #84bc56;
	background: transparent;
	border: 2px solid #84bc56;
	z-index: 5;
	padding: 10px 15px !important;
	font-size: 1.4em;
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
	-webkit-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	font-weight: normal !important;
	border-radius: 3px;
	margin: 0;
}
.infos-product .added_to_cart:hover,
#home-slider .bloc-product .added_to_cart:hover {
	color: #fff;
	background: #84bc56;
	border: 2px solid #84bc56;
}

/* RELATED PRODUCTS */
#related-products {
	/* background-color: #114d1f; */
	/* color: #FFF; */
	padding: 4em 0;
}
#related-products > h2 {
	font-family: 'Sue Ellen Francisco';
	font-size: 2.4em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

/* MON COMPTE */
.woocommerce-MyAccount-navigation ul li {
	margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a {
	color: #85513b;
	font-size: 1.6em;
	font-family: 'Sue Ellen Francisco';
	/* width: 100%; */
	/* height: 100%; */
	display: block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	color: #FFFFFF;
	position: relative;
	background: #114d1f;
	padding: 10px;
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
	background: #84bc56;
}
.woocommerce-account .woocommerce-Address-title {
	position: relative;
}
.woocommerce-account .addresses .title .edit {
	position: absolute;
	right: 0;
	float: none;
	font-size: .9em;
	line-height: 1;
	font-family: 'Sue Ellen Francisco';
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	color: #114d1f;
	background: transparent;
	border: 2px solid #114d1f;
	padding: 3px 8px;
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
}
.woocommerce-account .addresses .title .edit:hover {
	background: #114d1f;
	color: #FFFFFF;
}
.woocommerce table.my_account_orders .button {
	font-family: 'Sue Ellen Francisco';
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	color: #114d1f;
	background: transparent;
	border: 2px solid #114d1f;
	padding: 3px 8px;
	text-transform: uppercase;
}
.woocommerce table.my_account_orders .button.view {
	margin-right: 5px;
}
.woocommerce table.my_account_orders .button:hover {
	background: #114d1f;
	color: #FFFFFF;
}
/* MODAL SWAL2 */
.swal2-popup button {
	font-family: 'Sue Ellen Francisco';
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	color: #114d1f;
	background: transparent;
	border: 2px solid #114d1f;
	padding: 3px 8px;
	text-transform: uppercase;
}
.swal2-popup button:hover {
	background: #114d1f;
	color: #FFFFFF;
}

/****************************************************
********************************************** PETIT DEJEUNER
***************************************************/

.item-dej img {
	max-width: 280px;
	height: auto;
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	width: 100%;
}
.item-dej:hover img {
	-webkit-transform:scale(1.1);
	    -ms-transform:scale(1.1);
	        transform:scale(1.1);
}
#slideDej .owl-item {
	-webkit-transform:scale(0.8);
	    -ms-transform:scale(0.8);
	        transform:scale(0.8);	
	-webkit-transition:all 0.4s ease-out;	
	-o-transition:all 0.4s ease-out;	
	transition:all 0.4s ease-out;	
}
#slideDej .owl-item.active + .owl-item.active {
	-webkit-transform:scale(1.1);
	    -ms-transform:scale(1.1);
	        transform:scale(1.1);
	-webkit-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;	
}
#slideDej .owl-item.active + .owl-item.active + .owl-item.active {
	-webkit-transform:scale(0.8);
	    -ms-transform:scale(0.8);
	        transform:scale(0.8);
}
#slideDej .owl-item img {
	max-width: 100%;
	height: auto;
}
.entete > div {
	/* padding-top:300px; */
	padding-top: 200px;
}
.entete .headTitle {
	position:relative;
	padding: 200px 2em 3em 2em;
	text-align: center;
	margin-bottom:initial;
}
.backwood {
	background-color: #f7ebde;
}
.petitdejeuner .entete .headTitle {
	/* padding-top: 300px; */
	padding-top: 200px;
}
.petitdejeuner .first h3 {
	font-size: 2em;
	 font-family: 'blizza';
	text-align: left;
	margin-bottom: 1em;
}
.title-recipe {
	position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 3em 0;
	overflow: hidden;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-line-pack: center;
	    align-content: center;
}
.caption {
	width: 140px;
	display: inline-block;
	height: 140px;
	margin-left: 20%;
}
.caption-profil {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 50%;
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 2em;
	position: relative;
}
.caption-profil img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	height: 110%;
}
.title-recipe h2 {
	font-size: 3em;
	position: relative;
}
.title-recipe h2:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 110%;
	width: 500%;
	height: 2px;
	background: #114d1f;
}

.product-recipe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
	padding: 3em 0;
}
.item-dej {
	position: relative;
}
.item-dej > h3 a {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background: #114d1f;
	padding: 10px 20px;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #FFFFFF;
	width: 100%;
	display: inline-block;
	text-transform: uppercase;
	max-width: 220px;
}
.petitdejeuner .little-scrolldown {
	top:50vh;
	left:50%;
}
.single-petitdej .rightpart > .container {
    max-width: 860px;
    width: 100%;
    padding: 0 5em 0 2em;
}
.single-petitdej .rightpart header h1 {
	display: block;
}
.rightpart ul {
	padding-left: 1em;
    margin-bottom: 1.5em;
}
.rightpart ul li {
	list-style: none;
	line-height: 1.4;
	position: relative;
	font-size: 1.2em;
	 font-family: 'Adobe Caslon Pro';

}
.rightpart ul li::before {
    content: '';
    position: absolute;
    top: 0%;
    left: -30px;
    width: 25px;
    height: 25px;
    background: url(images/svg/petale.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center center;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.focus-produit ul li:before {
	content: none;
	left: initial;
}
.rightpart .container header li {
	list-style: none;
	font-family: 'TradeBold';
}
.rightpart figure {
	display: inline-block;
}
.rightpart figure img {
	max-width: 120px;
	height: auto;
	max-height: 120px;
	width: initial;
	margin-right: 3em;
}
.lightpart {
	background-color: #f7ebde;
	/* padding-top: 300px; */
	padding-top: 200px;
}
.currentpostnav img {
	max-width: 500px;
	height: auto;
}
.focus-dej {
	padding: 1em;
	margin-bottom: 2em;
}
.focus-dej img {
	max-width: 80px;
    margin-right: 1em;
    height: auto;
    width: initial;
    max-height: 70px;
}
.single-petitdej .rightpart {
	overflow: hidden;
}
.rightpart .container header {
	padding-bottom: 40px;
}
.rightpart .container header span.toptitle {
	font-size: 2em;
	 font-family: 'Sue Ellen Francisco';
	text-align: center;
	display: block;
	color: #85513b;
}
#post-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	background: url(images/background_wood-2.jpg);
	background-repeat: no-repeat;
	background-position: top 60px center;
	min-height: 360px;
	position: relative;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-size: cover;
}
#post-nav > h3 {
	font-size: 2.6em;
	text-align: center;
}
.prevpostnav, .nextpostnav {
	-webkit-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	        transform: scale(0.7);
	margin: 0 auto;
	width: 50%;
}
#post-nav > div span a img {
	max-width: 400px;
	height: auto;
}
.next-arrow {
	position: absolute;
	top: 50%;
	right: 0;
	background-color: #FFFFFF;
	background-image: url(images/svg/next.svg);
	background-size: 15px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.prev-arrow {
	position: absolute;
	top: 50%;
	left: 0;
	background-color: #FFFFFF;
	background-image: url(images/svg/prev.svg);
	background-size: 15px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.tags--color-yellow {
	background: #fff200;
	color: #114d1f;
	margin-top: 1em;
	margin-left: 1em;
	cursor:pointer;
}
#carousel-nav-recette .owl-prev {
	position: absolute;
	text-indent: -9999px;
	top: 55%;
	left: 0;
	background-color: #FFFFFF;
	background-image: url(images/svg/prev.svg);
	background-size: 15px;
	background-position: center center;
	transition: all 0.3s ease-out;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#carousel-nav-recette .owl-next {
	position: absolute;
	text-indent: -9999px;
	top: 55%;
	right: 0;
	background-color: #FFFFFF;
	background-image: url(images/svg/next.svg);
	background-size: 15px;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.3s ease-out;
	width: 50px;
	height: 50px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#carousel-nav-recette .owl-prev:hover {
	background: #114d1f;
	background-image: url(images/svg/prev_white.svg);
	background-size: 15px;
	background-position: center center;
	background-repeat: no-repeat;
}
#carousel-nav-recette .owl-next:hover {
	background: #114d1f;
	background-image: url(images/svg/next_white.svg);
	background-size: 15px;
	background-position: center center;
	background-repeat: no-repeat;
}


#carousel-nav-recette {
	background: url(images/background_wood-2.jpg);
	background-repeat: no-repeat;
	background-position: top 30px center;
	padding-top: 70px;
	padding-bottom: 50px;
	position: relative;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-size: cover;
}
#carousel-nav-recette .owl-stage-outer {
	position: relative;
	top: 30% !important;
}
#carousel-nav-recette .owl-item {
	width: 100%;
}
#carousel-nav-recette .owl-item article {
	max-width: 100%;
	position: relative;
}
#carousel-nav-recette .item img {
	max-width: 100%;
	max-height: 100%;
	width: initial;
	height: initial;
}
#carousel-nav-recette .over-action {
	text-align: center;
}
#carousel-nav-recette .item:hover .over-action a {
	top: 50%;
	opacity: 1;
}
#carousel-recette > h3 {
	text-align: center;
	font-size: 2.5em;
}


.single-petitdej .item-parallax {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 48%;
}
.single-petitdej .item-parallax.second-para {
    top: 75%;
}


.goback {
	background: #114d1f;
	padding: 2em 0;
	color: #FFFFFF;
	 font-family: 'Sue Ellen Francisco';
	font-size: 1.6em;
	text-transform: uppercase;
}

/****************************************************
********************************************** PAGE ENGAGEMENT
***************************************************/

/* .page-template-page-engagement h1 {
	margin-bottom: 50px;
} */
.page-template-page-engagement h2 {
	margin-bottom: 20px;
}
.page-template-page-engagement p {
	font-size: 1.2em;
}
.page-template-page-engagement .bio_equitable .toppart {
	padding: 0 50px;
}
.page-template-page-engagement .bio_equitable .leftpart {
	padding: 100px 0 100px;
	text-align: left;
}
.page-template-page-engagement .bio_equitable .rightpart {
	padding: 100px 50px 100px;
}
/* Nutrition */
.page-template-page-engagement .nutrition {
	position: relative;
}
.page-template-page-engagement .nutrition .logo-nutrition {
	position:absolute;
	top:-80px;
	left:25%;
	transform:translateX(-50%);
	z-index:2;
}
.page-template-page-engagement .nutrition .leftpart, .page-template-page-engagement .nutrition .rightpart {
	padding: 100px 50px 100px;
}
.page-template-page-engagement .nutrition .leftpart p {
	text-align: left;
}
.page-template-page-engagement .nutrition .leftpart .logo-nutrition {
	width:150px;
	display:block;
	position:absolute;
	top:-50px;
	left:50%;
	transform:translateX(-50%);
	z-index:2;
}
.page-template-page-engagement .nutrition .rightpart {
	text-align: center;
}
/* Planet-Score */
.page-template-page-engagement .planet_score .leftpart {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: left;
}
.page-template-page-engagement .planet_score .rightpart {
	padding: 100px 50px 100px;
}
/* Terres, fleurs et céréales */
.page-template-page-engagement .terres-fleurs-cereales .leftpart{
	padding:100px 0 100px 0;
	display:flex;
	flex-direction: column;
	align-items: center;
}

.page-template-page-engagement .terres-fleurs-cereales .rightpart .video-engagement{
	position:relative;
	margin:0 auto;
}

.page-template-page-engagement .terres-fleurs-cereales .rightpart .fleurs{
	position: absolute;
	width: 260px;
	top: -50px;
	right: -20px;
	max-width: 35%;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.page-template-page-engagement .terres-fleurs-cereales .rightpart video{
	max-width:90%;
	width:650px;
	display:block;
	margin:0 auto;
}

.page-template-page-engagement .terres-fleurs-cereales .rightpart{
	padding:100px 80px 100px;
	text-align:center;
}
.page-template-page-engagement .terres-fleurs-cereales .leftpart .top-terres-fleurs {
	padding-left:50px;
	padding-right: 50px;
}
.page-template-page-engagement .terres-fleurs-cereales .leftpart p{
	margin:0 0 1em;
	text-align: left;
}

.page-template-page-engagement .terres-fleurs-cereales .leftpart p strong{
	font-weight:700;
}

.page-template-page-engagement .terres-fleurs-cereales .leftpart .banner{
	position:relative;
}

.page-template-page-engagement .terres-fleurs-cereales .leftpart .banner .logo-terres-fleurs-cereales{
	width:150px;
	/* max-width:80%; */
	display:block;
	position:absolute;
	bottom:30px;
	left:50%;
	transform:translateX(-50%);
	z-index:2;
}

.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide{
	background:#f6dcc3;
	margin-top:4em;
	position:relative;
	padding-left:50px;
}

.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide .guide-inner img{
	width:380px;
	height:auto;
	/* left:58%; */
	display:block;
	/* top:50%; */
	transform:translateX(-33%);
	position:relative;
}

.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide .fleur{
	position:absolute;
	width:115px;
	right:-50px;
	bottom:-50px;
}

.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide h3{
	font-family:'KGHAPPYSolid', Arial, sans-serif;
	color:#154c25;
	text-transform:uppercase;
	font-size: 1.4em;
    text-align: left;
    margin: -25px 0 0 20px;
}

.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide h3 span{
	display:inline-block;
	background:url('images/fond-jaune-titre-guide.png') no-repeat top center;
	background-size:100% 100%;
	margin:1px 0;
	padding:2px 5px;
}
.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide-inner .guide-flex {
	display: flex;
}
.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide-inner a{
    width:40%;
}

.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide p{
	padding: 20px 30px 25px;
    font-size: 1.1em;
    /* text-align: center; */
    /* width:60%; */
    font-weight:700;
}

.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide .btn{
	position:absolute;
	font-family:'KGHAPPYSolid', Arial, sans-serif;
	color:#fff1e2;
	text-transform:uppercase;
	font-size:1.8em;
	background:url('images/btn-telecharger-guide.png') no-repeat top center;
	background-size:contain;
	margin: 0;
    padding: 1px 20px 0;
    top:95%;
    left:50%;
    transform:translateX(-50%);
    transition:all 0.25s;
    white-space: nowrap;
    border-radius:0;
    border:none;
}

.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide .btn:hover{
	color:#154c25;
	background-image:url('images/btn-telecharger-guide-jaune.png');
}


/****************************************************
********************************************** PAGE CONTACT
***************************************************/
#contactpage p {
	display:block;
	margin: 0.5em 0;
	font-family: 'TradeBold';
}
#contactpage .rightpart {
	padding-top: 300px !important;
}
#contactpage .rightpart ul li {
	font-size:1em;
	font-family: 'TradeBold';
}
#contactpage-form .rightpart {
	text-align: center;
	padding-top: 300px !important;
}
#contactpage-form .rightpart h1 {
	text-align: center;
	color: #15a64f;
	 font-family: 'Sue Ellen Francisco';
	font-size: 2em;
}
#contactpage-form .rightpart p {
	text-align: center;
	color: #15a64f;
	 font-family: 'Sue Ellen Francisco';
	font-size: 2em;
}
#contactpage-form .rightpart img {
	max-width: 100%;
	height: auto;
}
.padding-3 {
	padding: 3em;
	overflow: hidden;
	font-size: 1.2em;
}
.form-contact h4 {
	color: #15a64f;
    font-size: 1.6em;
     font-family: 'Sue Ellen Francisco';
    text-align: left;
    margin-bottom: 19px;
    margin-top: 15px;
    text-transform: uppercase;
}
.form-contact input, .form-contact select, .form-contact > div label {
	width: 100%;
	font-family: 'TradeBold';
}
.form-contact input, .form-contact textarea {
	min-height: 35px;
	margin-top: 5px;
	color: #000000;
	font-family: 'TradeBold';
	font-size: 1.2em;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding: 0 6px;
	background: none;
	border: 0;
	border: 3px solid #FFFFFF;
}
.form-contact .wpcf7-acceptance label {
	display: flex;
	align-items: center;
}
.form-contact .wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
}
.form-contact .wpcf7-acceptance label input {
	margin-right: 10px;
	width: auto;
}

#contactpage-form .container p {
	margin-bottom: 0;
	display: inline;
}
.col2 {
	width: 48%;
	text-align: left;
	display: inline-block;
	margin-bottom: 1em;
}
.col2 label {
	font-size: 14px;
}
.col2.end {
	margin-left:3%;	
}
.col1 {
	width: 100%;
	text-align: left;
}
.col1 label {
	font-size: 14px;
}
.col1 textarea {
	width: 100%;
}
.col1 select {
	font-size: 14px;
	padding: 10px;
	padding: 5px 8px;
	border: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	border: 3px solid #FFFFFF;
	margin-top: 1em;
}
.submit input {
	width: initial;
	border: 0;
	padding: 10px 20px;
	background: #114d1f;
	color: #FFFFFF;
	float: right;
	cursor:pointer;
	transition: all 0.3s ease-out;
	 font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
}
.submit input:hover {
	background: #85513b;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #114d1f;
}


#contactpage .rightpart h2 {
	color: #114d1f;
	font-size: 2em;
	 font-family: 'Sue Ellen Francisco';
	text-align: left;
	margin-bottom: 1em;
}
.map-logo {
	max-width: 100%;
	width: 100%;
}

/****************************************************
******************* WOOCOMMERCE FORMULAIRES
***************************************************/
.woocommerce form input, .woocommerce form select, .woocommerce form label {
	/* width: 100%; */
	font-family: 'TradeBold';
}
.woocommerce form input, .woocommerce form textarea, .woocommerce form .select2-selection {
	min-height: 35px;
	margin-top: 5px;
	color: #000000;
	font-family: 'TradeBold';
	font-size: 1.2em;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding: 0 6px;
	background: none;
	border: 0;
	border: 2px solid #000;
	border-radius: 0;
}
.woocommerce form .woocommerce-form__input-checkbox.input-checkbox {
	width:20px;
	min-height: 20px;
}
.woocommerce form .select2-container--open .select2-dropdown--below {
	border: 2px solid #000;
}
.woocommerce form button.button {
	width: initial;
	border: 0;
	padding: 10px 20px;
	background: #114d1f;
	color: #FFFFFF;
	float: right;
	cursor: pointer;
	transition: all 0.3s ease-out;
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
}
.woocommerce form button.button:hover {
	background: #85513b;
	color: #FFFFFF;
}
.woocommerce #ship-to-different-address label {
	/* font-family: 'AkrobatSemiBold'; */
	font-family:'blizza';
}
.woocommerce #coupon_code {
	width: auto !important;
}
.woocommerce .woocommerce-customer-details address {
	background-color: #fff;
}
.woocommerce address {
	line-height: 1.3;
}
.woocommerce-table, .woocommerce table.shop_table {
	background-color: #fff;
}

/****************************************************
********************************************** BLOG ARCHIVE
***************************************************/

#actualite {
	padding-top: 200px;
}
.page-header .page-title, .page-header .entry-title {
	text-align: center;
	margin: 0em 0 2em;
	color: #85513b;
	 font-family: 'Sue Ellen Francisco';
	font-size: 4em;
}

#actualite article {
	margin-bottom: 1em;
}
.blog-item {
	background: #FFFFFF;
	padding: 1em;
	-webkit-box-shadow: 0px 0px 5px silver;
	        box-shadow: 0px 0px 5px silver;
	text-align: left;
	height: 100%;
}
.blog-item figure {
	width: 100%;
	height: 250px;
	overflow: hidden;
	position: relative;
}
.blog-item figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 330px;
	height: 330px;
	object-fit: cover;
}
.blog-item h2.post-title {
	font-family: 'TradeLT';
	font-size: 1.5em;
	margin-top: initial;
}
.blog-item .dater-blog span {
	color: #eb2826;
	text-align: left;
	 font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
	font-size: 1.2em;
}
.blog-item figure:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0%;
	background:rgba(0,0,0,0.5);	
	z-index: 2;
	-webkit-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
	pointer-events: none;
}
.blog-item figure:after {
	content: 'Voir l\'article';
	position: absolute;
	top: -50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	-webkit-transition:all 0.45s 0.1s ease-out;
	-o-transition:all 0.45s 0.1s ease-out;
	transition:all 0.45s 0.1s ease-out;
	z-index:5;
	color: #FFFFFF;
	font-size: 3vmin;
	 font-family: 'Sue Ellen Francisco';
	text-align: center;
	pointer-events: none; 
}
.blog-item figure:hover:after {
	top:50%;	
}
.blog-item figure:hover:before {
	height:100%;	
}




/****************************************************
********************************************** PAGE
***************************************************/
.default-page {
	/* padding-top: 300px !important; */
	padding-top: 200px;
	text-align: left;
	padding-bottom: 4em;
}
.container.default-page p {
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 1em;
}
.container.default-page h2 {
	text-align: left;
	 font-family: 'Sue Ellen Francisco';
	margin-bottom: 15px;
	margin-top: 25px;
}
.container.default-page h3 {
	text-align: left;
	margin-bottom: 10px;
	margin-top: 20px;
	/* font-family:'AkrobatBold'; */
	font-family:'blizza';
}
.container.default-page h3 {
	text-align: left;
	margin-bottom: 10px;
	margin-top: 20px;
	/* font-family:'AkrobatSemiBold'; */
	font-family:'blizza';
}


/****************************************************
********************************************** FAQ
***************************************************/
.panel {
	margin-bottom: 2em;
}
.panel-title {
	border-top: 4px solid #114d1f;
	border-bottom: 4px solid #114d1f;
	padding: 8px 0;
	position: relative;
}
.panel-title a {
	color: #114d1f;
	font-family: 'TradeBold';
}
.panel-body {
	font-size: 1.2em;
	padding: 2em 0 1em 0;
}
.panel-heading {
	position: relative;
}
.cross {
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	cursor: pointer;
}
.cross .first {
	width: 25px;
	height: 5px;
	background: #114d1f;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.cross.collapsed .second {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	    -ms-transform: translate(-50%, -50%) rotate(90deg);
	        transform: translate(-50%, -50%) rotate(90deg);
}
.cross .second {
	-webkit-transform: translate(-50%, -50%) rotate(0deg);
	    -ms-transform: translate(-50%, -50%) rotate(0deg);
	        transform: translate(-50%, -50%) rotate(0deg);
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	width: 25px;
	height: 5px;
	background: #114d1f;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
}



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

#colophon {
	height: auto;
	background: #114d1f;
	background: url(images/background_wood-2.jpg);
	background-position: top center;
	background-size: cover;
	padding: 1em 0;
	position: relative;
}
/*#colophon:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.15);
}*/
#colophon .container {
	text-align: left;
	padding-top: 2em;
}
#colophon .container .row:first-child {
	border-bottom: 1px solid silver;
	margin-bottom: 2em;
	padding-bottom: 2em;
}
#colophon span {
	color: #114d1f;
	margin-bottom: 1em;
	font-size: 1.25em;
	display: block;
	text-transform:uppercase;
	font-family: 'TradeBold';
}
#colophon ul li a {
	color: #114d1f;
    margin-bottom: 1em;
    display: block;
    position: relative;
     font-family: 'Sue Ellen Francisco';
    text-transform: uppercase;
    background: none;
    padding: initial;
    font-size: 1.2em;
}
#colophon ul li a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -40px;
	width: 25px;
	height: 25px;
	background: url(images/svg/petale.svg);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center center;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#colophon ul li a:hover:before {
	left: -30px;
	opacity: 1;
}
#colophon p {
	color:#114d1f;
	font-family: 'TradeLT';
}
#colophon p a {
	color:#114d1f;
	font-family: 'TradeBold';
}
#colophon img {
	max-width: 120px;
}
a.bt-news {
	color: #fff200;
	border: 2px solid #fff200;
	padding: 10px 30px;
	border-radius: 50px;
	text-transform: uppercase;
	 font-family: 'Adobe Caslon Pro';
}
#colophon .menu {
	display: initial;
	-webkit-box-pack: initial;
	    -ms-flex-pack: initial;
	        justify-content: initial;
}


/****************************************************
********************************************** 404
***************************************************/

body.error404{
	background:#77a045;
}

.error404 main{
	min-height:100vh;
	position:relative;
}

.error404 .monster404{
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	max-width:90%;
	width: 650px;
}

.error404 .monster404 img{
	max-width:100%;
	display:block;
}

.error404 main .container p{
	display:block;
	font-size:2em;
}

.error404 main .cta-bt{
	margin-top:0;
}

/****************************** PAGE LISTING PRODUITS *******************************/
.item-product .price {
	display: block;
	width: 100%;
	font-size: 1.2em;
	font-family: 'blizza';
	margin-bottom: 0;
	margin-top: 10px;
}
.price .old_price {
	font-size: .9em;
	opacity: .5;
	position: relative;
}
.price .old_price:after {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
	border-bottom: 1px solid;
}
.item-product .woocommerce-product-rating {
	margin: 0 auto 15px;
}
.item-product .out-of-stock {
	z-index: 5;
	padding: 10px 15px;
	font-size: 1.4em;
	margin: 0;
	width: 100%;
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
}
.item-product > div {
	border-radius: 4px;
	height: 100%;
	padding: 10px 0;
	display: flex;
	flex-wrap: wrap;
}
.item-product .newproduct {
	max-width: 75px;
	position: absolute;
	z-index: 50;
	left: 5px;
	top: 73%;
	transform: translateY(-50%);
	width: 75px;
	height: 75px;
	display: block;
}
.item-product h2 {
	font-size: 1.2em;
	font-family: 'blizza';
	line-height: 1;
	margin-bottom: 0;
	width: 100%;
	min-height: 40px;
}
.item-product figure {
	min-height: 320px;
	width:100%;
	position:relative;
}
.item-product figure a {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
}
.item-product figure:after {
	content: '';
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 100%;
	height: 55px;
	background: url(images/shadow_product.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	opacity: 0;
	-webkit-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.item-product .buy-now.button {
	height: auto;
	color: #85513b;
	background: transparent;
	border: 2px solid #85513b;
	z-index: 5;
	padding: 10px 15px;
	font-size: 1.4em;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	/* margin: 0 auto; */
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
	-webkit-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	font-weight: normal !important;
}

.item-product .added_to_cart {
	height: auto;
	color: #84bc56;
	background: transparent;
	border: 2px solid #84bc56;
	z-index: 5;
	padding: 10px 15px;
	font-size: 1.4em;
	width: 70%;
	margin-top: 10px;
	margin-left: 15%;
	margin-right: 15%;
	/* margin: 0 auto; */
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
	-webkit-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	font-weight: normal !important;
	border-radius: 3px;
}
.item-product .added_to_cart:hover {
	color: #fff;
	background: #84bc56;
	border: 2px solid #84bc56;
}

.item-product .list-tags {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-bottom: 20px;
}
.item-product .list-tags .tags{
	height: auto;
	font-size: 15px;
	margin: 0;
	padding: 6px 8px;
 	border: 2px solid #e3ddd1;
	pointer-events: none;
}

/* Hover product item */
.item-product:hover .out-of-stock {
	opacity: 1;
	cursor: pointer;
}
.item-product:hover .buy-now.button {
	opacity: 1;
	cursor: pointer;
}
.item-product .buy-now.button:hover {
	/* color: #85513b;
	background: transparent; */
	border: 2px solid #85513b;
	background: #85513b;
	color: #FFFFFF;
}
/* .item-product:hover .list-tags {
	opacity: 0;
} */
.item-product figure img {
	position: absolute;
	bottom: 0%;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	    -ms-transform: translate(-50%,0%);
	        transform: translate(-50%,0%);
	-webkit-transition: all 300ms cubic-bezier(0.470, 0.000, 0.275, 1.000);
	-o-transition: all 300ms cubic-bezier(0.470, 0.000, 0.275, 1.000);
	transition: all 300ms cubic-bezier(0.470, 0.000, 0.275, 1.000);
	z-index: 2;
	object-fit: contain;
	/* max-width: 250px; */
	max-width: 95%;
	max-height: 260px;
	height: auto;
	width: initial;
}
.item-product figure svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0);
	    -ms-transform: translate(-50%, -50%) scale(0);
	        transform: translate(-50%, -50%) scale(0);
	width: 100%;
	z-index: 1;
	-webkit-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	display: none;
}
.item-product figure:hover svg {
	-webkit-transform: translate(-50%, -50%) scale(1);
	    -ms-transform: translate(-50%, -50%) scale(1);
	        transform: translate(-50%, -50%) scale(1);
}
.item-product figure:hover img {
	bottom:20px;	
	-webkit-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);	
	-o-transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);	
	transition:all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.item-product figure:hover:after {
	bottom:0;
	opacity:0.4;	
}


/****************************** PAGE PANIER *******************************/
.woocommerce-cart .default-page, .woocommerce-checkout .default-page {
	padding-top: 200px !important;
}
.woocommerce-cart p.woocommerce-shipping-destination {
	display: none;
}
.shipping-offer-message {
    padding: 10px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    text-align: center;
}

.checkout-button {
	background: #114d1f !important;
	color: #FFFFFF;
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
	font-size: 1.5em;
	padding: 10px 22px;
	display: inline-block;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	border: 2px solid #114d1f !important;
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.checkout-button:hover {
	color: #114d1f !important;
	border: 2px solid #114d1f !important;
	background: #FFFFFF !important;
}

/****************************** PAGE PAIEMENT *******************************/
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
	max-width: none;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	background: #114d1f !important;
	color: #FFFFFF;
	font-family: 'Sue Ellen Francisco';
	text-transform: uppercase;
	font-size: 1.5em;
	padding: 10px 22px;
	display: inline-block;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	border: 2px solid #114d1f !important;
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
	color: #114d1f !important;
	border: 2px solid #114d1f !important;
	background: #FFFFFF !important;
}
#payment .form-row {
	padding: 0;
	margin-bottom: 5px;
}
#payment input[type=checkbox] {
	width:20px;
}

/****************************** PAGE SEARCH *******************************/
#search {
	padding-top: 200px;
}
#search span.toptitle {
	font-size: 2em;
	font-family: 'Sue Ellen Francisco';
	text-align: center;
	display: block;
	color: #85513b;
}
#search h1 {
	font-size: 3.5em;
	font-family: 'blizza';
	text-align: left;
	margin: initial;
	margin-bottom: initial;
	line-height: 1;
	margin-bottom: 25px;
	display: inline-block;
}


/****************************************************
********************************************** RESPONSIVE
***************************************************/
@media screen and (min-width:1400px) {
	/* Bio équitable */
	.page-template-page-engagement .bio_equitable > .row {
		width:100%;
		max-width: 100%;
	}
}
@media only screen and (max-height:1200px) {
	.error404 .monster404{
		width: 450px;
	}
}
@media only screen and (max-width:1200px) {
	.contain-societe.leftpart{
		width:100%;
	}
	.photo-histoire.rightpart {
		width:100%;
		text-align: center;
	}
	.photo-histoire .pola {
		-webkit-transform: scale(0.8) rotate(5deg);
		    -ms-transform: scale(0.8) rotate(5deg);
		        transform: scale(0.8) rotate(5deg);
		display: inline-block !important;
	}
	.photo-histoire .pola:nth-child(2n+1) {
		-webkit-transform: scale(0.8) rotate(-5deg);
		    -ms-transform: scale(0.8) rotate(-5deg);
		        transform: scale(0.8) rotate(-5deg);
	}

	.menu li a {
		font-size: 1.3em;
	}
}
@media only screen and (max-width: 1081px) {
	.item-product .tags {
		margin-bottom: 5px;
	}
	.headbio {
		width: 100%;
	}

}
@media only screen and (max-width: 991px) {
	#savoirfaire > .container > div:first-child {
		margin-bottom: 40px;
	}
	#savoirfaire .etapes > div:first-child, #savoirfaire .etapes > div:last-child {
		padding-top: 0;
		margin-bottom: 5em;
	}
	#savoirfaire .etapes > div {
		min-height: initial;
		left: initial;
		margin-top: initial;
	}
	#savoirfaire .etapes img {
		display: block;
	}
	#savoirfaire .etapes > .central img {
		max-height: initial;
		margin-top: -80px;
		left: initial;
		transform: initial;
	}
	#blog article {
		max-width: 460px;
		margin: 0 auto;
	}
	.rightpart {
		padding-top: 50px;
	}
	.single-product .leftpart {
		padding-top: 180px;
	}
	.single-product .rightpart {
		padding-top: 50px;
	}
	.entete > div {
		padding-top: 50px;
		margin-bottom: 3em;
	}
	.col2 {
		width: 100%;
	}
	#contactpage .rightpart {
		padding-top: 50px !important;
	}

	#full-menu > ul {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#full-menu > ul li {
		margin-bottom: 1em;
		width: 100%;
	}
	#item-element {
		display: none;
	}
	.photo-histoire.rightpart {
		margin-top: 0;
	}
	.single-produits .container-fluid, .single-product .container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
	.single-produits .rightpart > .container, .single-product .rightpart > .container {
		padding: 0 3em;
	}
	.title-recipe h2::after {
		content:none;
	}
	.single-petitdej .rightpart > .container {
		padding: 0 3em;
	}
	.rightpart figure {
		display: block;
		text-align: center;
	}
	.rightpart figure img {
		margin-right: 0;
	}
	.logo-menu {
		background-size: 140px;
	}
	.focus-product ul a.tags {
		margin-bottom: 0;
	}
	#tag-profil {
		top: 20%;
	}
	.petitdejeuner .smoothDown {
		display: none;
	}
	.col2.end {
		margin-left: 0;
	}

	#tag-profil, .video-dej {
		display: none;
	}
	#petitdej h3 {
		color: #85513b;
	}
	#dejcarousel {
		margin-top: 210px;
	}
	#savoirfaire .central {
		background: none;
	}
	#savoirfaire .etapes .central h3 {
		color: #84bc56;
	}
}
@media only screen and (max-width: 991px) {
	/* Header */
	/* #menu-main-header {
		display: none;
	} */
	#menu-main-header .menu-item:not(.logo-menu) {
		display: none;
	}
	.logo-responsive {
		display: inline-block;
		width: 120px;
		height: 120px;
		/* margin-left: 10%; */
	}
	#menu-wc {
		opacity: 1;
		visibility: visible;
		gap: 20px;
	}
	/* Header Home */
	#home-slider .menu {
		display: none;
	}
	/* Bio équitable */
	.page-template-page-engagement .bio_equitable .leftpart {
		padding-top:50px;
		padding-bottom:50px;
	}
	.page-template-page-engagement .bio_equitable .rightpart {
		padding-top:0;
	}
	/* Nutrition */
	.page-template-page-engagement .nutrition .logo-nutrition {
		top: -60px;
		left: 50%;
		width: 180px;
	}
	.page-template-page-engagement .nutrition .leftpart{
		padding-top:100px;
		padding-bottom:50px;
	}
	.page-template-page-engagement .nutrition .rightpart{
		padding-top:0;
		padding-bottom:50px;
	}
	/* Planet score */
	.page-template-page-engagement .planet_score .leftpart {
		padding-top:50px;
		padding-bottom:50px;
	}
	.page-template-page-engagement .planet_score .rightpart {
		padding-top:0;
	}
	/* Terres fleurs et cereales*/
	.page-template-page-engagement .terres-fleurs-cereales .leftpart{
		padding-top:100px;
		padding-bottom:50px;
	}
	.page-template-page-engagement .terres-fleurs-cereales .rightpart{
		padding-top:50px;
		padding-bottom:50px;
	}
	.sub-product .tags-product {
		width:100%;
		text-align: center;
	}
	.sub-product .logos-product {
		width:100%;
		justify-content: center;
		flex-wrap: wrap;	
	}
	.row#tec-produit {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 767px) {
	#home-header h1{
		text-align:center;
		max-width:320px;
	}
	.container {
		width: 100%;
		max-width: 95%;
	}
	.currentpostnav img {
		max-width: 350px;
		height: auto;
		width: 100%;
	}
	.col2 {
		width: 100%;
	}
	#home-header {
		height: 420px;
	}
	#biologique{
		padding-top:2em;
	}
	.logo-menu {
		background-size: 100%;
		width: 120px;
  		height: 120px;
	}
	/* #menu-main-header {
		display: none;
	} */
	/* .logo-responsive {
		display: inline-block;
		width: 150px;
		height: 150px;
		margin-top: -10px;	
	} */
	#savoirfaire h2.bigtitle {
		font-size: 3em;
	}
	#home-header h1 {
		margin-top: 1em;
		font-size: 3em;
	}
	.parallax-skrollr {
		display: none;
	}
	#blog .right article {
		margin-bottom: 2em;
	}
	#blog .right figure img {
		height: 200%;
	}
	#surheader, .home #surheader {
		display: none;
	}
	.item-parallax {
		display: none;
	}
	#full-menu hgroup h2 {
		font-size: 2.5em;
	}
	#full-menu hgroup ul {
		flex-wrap: wrap;
	}
	#full-menu hgroup ul li {
		width: 100%;
		margin-bottom: 1em;
	}
	#contactpage-form .rightpart {
		text-align: center;
		padding-top:initial !important;
	}
	#contactpage-form .rightpart p {
		font-size: 1.5em;
		line-height: initial;
		margin-top: 1em;
	}
	.caption {
		margin-left: 0;
	}
	.focus-dej img {
		max-width: initial;
		margin-right: 1em;
		height: 50px;
		width: initial;
		max-height: initial;
		text-align: initial;
		margin: 0 auto;
	}
	#blog h3 {
		text-align: center;
		position: relative;
	}
	#blog h3:before {
	    left: 0;
	}
	#blog .social {
		float: none;
	}
	.entete .headTitle, .petitdejeuner .entete .headTitle {
		padding: 180px 2em 3em 2em;
	}
	.block-marge {
		padding-top: 180px;
	}
	.lightpart, .leftpart {
		padding-top: 180px;
	}
	.contain-societe {
		padding-left: 2em;
		padding-right: 2em;
	}
	.page-template-page-engagement .terres-fleurs-cereales .leftpart{
		padding-top:120px;
	}
	.title-recipe h2 {
		font-size: 3em;
		position: relative;
		display: block;
		width: 100%;
		text-align: center;
	}
	.owl-carousel .owl-item img {
		display: block;
		width: 100%;
		max-width: 400px;
		text-align: center;
		margin: 0 auto;
	}
	#petitdej {
		min-height:auto;
	}
	.little-scrolldown {
		display: none;
	}
	#actualite figure img {
		width: 100%;
	}
	.postblognav a {
		margin-bottom: 20px;
	}
	.listing-types.select-responsive {
		display: block;
	}

	.listing-types {
		display: none;
	}

	/* .home #menu-mainheadhome {
		display: none;
	} */
	.logoHome {
		display: none;
	}
	#home-header h1 {
		margin: 0 auto;
		margin-top: 3em;
		font-size: 2.8em;
	}
	#backdown {
		display: none;
	}
	.row#tec-produit {
		grid-template-columns: 1fr;
	}
	/* Qui sommes nous */
	.biologique .content-desc-societe {
		width: 90%;
	}
	.biologique .entete {
		width: 100%;
	}
	.biologique .bio_p img {
		display: none;
	}
	.biologique .bio_p{
		margin-bottom: 10px;
	}
	.bio_p_1, .bio_p_2, .bio_p_3 {
		margin-left: 0;
	}
	.biologique .entete img {
		right: -30px;
		bottom: -30px;
		top:auto;
		width:120px;
	}
}
@media only screen and (max-width: 640px) {
	#home-header {
		height: auto;
		min-height: 320px;
		/*background:url(images/background-dej-responsive.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;*/
		position:relative;
	}
	
	#bandbio {
		height: 200px;	
	}
	
	#savoirfaire .etapes > .central img {
		max-width: 90%;
	}
	.video-dej video {
		width: 250%;
	}
	#where {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.instagram {
		width: 100%;
	}
	.yellow-map {
		width: 100%;
		min-height: 400px;
	}
	#petitdej #tag-profil {
		display: none;
	}
	#petitdej a.cta-bt {
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		right: initial;
		top: 190px;
		width: 80%;
	}
	#petitdej h3 {
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		text-align: center;
		font-size: 3em;
		width: 95%;
	}
	#bandbio > div p {
		font-size: 1.3em;
	}
	.headbio > div h2 {
		font-size: 3em;
	}
	.item-parallax {
		display: none;
	}
	.listing-types ul {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.listing-types ul li {
		margin-bottom: 1em;
		vertical-align: top;
	}
	.little-scrolldown {
		display: none;
	}
	.single .rightpart header h1 {
		font-size: 2.5em;
	}
	.single .tags {
		margin-right: 0;
	}
	.recettes figure {
		max-width: 100%;
		display: block;
		text-align: center;
	}
	.recettes > div {
		width: 100%;
	}
	.rightpart header > img {
		float: none;
	}
	.title-section {
		font-size: 2em;
		text-align: center;
	}
	.title-recipe h2 {
		font-size: 3em;
		text-align: center;
		-webkit-transform: initial;
		    -ms-transform: initial;
		        transform: initial;
		display: block;
		width: 100%;
	}
	.leftpart > .container {
		padding: 0;
	}
	/* .tags {
		margin-bottom: 1px;
	} */
	.tags--color-beige {
		font-size: 14px;
	}
	.cta-bt {
		margin-top: 5px;
		font-size: 1em;
	}
	.cross {
		display: none;
	}
	#post-nav > div span a img {
		max-width: 200px;
	}
	#blog .facebook figure span {
		font-size: 2em;
	}
	#full-menu {
		overflow: scroll;
	}
	#full-menu::before {
		height: 150%;
	}
	#full-menu hgroup {
		position: relative;
		top: initial;
		left: initial;
		transform: initial;
		width: 90%;
		z-index: 6;
		height: 100%;
		margin: 0 auto;
		margin-top: 220px;
	}
	#full-menu .social {
		position: relative;
		bottom: initial;
		top: initial;
		transform: initial;
		left: initial;
	}
	#full-menu .logo {
		position: relative;
		text-align: center;
		left: initial;
		transform: initial;
		top: 100px;
	}
	.item-photo-societe {
		width: 100%;
		height: 250px;
	}
	.leftpart figure.item-photo-societe img {
		height:auto;
		min-width: initial;
		width: 100%;
	}
	.yellow-map p {
		font-size: 2.2em;	
	}
	#full-menu .menu li a:hover:after {
		width: 0%;
	}
	.page-template-page-contact div.wpcf7 {
		padding-bottom: 4em;
	}
	.valeurs .nutriscore{
		text-align:center;
		margin:0 0 10px;
	}
	.page-template-page-engagement .terres-fleurs-cereales .rightpart{
		padding-left:40px;
		padding-right:40px;
	}
}
@media only screen and (max-width: 480px) {
	#home-header h1 {
		font-size: 2.5em;
		margin-top: 2em;
	}
	.bigtitle {
		font-size: 2.2em;
	}
	.row#tec-produit {
		margin-bottom: auto;
	}
	.single-product-seo .texte-seo .seo-title {
		font-size: 2.2em;
	}
	.single-product-seo .texte-seo .seo-content {
		margin: 20px;
	}
	.single-product-seo .read-more-button {
		margin: 20px
	}
	.taxonomy-seo .texte-seo .seo-title {
		font-size: 2.2em;
	}
	.taxonomy-seo .texte-seo .seo-content {
		margin: 10px;
	}
	.taxonomy-seo .read-more-button {
		margin: 10px
	}
	.item-product {
		border-bottom: 1px solid silver;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	#savoirfaire .etapes > div {
		padding: 20px;
	}
	#blog .first-article figure {
		height: 160px;
	}
	#bandbio > div {
		padding: 2em;
	}
	.desc-societe .logos_cereales li img{
		max-width:120px;
	}
	.page-template-page-engagement .terres-fleurs-cereales .rightpart .fleurs{
		display:none;
	}
	.page-template-page-engagement .terres-fleurs-cereales .leftpart p{
		padding: 0 10px;
	}
	.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide{
		padding-left:0;
	}
	.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide h3{
		text-align:center;
		margin-left:0;
	}
	.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide p{
		width:100%;
		padding: 20px 30px 20px;
	}
	.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide .guide-inner .guide-flex {
		flex-wrap: wrap;
	}
	.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide-inner a {
		width:100%;
	}
	.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide .guide-inner img{
		position:static;
		transform:none;
		width: 80%;
	    margin: 0 auto;
	    display: block;
	}
	.page-template-page-engagement .terres-fleurs-cereales .leftpart .guide .btn{
	    white-space: inherit;
	    background:#6e9e44;
	}
	.biologique .content-desc-societe {
		width: 95%;
	}
	.infos-product form.cart {
		height: auto;
		align-items: center;
	}
}