*,
*:after,
*:before {
	box-sizing: border-box;
}
.container{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
section .container{
	padding-top: 30px;
}
body{
	font-family: 'Open Sans', sans-serif;
	color: #353535; 

	font-weight: 400;
	line-height: 22px;
}
h1, h2, h3, h4, h5{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #111;
	line-height: 1;
}
p, ul, a, span, div{
		font-size: 16px;
}
ul{
	list-style-image: url('../img/puce-bleu.png');
	line-height: 25px;
}
a{
	text-decoration: none;
	color: #0055a0;
	transition: color 0.2s ease;
}
a:hover{
	color: #111;
}
table tbody{
	border-top: 1px solid #000;
}
table {
    border-collapse: collapse;
    width: 100%;
    background:#fff;
}

th, td {
    text-align: center;
    padding: 8px;
}
th {
	border-bottom:1px solid #000 !important;
	text-align: center !important;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #4CAF50;
    color: white;
}
/*========== HEADER =========*/
#feuille{
	display: none;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 170px;
	transition: top 0.3s ease;
}
#feuille img{
	width: 100%;
}
.logo-container{
	display: inline-block;
	padding: 21px 0;
	position: relative;
	z-index: 0;
	width: 280px;
}
.logo-container img{
	width: 100%;
	height: auto;
}
.headerinfo{
	text-align: right;
	color: #fff;
}
.headerinfo a{
	color: #fff;
}
.headertop .social-icons span{
	margin-right: 0;
	cursor: pointer;
}
.social-icons{
	display: inline-block;
	margin-right: 20px;
}
.social-icons a{
	font-size: 19px;
}
.headerinfo span i{
	font-size: 19px;
}
.headertop{
	background-color: #08b4f5;
	padding: 5px 0;
	transition: padding 0.4s ease;
	position: relative;
	z-index: 1;
}

.headertop span{
	margin-right: 10px;
}
.headertop .container{
	position: relative;
}
.headerwrap{
	border-top: 1px solid #d6d6d6;
}
/*Sticky*/
.headWrapper{
	margin-bottom: -176px;
	position: relative;
	z-index: 50;
}
.not-front section{
	padding-top: 176px;
}
.slick-front{
	padding-top: 176px;
}
header .scrolled{
	position: fixed;
	top:0;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #dedede;
	z-index: 9999;
}
.scrolled .headertop{
	padding: 0;
}
.scrolled .headertop .container{
	display: none;
}
.scrolled #feuille{
	top: -60px;
}
.scrolled .logo-container{
	width: 240px;
	padding: 18px 0 11px;
}
.scrolled .menu .main-menu li{
	padding: 27px 23px;
}
.scrolled .menu .main-menu > li:nth-child(4){
	padding: 39px 23px!important;
}
/*Facebook*/
#facebook-block{
	position: absolute;
	top: 30px;
	width: 353px;
	height: 360px;
	padding: 5px;
	background-color: #fff;
	border: 4px solid #08B4F5;
}
#twitter-block{
	position: absolute;
	top: 30px;
	width: 353px;
	height: 360px;
	padding: 5px;
	background-color: #fff;
	border: 4px solid #08B4F5;
	overflow-y: scroll;
}
#langues{
	cursor: pointer;
}
#langues-block{
	position: absolute;
	top: 30px;
	right: -38px;
	width: 150px;
	height: 170px;
	padding: 5px;
	background-color: #fff;
	border: 4px solid #08B4F5;
}
#langues-block ul {
	margin:0;
	padding:0;
}
#langues-block ul li {
	margin: 0
	padding:0;
	list-style:none;
	display:inline-block;
	float:left;
}
#langues-block img{
	width: 41px;
	margin: 10px 0 10px 0;
}
#langues-block li.cs,
#langues-block li.de,
#langues-block li.it,
#langues-block li.ru {
	display:none;
}
#langues-block li img {
	width: 41px;
	height:auto;
	margin: 10px 0 10px 0;
}
/*========= MENU =========*/
.headerwrap .container{
	position: relative;
	/*z-index: 3;*/
}
nav ul{
	margin: 0;
}
nav{
	float: right;

}
.bckg-menu{
	background: #0C86C6;
	height: 50px;
}
.menu .main-menu{
	display: flex;
	flex-direction:row;
	justify-content: space-around;
}
.menu .main-menu li{
	list-style: none;
	padding: 40px 23px;
	text-transform: uppercase;
	text-align: center;
}
.menu .main-menu li .accrochesystems {
	text-transform:none;
	font-size: 15px;
	line-height:15px;
	text-align:left;
	padding:15px 0 0 0;
	margin:0;
}
.menu .main-menu li.additive{
	padding: 49px 23px
}
.menu .main-menu li a{
	color: #323232;
	text-decoration: none;
	padding: 0 0;
	font-size: 15px;
	font-weight: 600;
}
.menu .main-menu > li > a{
	font-family: 'Open Sans';
}

.menu .main-menu .organics a{
	color: #732b0b;
}

