/*
Theme Name:  Cidou
Theme URI:   http://cidou.fr
Author:      Sequane - KD
Version:     1.0
*/

@font-face {
	font-family: 'Wes FY';
	src: url('font/WesFY-Bold.eot');
	src: url('font/WesFY-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/WesFY-Bold.woff') format('woff'),
		url('font/WesFY-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Wes FY';
	src: url('font/WesFY-Regular.eot');
	src: url('font/WesFY-Regular.eot?#iefix') format('embedded-opentype'),
		url('font/WesFY-Regular.woff') format('woff'),
		url('font/WesFY-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Theorem';
	src: url('font/Theorem.eot');
	src: url('font/Theorem.eot?#iefix') format('embedded-opentype'),
		url('font/Theorem.woff') format('woff'),
		url('font/Theorem.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

a{text-decoration: none;}
ul{padding-left: 0;}
.h100{height: 100%;}
.w250p{width: 250px;}
.w350p{width: 350px;}
.w500p{width: 500px;}
.flex{display: flex;}
.center-horizontal{justify-content: center;}
.space-around{justify-content: space-around;}
.space-between{justify-content: space-between;}
.start-horizontal{justify-content: flex-start;}
.end-horizontal{justify-content: flex-end;}
.center-vertical{align-items: center;}
.end-vertical{align-items: flex-end;}
.column-flex{flex-direction: column; -moz-box-direction: normal; -moz-box-orient: vertical;}
.row-flex{flex-direction: row; -moz-box-direction: normal; -moz-box-orient: horizontal;}
.wrap{flex-wrap: wrap;}
.bg-vert{
	background: rgba(137,197,63,1);
	background: -moz-linear-gradient(45deg, rgba(137,197,63,1) 0%, rgba(137,197,63,1) 39%, rgba(188,231,134,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(137,197,63,1)), color-stop(39%, rgba(137,197,63,1)), color-stop(100%, rgba(188,231,134,1)));
	background: -webkit-linear-gradient(45deg, rgba(137,197,63,1) 0%, rgba(137,197,63,1) 39%, rgba(188,231,134,1) 100%);
	background: -o-linear-gradient(45deg, rgba(137,197,63,1) 0%, rgba(137,197,63,1) 39%, rgba(188,231,134,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(137,197,63,1) 0%, rgba(137,197,63,1) 39%, rgba(188,231,134,1) 100%);
	background: linear-gradient(45deg, rgba(137,197,63,1) 0%, rgba(137,197,63,1) 39%, rgba(188,231,134,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c53f', endColorstr='#bce786', GradientType=1 );
}

#top-bandeau{background-image: url('img/bg/bg-feuilles.jpg'); width: 100%; height: 64px; background-size: cover; position: relative; background-position: center;}

header{background: #00441b; position: relative; height: 100px;}
header #main-menu{padding: 0 20rem;}
header #main-menu a{color: #ffffff; font-family: 'Wes FY', sans-serif; font-weight: bold; transition-duration: 0.2s; letter-spacing: 0.1em; font-size: 1.4em;}
header #main-menu a:hover{color: #fdb215; transition-duration: 0.2s;}
header #main-menu .current_page_item a{color: #fdb215}
header #main-menu li{width: 20%;}
header #main-menu #menu-item-16{position: relative; top: -10px;}
header #header-social-network{position: absolute; top: 28px; right: 8%;}
header #header-social-network li{padding: 0 0.5rem;}
header #header-social-network li a{color: #fff; transition-duration: 0.2s;}
header #header-social-network li a:hover{color: #fdb215; transition-duration: 0.2s;}

/*.c-button{width: 35px; height: 30px; top: 50px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display: inline-block;}*/
.c-button{cursor: pointer; height: 55px; padding: 2rem; position: absolute; top: 0; right: 2%; transform: rotate(0deg); transition: all 0.5s ease-in-out 0s; width: 60px; z-index:9999;} 
.c-button span{display: block; position: absolute; height: 3px; width: 50%; left: 15px; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.c-button span:nth-child(1){top: 16px;}
.c-button span:nth-child(2){top: 26px;}
.c-button span:nth-child(3){top: 36px;}
.c-button.active span:nth-child(1){top: 26px; transform: rotate(135deg);}
.c-button.active span:nth-child(2){left: -60px; opacity: 0;}
.c-button.active span:nth-child(3){top: 26px; transform: rotate(-135deg);}
.c-button:focus{outline: none;}
.c-button:disabled{opacity: 0.3; cursor: not-allowed;}
.cbp-spmenu{background: #00441b; position: absolute; padding: 4rem;}
.cbp-spmenu-horizontal{width: 100%; height: 450px; left: 0;	z-index: 10; overflow-y: scroll;}
/*.cbp-spmenu-vertical{width: 100%; height: auto; z-index: 10; overflow-x: hidden;}*/
.cbp-spmenu-bottom{top: -570px;}
.cbp-spmenu-bottom.cbp-spmenu-open{top: 65px;}
.cbp-spmenu,
.cbp-spmenu-push{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;	transition: all 0.3s ease;}

header #menu-top-responsive a{font-size: 1.2em; color: #fff; font-family: 'Wes FY'; font-weight: bold; padding-bottom: 2rem; display: block;}
header #menu-top-responsive li ul.sub-menu a::before{content: " • "; margin-left: 1rem;}
header #menu-top-responsive li ul.sub-menu a{color: #ffc216; font-size: 1.0em;}

#bandeau-home{height: 700px; background-size: cover; background-repeat:no-repeat; position: relative; background-position: center 20%; overflow: hidden;}
#bandeau-home #cigogne-cidoux{background-image: url('img/icon/cigogne-baluchon.svg'); width: 1240px; height: 590px; position: absolute; top: -105px; left: -450px; background-repeat: no-repeat;}
#bandeau-home #pancarte-cidoux{background-image: url('img/icon/panneau.svg'); width: 450px; height: 420px; position: absolute; bottom: -150px; right: 75px; background-repeat: no-repeat; transform: rotate(-5deg);}
#bandeau-home h1{position: absolute; bottom: 100px; right: 210px; font-family: 'Theorem', sans-serif, sans-serif; width: 230px; line-height: 3.5rem; text-align: center; transform: rotate(-5deg); font-size: 2.5em; color: #0f4420}
#bandeau-home #produit-alsace{background-image: url('img/content/pomme-produit-en-alsace.svg'); width: 140px; height: 140px; position: absolute; bottom: 10px; right: 20px; background-repeat: no-repeat; background-size: cover; transform: rotate(10deg);}

#block-home{position: relative;}
#block-home h2::before{content: url('img/icon/puce.svg'); width: 35px; height: 35px; display: inline-block; position: relative; top: -3px; margin-right: 1rem;}
#block-home h2{position: relative; color: #00441b; font-family: 'Theorem', sans-serif, sans-serif;}
#block-home h2::after{content: url('img/icon/pomme-bouton.svg'); width: 35px; height: 35px; display: inline-block; position: relative; top: -3px; margin-left: 1rem;}
#block-home h2 .arrow-white{position: absolute; color: #00441b; top: 6px; right: 13px; font-size: 0.8em;}
#block-home a:hover h2::after{content: url('img/icon/pomme-bouton-hover.svg')}
#block-home a:hover h2 .arrow-white{color: #fff; z-index: 10;}
#block-home #story-block{background-image: url('img/bg/village-vert-fond.png'); background-repeat: no-repeat; background-position: -220px 307px; position: relative; height: 550px;}
#block-home #engagement-block{position: relative; height: 550px; overflow: hidden;}
#block-home #engagement-block h2{font-size: 3.4rem; position: relative; top: -5px;}
#block-home #engagement-block h2 .arrow-white{right: 11px;}
#block-home #bulle1{background-image: url('img/content/bulle-1.png'); width: 185px; height: 155px; position: absolute; top: 80px; left: 25px; background-repeat: no-repeat; background-size: contain;}
#block-home #text-bulle1{position: absolute; top: 125px; left: 50px; color: #0f4420; width: 140px;}
#block-home #bulle2{background-image: url('img/content/bulle-2.png'); width: 265px; height: 150px; position: absolute; top: 173px; left: 140px; background-repeat: no-repeat; background-size: contain;}
#block-home #text-bulle2{position: absolute; top: 210px; left: 170px; color: #fff; width: 190px;}
#block-home #bulle3{background-image: url('img/content/bulle-3.png'); width: 225px; height: 140px; position: absolute; top: 280px; left: 10px; background-repeat: no-repeat; background-size: contain;}
#block-home #text-bulle3{position: absolute; top: 310px; left: 40px; color: #0f4420; width: 85px; line-height: 1.2em;}
#block-home #bulle4{background-image: url('img/content/bulle-4.png'); width: 220px; height: 180px; position: absolute; top: 350px; left: 220px; background-repeat: no-repeat; background-size: contain;}
#block-home #text-bulle4{position: absolute; top: 400px; left: 245px; color: #fff; width: 175px;}
#block-home .text-bulle{font-family: 'Theorem', sans-serif, sans-serif; font-size: 1.4em;}
#block-home #cigogne-cageot{background-image: url('img/content/cigogne-cageot.png'); width: 255px; height: 395px; position: absolute; top: 110px; right: 0; background-size: contain; background-repeat: no-repeat;}
#block-home #bg-pomme-blanche{background-image: url('img/bg/pomme-blanche-fond.png'); width: 269px; height: 294px; background-repeat: no-repeat; position: absolute; bottom: -180px; left: -90px;}
#block-home #gamme-block{position: relative; height: 550px; overflow: hidden;}
#block-home #bg-pomme-verte{background-image: url('img/bg/pomme-verte-fond.png'); width: 269px; height: 294px; background-repeat: no-repeat; position: absolute; top:-110px; left: -30px; transform: rotate(110deg); opacity: 0.05; z-index: -1}
#block-home #bg-poire{background-image: url('img/bg/poire-verte-fond.png'); width: 271px; height: 422px; background-repeat: no-repeat; position: absolute; bottom: -180px; left: -110px; opacity: 0.05; z-index: -1}
#block-home #bg-orange{background-image: url('img/bg/orange-verte-fond.png'); width: 311px; height: 294px; background-repeat: no-repeat; position: absolute; bottom: -140px; right: 0; opacity: 0.05; z-index: -1}

footer{background-color: #ccdad1;}
footer h3{text-transform: uppercase; color: #00441b; font-weight: bold; font-family: 'Wes Fy', sans-serif; font-size: 1.6em; letter-spacing: 0.1em;}
footer h3 a{font-size: 1.0em;}
footer a{color: #00441b; font-family: 'Wes Fy', sans-serif; font-size: 1.2em;}
footer #social-network li:first-child{padding-right: 1rem;}
footer #social-network a{color: #fff; transition-duration: 0.2s;}
footer #social-network a:hover{color: #00441b; transition-duration: 0.2s;}
footer #sub-footer{position: relative; top: 50%;}
footer #sub-footer ul li:first-child{border-right: 1px solid #00441b}
footer #sub-footer ul li{padding: 0 1rem; font-family: 'Wes Fy', sans-serif; font-size: 1.0em; color: #00441b}

#bandeau-content{height: 400px; background-size: cover; background-repeat:no-repeat; position: relative; background-position: center; overflow: hidden;}
#bandeau-content #produit-alsace{background-image: url('img/content/pomme-produit-en-alsace.svg'); width: 140px; height: 140px; position: absolute; bottom: 10px; right: 20px; background-repeat: no-repeat; background-size: cover; transform: rotate(10deg);}
#bandeau-content h1::before{content: url('img/icon/eclats.svg'); width: 100px; height: 40px; display: block; left: calc(50% - 50px); position: relative;}
#bandeau-content h1{font-family: 'Wes FY'; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 2.6em; letter-spacing: 0.1em; margin: 0;}

.content-page{position: relative; overflow: hidden;}
.content-page h2{font-family: 'Theorem', sans-serif; color: #1a3d18; display: inline-block; line-height: 1.2em; word-break: keep-all;}
.content-page .puce{background-image: url('img/icon/puce.svg'); background-repeat: no-repeat; width: 35px; height: 35px; display: inline-table; position: relative; top: 2px;}
.content-page #bulle-verte{background-image: url('img/content/bulle-verte.png'); width: 370px; height: 210px; position: absolute; top: 60px; right: 280px; background-repeat: no-repeat; background-size: cover;}
.content-page #text-bulle-verte{position: absolute; top: 110px; right: 360px; color: #1a3d18; width: 250px; font-size: 2.4em; text-align: center;}
.content-page .text-bulle{font-family: 'Theorem', sans-serif, sans-serif; line-height: 1.2em}
.content-page #bulle-orange{background-image: url('img/content/bulle-orange.png'); width: 560px; height: 294px; position: absolute; top: 40px; right: 120px; background-repeat: no-repeat;}
.content-page #text-bulle-orange{position: absolute; top: 100px; right: 390px; color: #1a3d18; width: 220px; font-size: 1.8em;}
.content-page #text-bulle-orange small{font-size: 0.6em;}
.content-page #cigogne-engagement{position: absolute; background-image: url('img/content/tete-cigogne.svg'); background-repeat: no-repeat; top: 60px; right: -45px; width: 380px; height: 250px;}
.content-page .thumb-engagement{height: 150px;}
.content-page h3{font-family: 'Theorem', sans-serif; color: #1a3d18; line-height: 1.2em}
.content-page p{color: #1a3d18; font-family: 'Wes FY'; font-size: 1.1em;}
.content-page .btn-link-more{font-family: 'Theorem', sans-serif, sans-serif; color: #1a3d18; font-size: 1.4em; position: relative;}
.content-page .btn-link-more::after{content: url('img/icon/pomme-bouton.svg'); width: 35px; height: 35px; display: inline-block; position: relative; top: 12px; margin-left: 1rem;}
.content-page .btn-link-more .arrow-green{position: absolute; color: #00441b; top: 21px; right: 13px; font-size: 0.8em;}
.content-page .btn-link-more:hover::after{content: url('img/icon/pomme-bouton-hover.svg')}
.content-page .btn-link-more:hover .arrow-green{color: #fff; z-index: 10;}
.content-page .pomme-fond-orange{background-image: url('img/bg/pomme-fond-orange.svg'); width: 520px; height: 580px; background-repeat: no-repeat; position: absolute; bottom: -85px; left: -40px; z-index: -1;}
.content-page .btn-next-link{position: absolute; bottom: 60px; right: 180px; font-family: 'Wes FY'; font-weight: bold; color: #1a3d18; font-size: 1.6em; z-index: 2;}
.content-page .btn-next-link::after{content: url('img/icon/pomme-bouton.svg'); width: 35px; height: 35px; display: inline-block; position: relative; top: 12px; margin-left: 1rem;}
.content-page .btn-next-link .arrow-green{position: absolute; color: #00441b; top: 20px; right: 14px; font-size: 0.8em;}
.content-page .btn-next-link:hover{color: #547a3a; transition-duration: 0.2s;}
.content-page .btn-next-link:hover::after{content: url('img/icon/pomme-bouton-hover.svg'); transition-duration: 0.2s;}
.content-page .btn-next-link:hover .arrow-green{color: #fff; z-index: 10; transition-duration: 0.2s;}
.content-page #bg-pomme{background-image: url('img/bg/pomme-verte-fond.png'); width: 270px; height: 300px; background-repeat: no-repeat; position: absolute; bottom: 230px; right: 53%; opacity: 0.05; z-index: -1; transform: rotate(-45deg);}
.content-page #bg-poire{background-image: url('img/bg/poire-verte-fond.png'); width: 271px; height: 422px; background-repeat: no-repeat; position: absolute; bottom: -30px; right: 0; opacity: 0.05; z-index: -1; transform: rotate(-25deg);}
.content-page #bg-orange{background-image: url('img/bg/orange-verte-fond.png'); width: 311px; height: 294px; background-repeat: no-repeat; position: absolute; bottom: -50px; right: 36%; opacity: 0.05; z-index: -1;}
.content-page .bandeau-green{background-color: #abd46e;}

#content-engagement .pomme-fond-orange{background-image: url('img/bg/pomme-fond-orange.svg'); width: 580px; height: 620px; background-repeat: no-repeat; position: absolute; bottom: -130px; left: -50px; z-index: -1;}
#content-engagement .last-block{position: relative; height: 590px; left: 30px; top: 250px; width: 385px;}

#content-gamme{padding: 0 18rem;}
#content-gamme .block-list-double-gamme{position: relative;}
#content-gamme .block-list-double-gamme a.h100:hover{background-color: rgba(0,0,0,0.2);}
#content-gamme .block-list-gamme .btn-link-more,
#content-gamme .block-list-double-gamme .btn-link-more{color: #fff;}
#content-gamme .block-list-gamme .btn-link-more .arrow-white{position: absolute; color: #fff; top: 4px; right: 13px; font-size: 1.0em;}
#content-gamme .block-list-double-gamme .btn-link-more .arrow-white{position: absolute; color: #fff; top: 4px; right: 100px; font-size: 1.0em;}
#content-gamme .block-list-gamme .btn-link-more::after,
#content-gamme .block-list-double-gamme .btn-link-more::after{content: url('img/icon/pomme-blanche-bouton.svg'); width: 35px; height: 35px; display: inline-block; position: relative; top: -3px; margin-left: 1rem;}
#content-gamme .text-gamme-cache{display: inline-block; font-size: 14px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%);}
#content-gamme .text-gamme-cache p{color: #fff;}
#content-gamme .block-text-gamme{bottom: 0; color: #fff; height: 25%; left: 0; opacity: 0; padding: 15px; position: absolute; right: 0; transition: all 0.4s ease-in-out 0s; width: 100%; z-index: 999}
#content-gamme .block-text-up{-moz-transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
#content-gamme .block-gamme{position: relative; overflow: hidden;}
#content-gamme .block-gamme:hover .block-text-up,
#content-gamme .block-gamme.active .block-text-up,
#content-gamme .block-list-double-gamme .block-gamme:hover .block-text-up,
#content-gamme .block-list-double-gamme .block-gamme.active .block-text-up{-moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;}
#content-gamme .text-cache{display: inline-block; font-size: 14px; left: 35%; position: absolute; top: 50%; transform: translate(-50%, -50%);}
#content-gamme .block-gamme .title-gamme{position: relative; padding: 8rem 0 0 4rem;}
#content-gamme .block-gamme h3{font-family: 'Theorem', sans-serif; color: #fff; line-height: 1.2em; font-size: 3.0em; display: inline-block; width: 195px; word-break: keep-all;}
#content-gamme .block-gamme .bg-image-gamme{background-size: cover; background-position: center; position: absolute;}
#content-gamme .block-gamme.gamme-bg-orange .bg-image-gamme{width: 351px; height: 570px; right: -60px; bottom: -150px;}
#content-gamme .block-gamme.gamme-bg-vert .bg-image-gamme{width: 500px; height: 505px; right: -130px; bottom: -70px;}
#content-gamme .block-gamme.gamme-bg-jaune .bg-image-gamme{width: 300px; height: 336px; right: 20px; bottom: -40px;}
#content-gamme .block-list-double-gamme .block-gamme a{z-index: 999;}
#content-gamme .block-list-double-gamme .bg-image-gamme{background-size: cover; background-position: center; position: absolute; width: 402px; height: 520px; right: -40px; bottom: -180px;}
#content-gamme .block-list-double-gamme h3{font-size: 2.0em; text-align: center;}
#content-gamme .block-list-double-gamme .title-principal{position: absolute; z-index: 9999; top: 20px; left: 31%;}
#content-gamme .block-list-double-gamme .title-principal h3{font-size: 2.6em; width: 280px;}
#content-gamme .block-list-double-gamme .title-gamme{padding: 2rem 0 0;}
#content-gamme .pomme-fond-orange{bottom: -150px;}
#content-gamme .last-block{position: relative; top: 180px; left: -105px; height: 450px;}

.gamme-bg-orange{
	background: rgba(255,225,193,1);
	background: -moz-linear-gradient(45deg, rgba(255,225,193,1) 0%, rgba(255,178,93,1) 80%, rgba(255,178,93,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,225,193,1)), color-stop(80%, rgba(255,178,93,1)), color-stop(100%, rgba(255,178,93,1)));
	background: -webkit-linear-gradient(45deg, rgba(255,225,193,1) 0%, rgba(255,178,93,1) 80%, rgba(255,178,93,1) 100%);
	background: -o-linear-gradient(45deg, rgba(255,225,193,1) 0%, rgba(255,178,93,1) 80%, rgba(255,178,93,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,225,193,1) 0%, rgba(255,178,93,1) 80%, rgba(255,178,93,1) 100%);
	background: linear-gradient(45deg, rgba(255,225,193,1) 0%, rgba(255,178,93,1) 80%, rgba(255,178,93,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffb25d', GradientType=1 );
}
.gamme-bg-orange .block-text-gamme{background: rgba(234, 107, 72, 0.85) none repeat scroll 0 0;}

.gamme-bg-vert{
	background: rgba(223,239,200,1);
	background: -moz-linear-gradient(45deg, rgba(223,239,200,1) 0%, rgba(171,212,110,1) 80%, rgba(171,212,110,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(223,239,200,1)), color-stop(80%, rgba(171,212,110,1)), color-stop(100%, rgba(171,212,110,1)));
	background: -webkit-linear-gradient(45deg, rgba(223,239,200,1) 0%, rgba(171,212,110,1) 80%, rgba(171,212,110,1) 100%);
	background: -o-linear-gradient(45deg, rgba(223,239,200,1) 0%, rgba(171,212,110,1) 80%, rgba(171,212,110,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(223,239,200,1) 0%, rgba(171,212,110,1) 80%, rgba(171,212,110,1) 100%);
	background: linear-gradient(45deg, rgba(223,239,200,1) 0%, rgba(171,212,110,1) 80%, rgba(171,212,110,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#abd46e', GradientType=1 );
}
.gamme-bg-vert .block-text-gamme{background: rgba(0, 75, 24, 0.85) none repeat scroll 0 0;}
.gamme-bg-jaune{
	background: rgba(255,235,194,1);
	background: -moz-linear-gradient(45deg, rgba(255,235,194,1) 0%, rgba(255,202,97,1) 80%, rgba(255,202,97,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,235,194,1)), color-stop(80%, rgba(255,202,97,1)), color-stop(100%, rgba(255,202,97,1)));
	background: -webkit-linear-gradient(45deg, rgba(255,235,194,1) 0%, rgba(255,202,97,1) 80%, rgba(255,202,97,1) 100%);
	background: -o-linear-gradient(45deg, rgba(255,235,194,1) 0%, rgba(255,202,97,1) 80%, rgba(255,202,97,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(255,235,194,1) 0%, rgba(255,202,97,1) 80%, rgba(255,202,97,1) 100%);
	background: linear-gradient(45deg, rgba(255,235,194,1) 0%, rgba(255,202,97,1) 80%, rgba(255,202,97,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffca61', GradientType=1 );
}
.gamme-bg-jaune .block-text-gamme{background: rgba(239, 156, 0, 0.8) none repeat scroll 0 0;}
.gamme-bg-rose{
	background: rgba(247,189,216,1);
	background: -moz-linear-gradient(45deg, rgba(247,189,216,1) 0%, rgba(238,122,176,1) 80%, rgba(238,122,176,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(247,189,216,1)), color-stop(80%, rgba(238,122,176,1)), color-stop(100%, rgba(238,122,176,1)));
	background: -webkit-linear-gradient(45deg, rgba(247,189,216,1) 0%, rgba(238,122,176,1) 80%, rgba(238,122,176,1) 100%);
	background: -o-linear-gradient(45deg, rgba(247,189,216,1) 0%, rgba(238,122,176,1) 80%, rgba(238,122,176,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(247,189,216,1) 0%, rgba(238,122,176,1) 80%, rgba(238,122,176,1) 100%);
	background: linear-gradient(45deg, rgba(247,189,216,1) 0%, rgba(238,122,176,1) 80%, rgba(238,122,176,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ee7ab0', GradientType=1 );
}
.block-list-double-gamme .block-text-gamme{background: rgba(192, 80, 149, 0.6) none repeat scroll 0 0;}

#content-single-gamme{position: relative;}
#content-single-gamme h1::before{content:url('img/icon/puce.svg'); width: 25px; height: 25px; display: inline-block; position: relative; top: 5px;}
#content-single-gamme h1{font-family: 'Theorem', sans-serif; color: #004b18; font-size: 2.0em; margin: 0;}
#content-single-gamme h2{font-family: 'Wes FY'; font-weight: bold; color: #004b18; font-size: 1.8em;}
#content-single-gamme h3{font-family: 'Wes FY'; font-weight: bold; color: #004b18; font-size: 1.2em; padding-top: 2rem;}
#content-single-gamme h4{font-family: 'Wes FY'; font-weight: bold; color: #ffb914; font-size: 1.2em;}
#content-single-gamme .gallery-top .swiper-slide{background-size: cover; width: 100%; height: 600px; background-repeat: no-repeat; background-position: center;}
#content-single-gamme .gallery-top .bulle-savez-vous{background-image: url('img/content/bulle-le-saviez-vous.svg'); width: 350px; height: 220px; position: relative; display: block; background-size: cover; background-repeat: no-repeat; top: 20px; right: -110px;}
#content-single-gamme .gallery-top .content-bulle{position: absolute; top: 40px; left: 60px; width: 210px;}
#content-single-gamme .gallery-top .content-bulle p{color: #fff;}
#content-single-gamme .gallery-top .array-gamme{position: relative;}
#content-single-gamme .gallery-top .array-gamme-bg{background-image: url('img/content/ardoise.png'); background-repeat: no-repeat; background-size: cover; width: 415px; height: 580px;}
#content-single-gamme .gallery-top .array-gamme-title{color: #fff; font-family: 'Wes FY'; font-weight: bold; width: 245px; display: block;}
#content-single-gamme .gallery-top .liste-nutrition{position: absolute; width: 290px; top: 40%; right: 27%; color: #fff; font-family: 'Wes FY';}
#content-single-gamme .gallery-top .array-gamme-left{border-right: 1px solid #fab81e; border-top: 1px solid #fab81e; border-bottom: 1px solid #fab81e; font-size: 0.8em; margin: 0; padding: 1rem 0;}
#content-single-gamme .gallery-top .array-gamme-right{border-top: 1px solid #fab81e; border-bottom: 1px solid #fab81e; font-size: 0.8em; margin: 0; padding: 1rem 0;}
#content-single-gamme .gallery-thumbs .swiper-slide{width: auto; width: 200px; cursor: pointer;}
#content-single-gamme .gallery-thumbs .swiper-slide-active .bg-actif{background-color: rgba(255,255,255,0.6);}
#content-single-gamme .btn-next-link{position: relative; bottom: inherit; right: inherit;}
#content-single-gamme .gallery-top .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230f4b23'%2F%3E%3C%2Fsvg%3E");}

/*#content-single-gamme .swiper-container{height: 500px; margin-left: auto; margin-right: auto; position: relative;}
#content-single-gamme .swiper-slide{background-size: cover; background-position: center;}
#content-single-gamme .gallery-top{height: 400px;}
#content-single-gamme .gallery-top .swiper-slide{background-color: #cecece;}
#content-single-gamme .gallery-thumbs{height: 100px; box-sizing: border-box;}
#content-single-gamme .gallery-thumbs .swiper-slide{height: 100%; opacity: 0.4; background-color: #cdfa14; cursor: pointer;}
#content-single-gamme .gallery-thumbs .swiper-slide-active{opacity: 1;}
#content-single-gamme .content-slide{display: flex; justify-content: space-around; align-items: center;}*/

#content-histoire{background-color: #ffd9aa;}
#content-histoire h1{font-family: 'Theorem', sans-serif; color: #004b18; font-size: 1.8em; margin: 0;}
#content-histoire #bg-orange{background-image: url('img/bg/orange-white-fond.png'); width: 311px; height: 294px; background-repeat: no-repeat; position: absolute; top: -120px; right: 440px; transform: rotate(-110deg); z-index: 1; opacity: 0.3}
#content-histoire #bg-pomme{background-image: url('img/bg/pomme-white-fond.png'); width: 269px; height: 294px; background-repeat: no-repeat; position: absolute; top: 25px; right: 60px; transform: rotate(-55deg); z-index: 1; opacity: 0.3}
#content-histoire .thumbs-histoire{position: relative; top: 60px; height: 500px;}
#content-histoire .thumb-histoire1, #content-histoire .thumb-histoire2, #content-histoire .thumb-histoire3,
#content-histoire .thumb-histoire4, #content-histoire .thumb-histoire5, #content-histoire .thumb-histoire6,
#content-histoire .thumb-histoire7, #content-histoire .thumb-histoire8, #content-histoire .thumb-histoire9{position: absolute; display: inline-block;}
#content-histoire .thumb-histoire1:hover, #content-histoire .thumb-histoire2:hover, #content-histoire .thumb-histoire3:hover,
#content-histoire .thumb-histoire4:hover, #content-histoire .thumb-histoire5:hover, #content-histoire .thumb-histoire6:hover,
#content-histoire .thumb-histoire7:hover, #content-histoire .thumb-histoire8:hover, #content-histoire .thumb-histoire9:hover{z-index: 999;}
#content-histoire .thumb-histoire1{top: 15%; left: 2%; z-index: 1;}
#content-histoire .thumb-histoire2{top: 0%; left: 14%; z-index: 2;}
#content-histoire .thumb-histoire3{top: 38%; left: 17%; z-index: 3;}
#content-histoire .thumb-histoire4{top: 0; left: 28%; z-index: 4;}
#content-histoire .thumb-histoire5{top: 25%; left: 40%; z-index: 7;}
#content-histoire .thumb-histoire6{top: 0%; left: 50%; z-index: 6;}
#content-histoire .thumb-histoire7{top: 40%; left: 62%; z-index: 7;}
#content-histoire .thumb-histoire8{top: 0%; left: 70%; z-index: 8;}
#content-histoire .thumb-histoire9{top: 45%; left: 79%; z-index: 9;}
#content-histoire #bg-pomme-2{background-image: url('img/bg/pomme-white-fond.png'); width: 269px; height: 294px; background-repeat: no-repeat; position: absolute; bottom: 210px; right: 40%; z-index: 1; opacity: 0.3}
#content-histoire #bg-poire{background-image: url('img/bg/poire-white-fond.png'); width: 270px; height: 420px; background-repeat: no-repeat; position: absolute; bottom: -90px; right: 165px; z-index: 1; opacity: 0.3}
#content-histoire #cigogne-jongleur{background-image: url('img/content/cigogne-jongleur.png'); width: 530px; height: 520px; background-repeat: no-repeat; position: relative; bottom: -50px; left: 0; z-index: 1; display: block;}

.fancybox-close-small::before{content: url('img/icon/pomme-bouton.svg') !important; background-size: contain !important; width: 45px !important; height: 45px !important; background-repeat: no-repeat !important; position: absolute !important; top: 2px; right: 2px;}
.fancybox-close-small::after{color: #00441b !important; font-size: 2.0em !important; font-family: 'Theorem', sans-serif !important; top: 13px !important; right: 10px !important;}
.fancybox-container h2{font-family: 'Theorem', sans-serif; color: #004b18; font-size: 1.6em; margin: 0;}
.fancybox-container p{font-family: 'Wes FY'; font-size: 1.0em;}
.fancybox-container img{height: 250px;}

#content-page-jus{background-color: #f5be67; background-image: url('img/bg/fond-jus-si-bons.png'); background-repeat: no-repeat; position: relative; height: 700px;}
#content-page-jus h1{font-family: 'Theorem', sans-serif; color: #1a3d18;}
#content-page-jus .btn-next-link{position: relative; bottom: 0; right: inherit;}
#content-page-jus .btn-next-link .arrow-green{position: relative; top: inherit; left: 30px;}
#content-page-jus #block-left{padding: 0 10rem;}
#content-page-jus #block-right{position: relative;}
#content-page-jus #pile-fruit{background-image: url('img/content/pile-de-fruits.png'); width: 300px; height: 510px; position: absolute; top: 40px; right: 330px; background-repeat: no-repeat; background-size: contain; display: block;}
#content-page-jus #bulle-blanche{background-image: url('img/content/bulle-blanche.png'); width: 290px; height: 210px; position: absolute; top: 30px; right: 210px; background-repeat: no-repeat; background-size: contain; z-index: 10; display: block;}
#content-page-jus #texte-bulle-blanche{width: 180px; height: 80px; position: absolute; top: 100px; right: 280px; z-index: 11; color: #00441b; font-family: 'Theorem', sans-serif; font-size: 1.4em; display: block;}
#content-page-jus #cigogne-transat{background-image: url('img/content/cigogne-transat.png'); width: 365px; height: 400px; position: absolute; top: 200px; right: 100px; background-repeat: no-repeat; background-size: contain; display: block;}

#content-page-agriculture{background-color: #abd46e; background-image: url('img/bg/fond-agriculture.png'); background-repeat: no-repeat; position: relative;}
#content-page-agriculture h1{font-family: 'Theorem', sans-serif; color: #1a3d18;}
#content-page-agriculture h2{font-family: 'Wes FY'; font-size: 1.2em; font-weight: bold;}
#content-page-agriculture #block-left{padding: 0 15rem;}
#content-page-agriculture #block-left #arbre{background-image: url('img/content/arbre.png'); width: 365px; height: 370px; position: relative; bottom: -35px; left: -30px; background-repeat: no-repeat; background-size: contain;}
#content-page-agriculture #block-right{padding: 0 30rem 0 0; position: relative; top: -10%;}
#content-page-agriculture #block-right #cigogne-planete{background-image: url('img/content/cigogne-planete.png'); width: 365px; height: 370px; position: relative; top: 60px; right: -110%; background-repeat: no-repeat; background-size: contain; display: block;}
#content-page-agriculture #block-right .btn-next-link{position: relative; bottom: -20px; right: inherit;}
#content-page-agriculture #block-right .btn-next-link .arrow-green{top: 2px;}

#content-page-pomme{background-color: #f6c55c; background-image: url('img/bg/fond-pommes-de-france.png'); background-repeat: no-repeat;}
#content-page-pomme h1{font-family: 'Theorem', sans-serif; color: #1a3d18;}
#content-page-pomme h2{font-family: 'Wes FY'; font-size: 1.2em; font-weight: bold; padding-top: 4rem;}
#content-page-pomme #block-left{padding: 10rem 12rem 5rem}
#content-page-pomme #block-left div{position: relative;}
#content-page-pomme #block-left div a{position: absolute; top: -20px; left: 400px;}
#content-page-pomme #block-right{position: relative;}
#content-page-pomme #block-right #cigogne-jongleur{background-image: url('img/content/cigogne-jongleur-pomme.png'); width: 380px; height: 880px; position: absolute; top: 1%; right: -8%; background-repeat: no-repeat; background-size: contain; display: block;}
#content-page-pomme #block-label{padding: 0 12rem}
#content-page-pomme #block-label h3{font-family: 'Wes FY'; font-size: 1.0em; font-weight: bold;}
/*#content-page-pomme .block-thumb-label{height: 130px;}*/
#content-page-pomme .thumb-label{background-size: contain; display: block; width: 215px; background-repeat: no-repeat; background-position: center;}
#content-page-pomme .block-content-label{padding: 2rem 6rem 0;}
#content-page-pomme .btn-next-link{position: relative; bottom: inherit; right: inherit;}

#content-contact .wpcf7{width: 100%; display: flex; justify-content: center;}
#content-contact .wpcf7-form{display: flex; width: 85%; flex-wrap: wrap; justify-content: center;}
#content-contact .wpcf7-form p{width: 33.333%; flex-direction: row; -moz-box-direction: normal; -moz-box-orient: horizontal; display: flex; justify-content: center; position: relative;}
#content-contact .wpcf7-form p.full-width{width: 100%; flex-direction: column; -moz-box-direction: normal; -moz-box-orient: vertical; padding: 0 8rem;}
#content-contact .wpcf7-form p.align-right{justify-content: flex-end; position: relative; right: 3%;}
#content-contact .wpcf7-form textarea{width: 100%;}
#content-contact .wpcf7-form input, #content-contact .wpcf7-form textarea{border-radius: 10px; border: 1px solid #cecece; padding: 1rem 2rem; width: 100%;}
#content-contact .wpcf7-form .full-width label{width: 100%;}
#content-contact #bg-orange{background-image: url('img/bg/poire-verte-fond.png'); width: 271px; height: 422px; background-repeat: no-repeat; position: absolute; bottom: -135px; right: 0; opacity: 0.05; z-index: -1; transform: rotate(-25deg);}
#content-contact #bg-poire{background-image: url('img/bg/orange-verte-fond.png'); width: 311px; height: 294px; background-repeat: no-repeat; position: absolute; bottom: -160px; right: 280px; opacity: 0.05; z-index: -1;}

/*#content-contact .wpcf7-form input[type="submit"]{height: 40px; position: absolute; bottom: 0; left: -30px;}*/

#content-page-global h3{padding-top: 4rem;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	#bandeau-home h1{bottom: 80px;}
}

@supports (-ms-accelerator:true) {
	/* IE Edge 12+ CSS styles go here */ 
	#bandeau-home h1{bottom: 80px;}
}

@media (max-width: 1900px) {
	#block-home #cigogne-cageot{background-size: contain; width: 200px; height: 340px; top: 110px; right: 0;}
}

@media (max-width: 1600px) {
	
	header #main-menu{padding: 0 15rem;}
	
	#block-home .text-bulle{font-size: 1.2em;}
	#block-home #bulle1{width: 185px; height: 155px; top: 80px; left: 25px;}
	#block-home #text-bulle1{top: 125px; left: 50px; width: 125px;}
	#block-home #bulle2{width: 225px; height: 130px; top: 173px; left: 140px;}
	#block-home #text-bulle2{top: 200px; left: 170px; width: 150px;}
	#block-home #bulle3{width: 205px; height: 140px; top: 280px; left: 10px;}
	#block-home #text-bulle3{top: 310px; left: 40px; width: 85px; line-height: 1.2em;}
	#block-home #bulle4{width: 185px; height: 150px; top: 350px; left: 200px;}
	#block-home #text-bulle4{top: 390px; left: 220px; width: 150px;}
	#block-home #cigogne-cageot{width: 200px; height: 340px; top: 110px; right: 0;}
	
	#content-gamme .block-list-double-gamme .title-principal{left: 27%;}
	
	#content-single-gamme .gallery-top .liste-nutrition{right: 23%;}
}

@media (max-width: 1500px) {
	#block-home #cigogne-cageot{display: none;}
	
	#content-gamme .block-text-gamme{height: 50%;}
	.block-list-double-gamme .block-gamme a{justify-content: flex-end;}
	.block-list-double-gamme .block-gamme a .titlre-gamme{padding: 0;}
	.block-list-double-gamme .block-gamme .block-image-gamme img{width: 100px;}
	
	#content-page-pomme #block-left{padding: 10rem 2rem 5rem;}
	
	#content-contact .wpcf7-form p.full-width{padding: 0;}
}

@media (max-width: 1300px) {
	
	header #main-menu{padding: 0 4rem;}
	header #header-social-network{right: 0%;}
	
	#content-gamme{padding: 0 8rem;}
	
	.content-page #bulle-orange{background-size: cover; width: 360px; height: 210px; top: 60px; right: 120px;}
	.content-page #text-bulle-orange{top: 110px; right: 200px;}
	.content-page #cigogne-engagement{width: 240px; right: -45px;}
	
	#content-gamme .block-list-double-gamme .title-principal{left: 20%;}
	#content-gamme .block-list-double-gamme .block-gamme a{padding: 2rem;}
	
	#content-single-gamme .gallery-top .bulle-savez-vous{right: 0;}
	#content-single-gamme .gallery-top .liste-nutrition{width: 260px; right: 13%;}
}

@media (max-width: 1200px) {
	#content-gamme{padding: 0 2rem;}
	#content-gamme .last-block{left: 0;}
	
	#content-single-gamme .gallery-top .array-gamme-bg{width: 390px; height: 470px;}
	
	#content-page-pomme{padding: 2rem;}
	#content-page-pomme #block-left, #content-page-pomme #block-right{padding: 0 2rem;}
	#content-page-pomme .block-content-label{padding: 0;}
	
	#content-page-agriculture #block-left, #content-page-agriculture #block-right{padding: 0 2rem;}
	#content-page-agriculture .block-content-label{padding: 0;}
	#content-page-agriculture #block-right #cigogne-planete{right: -55%;}
}

@media (max-width: 960px) {
	.small-flex{display: flex;}
	.small-center-vertical{align-items: center;}
	.small-center-horizontal{justify-content: center;}
	.small-column-flex{flex-direction: column; -moz-box-direction: normal; -moz-box-orient: vertical;}
	.small-row-flex{flex-direction: row; -moz-box-direction: normal; -moz-box-orient: horizontal;}
	.small-no-flex{display:block;}
	.small-start-horizontal{justify-content: flex-start;}
	.small-space-around{justify-content: space-around;}
	.small-space-between{justify-content: space-between;}
	.small-h0{height: auto;}
	.logo-responsive{position: relative; top: -20px;}
	
	.c-button{top: 5px;}
	
	header{height: 70px;}
	
	#bandeau-home{height: 400px;}
	#bandeau-home #cigogne-cidoux{width: 550px; height: 300px; top: -50px; left: -220px;}
	#bandeau-home #pancarte-cidoux{bottom: -100px; height: 300px; width: 300px; right: 20px;}
	#bandeau-home h1{bottom: 80px; font-size: 1.8em; line-height: 3rem; right: 95px; width: 180px;}
	
	#block-home #story-block,
	#block-home #engagement-block,
	#block-home #gamme-block{height: 150px;}
	#block-home #story-block{background-position: -25px 55px; background-size: 280px;}
	#block-home #engagement-block h2{font-size: 2.8rem}
	#block-home #bg-orange{background-size: cover; width: 145px; height: 125px; bottom: -40px; right: 20px;}
	#block-home #bg-poire{background-size: cover; width: 180px; height: 225px; bottom: -60px; left: -45px;}
	
	#bandeau-content h1{text-align: center; font-size: 1.8em;}
	
	.content-page .bg-orange{background-color: #F5BE68;}
	.content-page .btn-next-link{position: inherit;}
	
	#content-engagement .bg-orange{top: 0;}
	#content-engagement .last-block{left: 0; top: 0; height: auto;}
	#content-engagement .btn-next-link{position: relative; bottom: 0; right: 0;}
	#content-engagement .btn-next-link .arrow-green{position: relative; top: 0; right: -30px;}
	
	#content-histoire .btn-next-link{position: relative; bottom: 0; right: 0;}
	#content-histoire .btn-next-link .arrow-green{position: relative; top: 0; right: -30px;}
	
	#content-gamme{padding: 0;}
	/*#content-gamme .block-gamme{height: 80%;}*/
	#content-gamme .block-list-gamme, #content-gamme .block-list-double-gamme{padding: 0 0 2rem}
	#content-gamme .block-text-gamme-mobile{display: block; /*height: 20%;*/}
	#content-gamme .block-text-gamme-mobile p{color: #fff;}
	#content-gamme .block-text-gamme-mobile.gamme-bg-orange{background: rgba(234, 107, 72, 0.85) none repeat scroll 0 0;}
	#content-gamme .block-text-gamme-mobile.gamme-bg-vert{background: rgba(0, 75, 24, 0.85) none repeat scroll 0 0;}
	#content-gamme .block-text-gamme-mobile.gamme-bg-jaune{background: rgba(239, 156, 0, 0.6) none repeat scroll 0 0;}
	#content-gamme .block-text-gamme-mobile.gamme-bg-rose{background: rgba(192, 80, 149, 0.6) none repeat scroll 0 0;}
	#content-gamme .block-gamme.gamme-bg-orange .bg-image-gamme{width: 230px; height: 380px; right: -60px; bottom: -150px;}
	#content-gamme .block-gamme.gamme-bg-vert .bg-image-gamme{width: 310px; height: 330px; right: -130px;bottom: -70px;}
	#content-gamme .block-gamme.gamme-bg-jaune .bg-image-gamme{width: 150px; height: 220px; right: 10px; bottom: -15px;}
	#content-gamme .block-gamme.gamme-bg-rose .bg-image-gamme{width: 240px; height: 300px; right: -30px; bottom: -150px;}
	#content-gamme .block-gamme .title-gamme{padding: 0}
	#content-gamme .last-block{top: 0; left: 0; height: auto;}
	#content-gamme .block-list-double-gamme .title-principal{left: 33%;}
	
	#content-single-gamme .gallery-top .swiper-slide{height: auto;}
	#content-single-gamme .gallery-top .swiper-slide img{width: 100px !important;}
	#content-single-gamme .gallery-top .array-gamme{background-color: #333;}
	#content-single-gamme .gallery-top .swiper-slide .array-gamme-bg{width: auto; height: auto; background-image: none;}
	#content-single-gamme .gallery-top .liste-nutrition{position: relative; width: auto; top: 0; right: 0;}
	#content-single-gamme .gallery-top .swiper-button-next, #content-single-gamme .gallery-top .swiper-button-prev{top: 15%;}
	#content-single-gamme .gallery-top .swiper-slide .bulle-savez-vous p{color: #fff;}
	#content-single-gamme .gallery-top .bulle-savez-vous{background-color: #004b18; width: auto; height: inherit; top: 0; right: 0;}
	#content-single-gamme .gallery-top .content-bulle{position: relative; top: 0; left: 0; width: inherit;}
	#content-single-gamme .gallery-thumbs .swiper-slide{margin-right: 0 !important;}
	
	#content-page-jus{height: 1000px;}
	#content-page-jus #block-left{padding: 2rem;}
	#content-page-jus #pile-fruit{right: 230px;}
	#content-page-jus #bulle-blanche{right: 65px; width: 260px}
	#content-page-jus #texte-bulle-blanche{right: 115px; top: 90px}
	#content-page-jus #cigogne-transat{right: -40px; top: 105px;}
		
	#content-page-agriculture{height: auto;}
	#content-page-agriculture #block-left{padding: 2rem}
	#content-page-agriculture #block-right{padding: 2rem}
	#content-page-agriculture #block-right #cigogne-planete{top: -10px; right: -55%;}
	
	#content-page-pomme{padding: 2rem;}
	#content-page-pomme #block-left{padding: 2rem;}
	#content-page-pomme #block-label{padding: 2rem;}
	#content-page-pomme .block-content-label{padding: 2rem 0;}
	#content-page-pomme .empty-block{height: 0;}
	#content-page-pomme .block-thumb-label{height: auto;}
	
	#content-contact .wpcf7-form{flex-direction: column; -moz-box-direction: normal; -moz-box-orient: vertical; align-items: center; justify-content: center;}
	#content-contact .wpcf7-form p{width: 100%;}
	#content-contact .wpcf7-form p label{width: 100%;}
	#content-contact .wpcf7-form input[type="submit"]{position: relative; bottom: 0; left: 0;}
	
	.thumbs-histoire-mobile{position: relative; display: block;}
	.thumb-histoire1, .thumb-histoire2, .thumb-histoire3,
	.thumb-histoire4, .thumb-histoire5, .thumb-histoire6{position: relative; height: 300px; width: 300px; background-color: #656565; display: block; top: 0; left: 0; margin: 2rem 0;}
	.histoire-mobile{display: block;}
}

@media (max-width: 768px) {
	.block-list-double-gamme .block-gamme{padding-top: 12rem;}
	.block-list-double-gamme .block-gamme .block-image-gamme img{width: 75px;}
}

@media (max-width: 420px) {

	.c-button{top: -15px;}

	#bandeau-home{background-position: center right}
	#bandeau-home #cigogne-cidoux{width: 550px; height: 300px; top: -50px; left: -260px;}
	#bandeau-home #pancarte-cidoux{bottom: -100px; height: 300px; width: 300px; right: -20px;}
	#bandeau-home h1{bottom: 80px; font-size: 1.8em; line-height: 3rem; right: 60px; width: 180px;}
	
	#content-page-agriculture #block-right #cigogne-planete{top: -10px; right: -30%;}
	
	#content-gamme .block-list-double-gamme .btn-link-more .arrow-white{right: 10px;}
	#content-gamme .block-list-double-gamme .title-principal{left: 15%;}
}

/***************** loading *****************/

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%; /*background: #fff;*/
  /*border: 1px solid $brand-primary;*/
  overflow: hidden;
  background-image: url('img/logo/loader.gif');
  background-size: 150px 150px;
  background-repeat: no-repeat;
  background-position: center center;
}

.pace.pace-inactive {
  display: none;
}

body> :not(.pace),
body:before,
body:after {
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
  -o-transition: opacity .4s ease-in-out;
  -ms-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out
}

body:not(.pace-done)> :not(.pace),
body:not(.pace-done):before,
body:not(.pace-done):after {
  opacity: 0
}

body#tinymce:not(.pace-done)> :not(.pace),
body#tinymce:not(.pace-done):before,
body#tinymce:not(.pace-done):after {
  opacity: 1;
}