@media screen and (min-width: 1025px){
	.menu .main-menu .organics:hover a{
		color: #ff6000;
	}
	.menu .main-menu li a:hover{
		color: #00A651;
	}
}
.dropdown{
	display: inline-block;
}
.submenu{
	background-image: url('../img/ombre-slider.png');
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 999;
	top: 137px;
	height: 370px;
	width: 100%;
	padding: 20px;
	left: 0;
	background-color: #fff;
	border-bottom: solid 8px #00a651;
	display: none;
}
#presentation .submenu{
	height: 380px;
}
.scrolled .submenu{
	top: 111px;
}
.main-menu .submenu ul li{
	padding: 0;
	text-transform: none;
	text-align: left;
	list-style-image: url('../img/liste-carre.jpg');
}
.scrolled .main-menu .submenu li:nth-child(3), .scrolled .menu .main-menu .submenu li:nth-child(4){
	padding: 0;
}
 .main-menu .submenu li:nth-child(3), .scrolled .menu .main-menu .submenu li:nth-child(4){
	padding: 0;
}
.scrolled .main-menu .submenu ul li{
	padding: 0;
}
.main-menu .submenu img{
	float: left;
	margin-right: 20px;
}
.main-menu .submenu.systems img{
	float: none;
	margin-right: 8px;
}
.main-menu .submenu.systems li{
	list-style: none;
}
.menu .submenu .product > a,
.menu .submenu .product{
	margin-bottom:5px;
	display: flex;
	text-transform:none;
}
.menu .submenu .engraisSub .product{
	margin-bottom: 35px;
}
.menu .submenu .additifsSub .product{
	margin-bottom: 0px;
	min-height:110px;
}
.menu .submenu .ghBooster{
	display: block;
}
.menu .submenu .ghBooster .menuImg{
	display: flex;
	overflow: visible;
}
.menu .submenu .ghBooster .menuImg a:first-child img{
	margin-left: 22px;
}
.menu .submenu .ghBooster .menuImg a:nth-child(2) img{
	margin-left: 27px;
}
.menu .submenu .ghBooster .menuImg a:nth-child(3) img{
	margin-left: 27px;
}
.menu .submenu.systems .menuImg{
	width: 81px;
	overflow: visible;
}
.menu .submenu.systems .product{
	margin-bottom: 20px;
	min-height: 90px;
}
.menu .main-menu .submenu li a,
.menu .submenu .product a {
	font-weight: normal;
	font-size: 15px;
}
.menu .submenu .product a.texteMenu,
.menu .additifsSub .product a.texteMenu,
.menu .submenu .product span.texteMenu,
.menu .additifsSub .product span.texteMenu {
	font-size: 12px;
	line-height:16px;
	margin-top: 10px;
	display: block;
}
.menu .submenu .product a {
	margin: auto 0;
}

.bigTitre{
	font-family: 'Montserrat';
	font-weight: 700;
	color: #00a651;
	text-transform: none;
	margin-bottom: 0;
	text-align: left;
}
.bigTitre:first-child{
		margin-top: 0;
}
.bigTitre + .smallTitre{
	margin-top: 0;
}
.smallTitre,
.menu .main-menu li .smallTitre a{
	font-family: 'Montserrat';
	font-weight: 700;
	color: #009bd4;
	text-transform: none;
	text-align: left;
}

#main-menu li#presentation .submenu p.smallTitre {
	margin-bottom:0;
}
#main-menu .col #user-login-form div label {
	font-size:12px;
}

.organics .submenu{
	display: none;
	border-bottom: 8px solid #ff6000;
}
.mineral .submenu{
	border-bottom: 8px solid #367f0a;
}
.additive .submenu{
	border-bottom: 8px solid #b90000;
}
.system .submenu{
	border-bottom: 8px solid #0440b8;
}
.menu .main-menu li .ssTitreLien{
	 color: #00a651;
    font-family: "Montserrat";
    font-weight: 700;
    margin-bottom: 0;
    text-align: left;
    text-transform: none;
}
/*========= SLIDER ==========*/
.slick-front [data-animation-in] {
    opacity: 0;
}
.slick-inter{
		height: 500px;
	overflow: hidden;
}
.slick-inter img{
	width: 100%;

}

.gallery .slick-prev {
	background:url('../img/slide-prev.png') no-repeat center center !important;
	color:green !important;
	top: 50%!important;
	width:55px!important;
	height:80px!important;
	left:0;
}
.gallery .slick-next {
	background:url('../img/slide-next.png') no-repeat center center !important;
	color:green !important;
	top: 50%!important;
	width:55px!important;
	height:80px!important;
	right:0;
}
.gallery .slick-prev::before, .gallery .slick-next::before{
	color:green!important;
	content:none!important;
}

.slick-arrow{
	font-size: 0;
	width: 53px;
	height: 55px;
	border: none;
	cursor: pointer;
}
.slick-next{
	position: absolute;
	top: 27%!important;
	right: 0;
	background: url('../img/next-arrow.png') no-repeat center center;
	color: #fff!important;
}
.slick-prev{
	position: absolute;
	top: 27%!important;
	left: 0;
	z-index: 3;
	background: url('../img/prev-arrow.png') no-repeat center center;
	color: #fff!important;
}
.node-type-produits .slick-arrow{
	font-size: 0;
width: 53px;
height: 55px;
border: none;
cursor: pointer;
}
.node-type-produits .slick-prev,
.node-type-produits .slick-prev:hover {
    position: absolute;
    top: 44%;
    left: 0;
    z-index: 3;
    background: url('../img/prev-arrow-fiche.png') no-repeat center center #00A651;
}
.node-type-produits .slick-prev::before,
.node-type-produits .slick-next::before{
	content: "";
}
.node-type-produits .slick-next,
.node-type-produits .slick-next:hover{
	    position: absolute;
    top: 44%;
    right: 0;
    background: url('../img/next-arrow-fiche.png') no-repeat center center #00A651;
}
.node-type-produits .box > a:first-child{
	display: block;
	text-align: center;
	font-size:12px;
	outline:none !important;
	border:0;
}
.node-type-produits .box > a,
.node-type-produits .box > a:active,
.node-type-produits .box > a:focus,
a, a:active, a:focus, 
button, button:focus, button:active, 
.ui-accordion-header, .ui-accordion-header:focus, .ui-accordion-header:active:focus, .ui-accordion-header.active:focus, .ui-accordion-header.focus, .ui-accordion-header.focus:active, .ui-accordion-header.active.focus {
	outline:medium none !important;
	outline: 0;
}
.node-type-produits .box > a:nth-child(3){
	display: block;
	text-align: center;
	font-size:12px;
}
.slick-prev::before, .slick-next::before{
	color: #fff!important;
}
.slick-front .item{
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
}
.slick-front .item-1{
	background: url('../img/slide1.jpg') no-repeat center;
	background-size: cover;
}
.slick-front .item-2{
	background: url('../img/slide1.jpg') no-repeat center;
	background-size: cover;
}
.slick-front .first-line,
.slick-front .second-line,
.slick-front .third-line{
	font-family: "Montserrat";
	font-size: 75px;
	line-height: 83px;
	position: absolute;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.slick-front .item-1 .first-line{
	top: 116px;
	left: 133px;
}
.slick-front .item-1 .second-line{
	top: 77px;
	right: 133px;
}
.slick-front .item-1 .third-line{
	top: 166px;
	right: 294px;
}
.galleryThumbnail .slick-prev, .galleryThumbnail .slick-next{
	display: none!important;
}
/*========== CONTENU =============*/

#block-views-photos-products-block-1 h2,
#block-views-photos-products-block-3 h2,
#block-views-photos-products-block-5 h2,
#block-views-photos-products-block-6 h2,
#block-views-photos-products-block-8 h2 {
	color: #00A9C7;
}
#block-views-photos-products-block-2 h2,
#block-views-photos-products-block-4 h2,
#block-views-photos-products-block-7 h2 {
	color: #00A651;
}
#block-views-photos-products-block-1,
#block-views-photos-products-block-2,
#block-views-photos-products-block-3,
#block-views-photos-products-block-4,
#block-views-photos-products-block-5,
#block-views-photos-products-block-6,
#block-views-photos-products-block-7,
#block-views-photos-products-block-8 {
	border-bottom:1px solid #ccc;
	margin-bottom:40px;
	padding-bottom:20px;
}
.bloc-accueil{
	width: 100%;
	height: 106px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center !important;
}
.bloc-accueil p {
	/*color: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
	margin: 24% 0;
	text-align: center;
		
	font-size: 25px;
	line-height: 25px;
	text-transform: uppercase;*/
}
.bloc-accueil p a {
	color: #fff;
	font-family: 'Montserrat';
	font-weight: bold;
	margin: 24% 0;
	text-align: center;
		
	font-size: 25px;
	line-height: 25px;
	text-transform: uppercase;
}
.bOrange{
	background-image: url('../img/fond-orange.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 101%;
	border-top: solid 8px #ff6000;
	transition: background-size 0.5s ease;
}
.bOrange:hover,
.bVert:hover,
.bViolet:hover{
	background-size: 120%;
}
.bRouge:hover{
	background-size: 130%;
}
.bVert{
	background-image: url('../img/fond-vert.jpg');
	background-position: center;
	background-repeat: no-repeat;
	border-top: solid 8px #289e6e;
	background-size: 101%;
transition: background-size 0.5s ease;
}
.bViolet{
	background-image: url('../img/fond-violet.jpg');
	background-position: center;
	background-repeat: no-repeat;
	border-top: solid 8px #551ab6;
	background-size: 101%;
transition: background-size 0.5s ease;
}
.bRouge{
	background-image: url('../img/fond-rouge.jpg');
	background-position: center;
	background-repeat: no-repeat;
	border-top: solid 8px #ff0012;	
	background-size: 112%;
transition: background-size 0.5s ease;
}
.bloc1 img, .bloc2 img, .bloc3 img{
	width: 100%;
}
.texte{
	background-color: #00a651;
	color: #fff;
	padding: 40px 30px;
	height: 299px;
	position: relative;
}
.bloc1 .texte::before, .bloc3 .texte::before {
    content: " ";
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: -24px;
     border-bottom: 25px solid #00A651;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 25px;
}
.bloc2 .texte::before{
	content: " ";
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
	bottom: -24px;
	 border-top: 25px solid #00A651;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 0;
    width: 25px;
}
.texte h2{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 25px;
	margin-top:0;
}
#block-views-focus-store-block .view-content .texte h2 {
	margin:0 0 5px 0;
}
#block-views-focus-store-block .view-content p {
	margin:0;
	font-size: 14px;
}
.space{
	margin-bottom: 20px!important;
}
.btn-blue{
	padding: 10px 35px;
	background-color: #08b4f5;
	color: #fff;
	line-height: 30px;
}


.photoHeader{
	height: 178px;
	width: 100%;
	background-image: url('../img/header-bckg.jpg');
	background-repeat: no-repeat;
}
.skin-vert .ui-accordion-header{
	padding: 1em 0.5em 1em 0!important;
}
.skin-vert .ui-state-active, .skin-vert .ui-widget-content .ui-state-active, .skin-vert .ui-widget-header .ui-state-active, .skin-vert a.ui-button:active, .skin-vert .ui-button:active, .skin-vert .ui-button.ui-state-active:hover{
	background: #dbffd3;
	border:1px solid #9beb74;
}
.skin-vert .ui-state-default, .skin-vert .ui-widget-content .ui-state-default, .skin-vert .ui-widget-header .ui-state-default, .skin-vert .ui-button, html .skin-vert .ui-button.ui-state-disabled:hover, html .skin-vert .ui-button.ui-state-disabled:active{
	background: #dbffd3;
	border:1px solid #9beb74;
}
.skin-vert .ui-accordion-header::before{
	content:"+";
	font-size: 20px;
	color: #fff;
	padding: 11px 17px;
	background-color: #9beb74; 
}
.skin-vert .ui-accordion-header-active::before{
	content: "-";
	font-size: 20px;
	color: #fff;
	padding: 11px 18px;
	background-color: #9beb74;
}
.skin-vert .ui-accordion-content{
	background-color: #eaffe5;
	border: 1px solid #9beb74; 
}
.skin-vert{
	margin-bottom:35px!important;
}
.skin-orange-first .ui-state-active:first-child, .skin-orange-first .ui-widget-content .ui-state-active:first-child, .skin-orange-first .ui-widget-header .ui-state-active:first-child, .skin-orange-first a.ui-button:active:first-child, .skin-orange-first .ui-button:active:first-child, .skin-orange-first .ui-button.ui-state-active:first-child:hover{
	background: #eaf7ff;
	border:1px solid #4dc3d8;
}
.skin-orange-first .ui-state-default:first-child, .skin-orange-first .ui-widget-content .ui-state-default:first-child, .skin-orange-first .ui-widget-header .ui-state-default:first-child, .skin-orange-first .ui-button:first-child, html .skin-orange-first .ui-button.ui-state-disabled:first-child:hover, html .skin-orange-first .ui-button.ui-state-disabled:first-child:active{
	background: #eaf7ff;
	border:1px solid #4dc3d8;
}
.skin-orange-first .ui-accordion-header:first-child + .ui-accordion-content{
	background-color: #eaf7ff;
	border: 1px solid #4dc3d8; 
	border-top: 0;
}
.skin-orange-first .ui-accordion-header:first-child::before{
		content:"+";
	font-size: 20px;
	color: #fff;
	padding: 11px 17px;
	background-color: #4dc3d8; 
}
.skin-orange-first .ui-accordion-header-active:first-child::before{
	content: "-";
	font-size: 20px;
	color: #fff;
	padding: 11px 18px;
	background-color: #4dc3d8;
}
body.node-type-produits #accordion div.ui-accordion-content {
	
}
body.page-faqs .views-field-nothing .accordion  h3.ui-accordion-header.ui-state-default,
body.page-questions-frequentes .views-field-nothing .accordion  h3.ui-accordion-header.ui-state-default,
body.page-preguntas-frecuentes .views-field-nothing .accordion  h3.ui-accordion-header.ui-state-default,
body.page-haufig-gestellte-fragen .views-field-nothing .accordion  h3.ui-accordion-header.ui-state-default {
	background:none;
	color:#0055a0;
}
body.page-faqs .views-field-nothing .accordion  h3.ui-accordion-header.ui-state-default:hover {
	color:#111;
}
body.page-faqs .views-field-nothing .accordion .ui-widget-content a {
	color:#0055a0;
}
body.page-faqs .views-field-nothing .accordion .ui-widget-content a:hover {
	color:#111;
}

div.form-item-field-website-agreement-und-websiteyes label {
	font-weight: bold;
	color:red;
}




.photoProduit{
	width: 100%;
	background-color: #ebe6e2;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 265px;
	overflow: hidden;
}
body.page-node-219 .photoProduit {
	height:130px !important;
}
.product-list.lightblue .photoProduit {
	background-color: #EDF3FF !important;
}
.product-list.lightgreen .photoProduit {
	background-color: #E6F4DC !important;
}
.photoProduit img{
	max-height: 215px;
	transition: all 0.5s ease;
}
.photoProduit:hover img{
	transform: scale(1.2);
}
.produit h3{
	color: #00A9C7;
}
.produit h4{
	color: #00A9C7;
	font-size:14px;
	text-align:center;
	margin:0;
}
.sousTitre{
	font-size: 18px;
	margin-top: -7px;
	margin-bottom: 20px;
}
.breadcrumbs a{
	color: #8c8c8c;
}
.gallery{
	border: 1px solid #dcdcdc;
	margin-top: 20px;
}
.gallery .big{
	height: 400px;
	padding: 10px;
	width: 100%;
	overflow: hidden;
}
.gallery img{
	max-width: 95%;
	max-height: 95%;
}
.page-node-11 .gallery div[data-slick-index="3"] img{
	width: 100%;
	height: auto;
	margin-top: 110px;
}
.thumb{
	height: 150px!important;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	padding: 10px;
	margin-top: 10px;
}
.thumb:nth-last-child(n+2){
	margin-right: 10px;
}
.thumb img{
	width: 100%;
}
.galleryThumbnail .slick-list{
	padding: 0 1px!important;
}
.produitsSimilaires{
	padding: 0 95px;
	margin-bottom: 40px;
}
.produitsSimilaires img{
	margin: 0 auto;
}
.btn-wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.btn-acheter{
	flex: 1 1 auto;
	background-color: #6bcf54;
	padding: 13px;
	margin-top: 6px;
	height: 49px;
	text-align: center;
	font-weight: bold;
	color: #6bcf54;
	position: relative;
	margin-right: 10px;
	font-size: 0;
	transition: all 0.3s ease;
}
.btn-acheter::before{
	content: url('../img/cart.png');
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
}
.btn-acheter:hover{
	padding: 13.2px;
	font-size: 16px;
	background-color: #00A9C7;
	color: #fff;
}
.btn-acheter:hover::before{
	content: "";
}
.btn-instructions {
	flex: 1 1 auto;
	background-color: #6bcf54;
	padding: 13px;
	margin-top: 6px;
	height: 49px;
	text-align: center;
	font-weight: bold;
	color: #6bcf54;
	position: relative;
	font-size: 0;
	transition: all 0.3s ease;
}
.btn-instructions::before{
	content: url('../img/instructions.png');
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
}
.btn-instructions:hover{
	padding: 13.2px;
	font-size: 16px;
	background-color: #00A9C7;
	color: #fff;
}
.btn-instructions:hover::before{
	content: "";
}
.btn-fiche{
	flex: 1 1 auto;
	background-color: #6bcf54;
	padding: 13px;
	margin-top: 6px;
	height: 49px;
	text-align: center;
	font-weight: bold;
	color: #6bcf54;
	position: relative;
	margin-right: 10px;
	font-size: 0;
	transition: all 0.3s ease;
}
.btn-fiche::before{
	content: url('../img/fiche.png');
	position: absolute;
	left: 0;
	right: 0;
}
.btn-fiche:hover{
	padding: 13.2px;
	font-size: 16px;
	background-color: #00A9C7;
	color: #fff;
}
.btn-fiche:hover::before{
	content: "";
}
.btn-tableau{
	flex: 1 1 auto;
	background-color: #6bcf54;
	padding: 13px;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 12px;
	height: 49px;
	text-align: center;
	font-weight: bold;
	color: #6bcf54;
	position: relative;
	font-size: 0;
	transition: all 0.3s ease;
}
.btn-tableau::before{
	content: url('../img/tableau.png');
	position: absolute;
	left: 0;
	right: 0;
	top: 15px;
}
.btn-tableau:hover{
	padding: 13.2px;
	font-size: 16px;
	background-color: #00A9C7;
	color: #fff;
}
.btn-tableau:hover::before{
	content: "";
}
.btn-articles{
	flex: 1 1 auto;
	background-color: #6bcf54;
	padding: 13px;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 12px;
	height: 49px;
	width: 70px;
	text-align: center;
	font-weight: bold;
	color: #6bcf54;
	position: relative;
	font-size: 0;
	transition: all 0.3s ease;
}
.btn-articles::before{
	content: url('../img/articles.png');
	position: absolute;
	left: 0;
	right: 0;
	top: 15px;
}
.btn-articles:hover{
	padding: 13.2px;
	font-size: 16px;
	background-color: #00A9C7;
	color: #fff;
}
.btn-articles:hover::before{
	content: "";
}

.sidebar{
	background-color: #dbffd3;
	padding: 10px;
}
.sidebar h3{
	color: #00a651;
	margin-top: 0;
	font-size: 17px;
	font-weight: 700;
}

.align-left{
	float: left;
	margin-right: 10px;
}
.clear{
	clear: both;
}


.center{
	text-align: center;
}

.divider{
	border-bottom: 1px solid #d6d6d6;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 60px;
}
.orange{
	color: #00A9C7;
}
.gris{
	color: #9c9c9c;
}

#logo-menu{
	display: none;
}

.slick-slide img {
	margin:0 auto;
}
.menuImg{
	width: 75px;
	margin-right: 25px;
}
.organics .menuImg{
	width: 120px;
}
.main-menu .menuImg img{
	float: none;
	margin: 0;
}
.instruction-row {
	display: inline-block;
	margin-right: 30px;
	text-align:center;
}
.instruction-row p {
	margin-top: 3px;
	margin-bottom: 40px;
	font-weight: bold;
	text-align:center;
}
.instruction {
	display: inline-block;
	text-align:center;
}
.instruction p {
	margin-top: 3px;
	text-align:center;
}


.view-safety-datasheet .col {
	text-align:center;
}
.warranty {
	float:left;
	margin-right:20px;
	margin-bottom:30px;
}
body.page-distributors .grid-3_sm-2_xs-1 h3,
body.page-distribuidores .grid-3_sm-2_xs-1 h3,
body.page-distributeurs .grid-3_sm-2_xs-1 h3,
body.page-distributeurs .grid-3_sm-2_xs-1 h3 {
	width:100%;
	text-transform:uppercase;
	color:#00A9C7;
}
body.page-safety-datasheethtml .grid-6_sm-2_xs-1 h3,
body.page-fichas-de-seguridad .grid-6_sm-2_xs-1 h3,
body.page-fiches-de-securite .grid-6_sm-2_xs-1 h3,
body.page-systemanweisungenhtml .grid-6_sm-2_xs-1 h3 {
	width:100%;
}
body.page-instructionshtml .grid-6_sm-2_xs-1 h3,
body.page-instrucciones-de-sistemas .grid-6_sm-2_xs-1 h3,
body.page-instructions-systemes .grid-6_sm-2_xs-1 h3,
body.page-sicherheitsdatenblatterhtml .grid-6_sm-2_xs-1 h3 {
	width:100%;
}

body.page-distributors .photoProduit,
body.page-distribuidores .photoProduit,
body.page-distributeurs .photoProduit,
body.page-distributeurs .photoProduit {
	padding:0;
	height:100px;
}
.page-nutrientshtml .photoProduit{
	background-color: #e6f4dc;
}
.page-general-organicshtml .photoProduit{
	background-color: #fbece3;
}
.page-additiveshtml .photoProduit{
	background-color: #f7eaea;
}
.page-hydroponic-systemshtml .photoProduit{
	background-color: #edf3ff;
}
.borderBottom{
	border-bottom: 1px solid #aeaeae;
}
.looking-for{
	border: 2px solid #4DC3D8;
	border-radius: 5px;
	padding: 10px;
	height: 152px;
	background-color: #EAF7FF
}
.ghe-dealer{
	border: 2px solid #9BEB74;
	border-radius: 5px;
	padding: 10px;
	background-color: #f0ffed;
}
.ghe-dealer.bigBox{
	min-height: 152px;
}
.flexBox{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.view-safety-datasheet img,
.view-application-charts img,
.view-instructions img {
	width:64px;
}
.node-type-produits .container{
	position: relative;
}
.node-type-produits .container .icons{
	position: absolute;
	top: 50px;
	right: 0;
}
.node-type-produits .container .icons img {
	width:75px !important;
	height:75px !important;
}
.downloadzone .view-grouping-header {
	font-size:1.5em;
	font-weight:700;
	color:#111;
}
.downloadzone .view-grouping {
	width:100%;
	clear:both;
}
.downloadzone .col {
    display: inline-block;
	text-align:center;
	width:19%;
}
.downloadzone .col-2 {
	text-align:center;
}

.region .block .vocabulary-faq .form-item,
.region .block .vocabulary-faq .form-item {
	display:none;
}
.view-galerie .view-content{
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 -.5rem;
}
a.triangle{
	color: #fff;
	background-color: #00AAC5;
	text-align: center;
	position: absolute;
	bottom: 0;
	padding: 6px;
	display: block;
	width: 100%;
	transition: background-color 0.3s ease;
}
a.triangle:hover{
	background-color: #44CFE6;
}

.btn-vert{
	padding: 5px 20px;
	background-color: #00A651;
	color: #fff;
	line-height: 30px;
	display: inline-block;
	margin-bottom: 20px;
	transition: background-color 0.4s ease;
}
.btn-vert:hover{
	color: #fff;
	background-color: #00d065;
}
.product-list{
	padding: 10px 20px;
	margin-bottom: 20px;
	border: 1px solid #e3e3e3;
}
.lightblue{
	background-color: #EDF3FF;
}
.lightgreen{
	background-color: #E6F4DC;
}
.lightorange{
	background-color: #FBECE3;
}
.lightred{
	background-color: #F7EAEA;
}
.ressource-block{
	background-color: #f3f3f3;
	border:  1px solid #e2e2e2;
	padding-top: 10px;
	position: relative;
	min-height: 170px;
}
.ressource-block p{
	padding: 0 10px;
}
.ressource-block h3{
	margin-top: 0;
	margin-bottom: 35px;
	text-align: center;
}
#user-login-form{
	margin-top: -30px;
	margin-bottom: 42px;
}
/* #user-login-form label{
	font-size: 13px;
} */
#user-login-form .captcha{
	width: 235px;
}
#user-login-form .g-recaptcha{
	transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
}

#user-login-form #edit-submit{
	border-radius: 5px;
	border: 1px solid #30D4ED;
	width: 120px;
	color: #fff;
	padding: 3px 0;
}
.view-faqs .views-field-title{
	color: #21A643;
}
.node-faq .form-type-item{
	display: none;
}

#webform-client-form-323 .webform-component-fieldset label,
#webform-client-form-784 .webform-component-fieldset label,
#webform-client-form-785 .webform-component-fieldset label,
#webform-client-form-863 .webform-component-fieldset label {
	display:none;
}
#edit-submitted-your-request-concerns-growing-systems-and-spare-parts label,
#edit-submitted-your-request-concerns-nutirents-and-additives label,
#edit-submitted-merci-de-cocher-la-case-adequate-growing-systems-and-spare-parts label,
#edit-submitted-merci-de-cocher-la-case-adequate-nutirents-and-additives label,
#edit-submitted-bitte-kreuzen-sie-das-betreffende-kastchen-an-growing-systems-and-spare-parts label,
#edit-submitted-bitte-kreuzen-sie-das-betreffende-kastchen-an-nutirents-and-additives label {
	display:initial !important;
}

img.imgfaq {
	border:1px solid #000;
}

body.page-node-787 .node .content .form-item {
	display:none;
}
body.page-node-787 .node .content #webform-client-form-787 .form-item {
	display:inherit;
}
body.page-node-786 .node .content .form-item {
	display:none;
}
body.page-node-786 .node .content #webform-client-form-786 .form-item {
	display:inherit;
}
body.page-node-322 .node .content .form-item {
	display:none;
}
body.page-node-322 .node .content #webform-client-form-322 .form-item {
	display:inherit;
}



/*============== FOOTER ================*/
footer{
	background-color: #efeee5;
	margin-top: 60px;
}
footer p{
	font-size: 13px;
}
footer p,
footer h2,
footer h3,
footer h4{
	color: #131313;
}
footer img{
	margin: 10px 0;
}
footer span{
	color: #08b4f5;
	margin-right: 5px;
	font-size: 18px;
}
footer h3{
	text-transform: uppercase;
}
footer a{
	color: #131313;
}
.footerTop{
	height: 16px;
	width: 100%;
	background-image: url('../img/border-footer.jpg');
	background-repeat: no-repeat;
}
.footer{
	background: #dddccf;
	padding: 3px 0;
	text-align: center;
	color: #666666;
}
.footer a{
	color: #666666;
}
footer img{
	width: 100%;
}
footer .block-title{
	text-transform: uppercase;
	font-size: 18px;
}
footer #block-block-8 img{
	width: 35px;
}
.icon-catalog{
	display: inline-block;
	margin-top: 0;
}
.icon-catalog + div {
	display: inline-block;
}
footer span.text-align-footer{
	color: #000;
	margin-right: 0;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
}
.article{
	position: relative;
	margin-top: 20px;
	text-align: center;
}
.article h2{
	position: absolute;
top: -20px;
background: #00AAC5;
color: #fff;
padding: 5px 10px 10px 10px;
margin: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.article h2 a{
	color: #fff;
}
.article p{
	text-align: left;
	padding: 0 30px;
}
.wrapimage{
	background-color: #f7f7f7;
	border: 1px solid #d7d7d7;
	border-bottom: none;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.wraptexte{
	background-color: #e3e3e3;
	border:  1px solid #d7d7d7;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top: none;
min-height: 150px;
}
.wraptexte p:first-child{
	margin-top: 0;
	padding-top: 10px;
}
.menu-mobile{
	display: none;
}
/*============ RESPONSIVE =============*/
@media screen and (max-device-width: 1200px){
	.container{
		width: 100%;
		padding: 0 10px;
	}
}
@media screen and (max-device-width: 64em){
	img{
		max-width: 100%;
		height: auto !important;
	}
	section{
		overflow-x: hidden;
	}
	.slick-inter{
		height: auto;
	}
	#menu-mobile-wrap{
		margin-top: 0;
		display: none;
		background-color: #00A651;
		color: #fff;
	}
	.menu-mobile{
		width: 100%;
		height: 50px;
		background-color: #00A651;
		display: block;
	}
	.menu-mobile ul li{
		list-style: none;
		color: #fff;
	}
	.menu-mobile a{
		color: #fff;
	}
	.first-parent{
		line-height: 47px;
		font-weight: bold;
	}
	.second-parent{
		font-weight: normal;
		line-height: 35px;
	}
	nav{
		display: none;
	}
	/*Menu mobile*/
	#logo-menu{
		display: block;
		margin-left: 10px;
		color: #fff;
		font-family: "Roboto";
		font-size: 18px;
		text-decoration: none;
		text-align: center;
		padding-top: 20px;
	}
	
	/*Menu mobile*/
	#main-menu{
		padding: 0 10px;
	}
	#main-menu li{
		border-bottom: 1px solid #fff;
	}
	header .scrolled{
		position: static;
	}
	#presentation .submenu{
		height: auto;
	}
	#presentation .submenu .col{
		padding-bottom: 0!important;
	}
	.additive .submenu{
		border-bottom: none;
	}
	.menu .submenu .additifsSub .product,
	.menu .submenu.systems .product{
		margin-bottom: 5px;
		min-height: 0;
	}
	.menu .submenu .engraisSub .product{
		margin-bottom: 5px;
	}
	.mineral .submenu,
	.system .submenu{
		border-bottom: none;
	}
	.scrolled .headertop{
		padding: 5px;
	}
	.scrolled .headertop .container{
		display: block;
	}
	.scrolled #feuille{
		top: 0;
	}
	.scrolled .logo-container{
		width: 306px;
	}
	.headerwrap .container{
		padding: 0;
	}
	#logo-menu{
		display: block;
		margin-left: 10px;
	}
	.main-menu-hidden{
		display: none!important;
	}
	.main-menu-visible{
		background-color: #00A651;
		position: relative;
		z-index: 100;
	}
	.logo-container{
		padding: 29px 0;
		margin-left: 10px;
	}
	.main-menu-visible {
		list-style-type: none;
		list-style-image: none;
	}
	.main-menu-visible li{
		padding: 5px 0;
	}
	.main-menu-visible li a{
		color: #fff;
		text-decoration: none;
	}
	.main-menu-visible .dropdown{
		display: block;
	}
	.main-menu-visible .dropdown-content{
		display: block;
		background-color: transparent;
		box-shadow: none;
		min-width: 0;
		position: static;
		padding-left: 34px;
		list-style-image: none;
		border: none;
	}
	.main-menu-visible .dropdown-content li a:hover{
		background-color: transparent;
	}
	#main-menu #logo{
		display: none;
	}
	.bckg-menu .container{
		background: #0c86c6;
	}

	.submenu .menuImg{
		display: none;
	}
	.submenu {
				height: auto;
		background-color: transparent;
		position: static;
		background-image: none;
	}
	.submenu ul li{
		color: #fff;
	}
	.submenu .bigTitre{
		color: #fff;
	}
	.submenu .smallTitre{
		color: #fff;
	}
	
	.btn-tableau{
		 background-color: #00A9C7;
    color: #fff;
    padding: 13.2px;
	}
	
	.btn-fiche{
		background-color: #00A9C7;
    color: #fff;
    padding: 13.2px;
	}
	
	.btn-acheter{
		background-color: #00A9C7;
    color: #fff;
    padding: 13.2px;
	}
	
	.btn-instructions{
		background-color: #00A9C7;
    color: #fff;
    padding: 13.2px;
	}
	.slick-front{
		z-index: 0;
	}
	.organics .submenu{
		background-color: transparent;
		border-bottom: none;
	}
	#user-login-form label{
		color: #fff;
	}
	#user-login-form #edit-submit{
		margin-top: 20px;
	}
}
@media screen and (max-device-width: 568px){
	.reference{
		width: 100%;
	}
	.order1{
	order:1;
}
.order2{
	order:2;
}
.order3{
	order:3;
}
	#feuille{
		display: none;
	}
	.node-type-produits .container .icons{
		position: static;
	}
	.downloadzone .col {
	width:49%;
}
}
@media screen and (max-device-width:768px){
	.slick-front .first-line,
	.slick-front .second-line,
	.slick-front .third-line{
		font-size: 35px;
	}
	.slick-front .item-1 .first-line{
		top: 126px;
		left: 3px;
	}
	.slick-front .item-1 .second-line{
		right: 23px;
	}
	.slick-front .item-1 .third-line{
		right: 23px;
	}
	#langues-block,
	#facebook-block,
	#twitter-block{
		right: 0;
	}
	.google-store-locator-panel{
		float: none!important;
		order: 2;
		width: 95%!important;
	}
	#google-store-locator-map-container{
		display: flex;
		flex-wrap: wrap;
	}
	.google-store-locator-map{
		width: 100%;
	}
	.produitsSimilaires{
		padding: 0 75px;
	}
	#main-menu .submenu .form-item-name, .submenu .form-item-pass{
		float: none!important;
	}
	#main-menu .item-list ul li{
		margin: 0;
	}
}
@media screen and (max-device-width:368px){

}
/*========== NO FLEXBOX FIXES ===========*/
.no-flexbox .bgck-menu{
	background: #ff9c00;
	padding: 13px 0;
}
.no-flexbox nav ul{
	margin: 0;
	padding: 0;
	text-align: center;
}
.no-flexbox nav ul li{
	list-style: none;
		display: inline;
		margin-right: 1px;
}
.no-flexbox nav ul li a{
	color: #fff;
	text-decoration: none;
	padding: 4px 53px;
	text-align: center;
}


/*============= ANIMATIONS ================*/
.sectionAnim .container{
	padding: 0;
	height: 100%;
}
.sectionAnim{
	height: 400px;
}
 #first{
	background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 11%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 11%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 11%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#second{
	background: url('../img/map.png') 15% 20% no-repeat #fff;
	min-height: 300px;
}
#fayat{
	color: #0055A0;
	font-size: 52px;
	font-weight: bold;
	opacity: 0;
	text-shadow: 1px 1px 5px rgba(150, 150, 150, 0.61);
}
#introFirst{
	font-size: 34px;
	font-weight: lighter;
	transform: translate(19%);
}
#nombreFirst{
	font-size: 50px;
	line-height: 51px;
	color: red;
	transform: translate(28%, -35%);
}
#people{
	width: 263px;
	transform: translate(259%, -92%);
}
.guy{
	width: 60px;
	display: inline-block;
}
.guy img{
	width: 100%;
}
#repartis{
	font-size: 40px;
}
#quinze{
	font-weight: bold;
	font-size: 77px;
	display: table;
	transform: translate(266%);
	color: red;
	text-shadow: 1px 1px 5px rgba(150, 150, 150, 0.61);
}
#entrep{
	font-size: 22px;
	display: table;
	transform:translate(284%, -279%);
}


.submenu .form-item input{
	box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid #c2c2c2;
box-shadow: 1px 1px 4px #ebebeb;
-moz-box-shadow: 1px 1px 4px #ebebeb;
-webkit-box-shadow: 1px 1px 4px #ebebeb;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 7px;
outline: 0;
}

.submenu .form-item-name,
.submenu .form-item-pass{
	margin-top: 30px;
	float: left;
	margin-right: 13px;
}
.submenu #user-login-form .edit-actions--2{
	float: left;
}
.submenu .captcha{
	float: left;
}
.submenu input[type="submit"]{
	border-radius: 3px;
	box-shadow: 1px 1px 4px #dadada;
-moz-box-shadow: 1px 1px 4px #dadada;
-webkit-box-shadow: 1px 1px 4px #dadada;
background-color: #00A9C3;

}



/* LANDING */

body.page-node-928 .headWrapper {
	background:#fff;
}
body.page-node-928 section {
	background:#fff;
}
body.page-node-928 .container,
body.page-node-928 h1 {
	color:#000;
}
body.page-node-928 .breadcrumbs {
	display:none;
}
body.page-node-928 footer {
	margin-top:0;
}