body { font-family:'Roboto',arial,sans-serif; background-color: white; }
* { margin:0; padding:0; }
*:active, *:focus { outline:none; }


.wrapper-content-page{
	position:relative;
}

.header{ min-height:59px; background:#b4d236; width:100%; }

@media (max-width: 767px) {
	.header{
		position: relative;
	}
}
.header .espaceClient{
	background:#8ea822;
	color:#fff;
	border-radius:18px;
	margin-top:15px;
	font-family:'Roboto', arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	height:30px;
	line-height:28px;
	display:block;
	padding-left:53px;
	position:relative;
	/* border: 1px solid #98ba07; */
	
	/* -webkit-box-shadow:inset 0px 0px 0px 1px #98ba07;
    -moz-box-shadow:inset 0px 0px 0px 1px #98ba07;
    box-shadow:inset 0px 0px 0px 1px #98ba07; */
	
	-moz-box-shadow: -1px 1px 1px -1px rgba(255,255,255,0.6);
	-webkit-box-shadow: 1px 1px 1px -1px rgba(255,255,255,0.6);
	-o-box-shadow: -1px 1px 1px -1px rgba(255,255,255,0.6);
	box-shadow: -1px 1px 1px -1px rgba(255,255,255,0.6);
}

.header .iframe-fb-wraper {
	text-align: left;
}
@media (min-width: 992px) {
	.header .iframe-fb-wraper {
		text-align: right;
	}
}

@media (min-width: 992px) and (max-width : 1199px) {	
	.header .espaceClient{
		width:75%;
		float:right;
	}
}

.header .espaceClient:before{
	content:'';
	background:url('../img/commun/interface/picto-user.png') top left no-repeat;
	height:15px;
	width:14px;
	position:absolute;
	left:28px;
	top:7px;
}

#logo{
	position:absolute;
	/* transform: translateX(-50%); */
	/* margin-left:-110px; */ /* Logo pas centré sur la maquette */
	margin-left:-90px;
	left:50%;
	margin-top:2px;
	z-index:7;
}

#logo img { display:block; }

.menuContainer{
	width:100%;
	min-height:88px;
	position: relative;
	z-index: 6;
	-webkit-box-shadow: 0 8px 6px -6px rgba(63,63,63,0.35);
       -moz-box-shadow: 0 8px 6px -6px rgba(63,63,63,0.35);
            box-shadow: 0 8px 6px -6px rgba(63,63,63,0.35);
}

#menu { min-height:88px; }
#menu ul { margin: 0; }
#menu a{
	color:#7b402a;
	text-decoration:none;
	line-height:88px;
	font-size:15px;
	font-family:'KiyeSans', sans-serif;
	font-weight:bold;
	letter-spacing:0.2px;
}

#menu li.active a,
#menu li:hover a { color:#e06c19; }

#menu li{
	height:88px;
	padding:0 13px;
	list-style-type:none;
	float:left;
	position:relative;
	z-index:8;
}

#menu li:after{
	content:'';
	width:1px;
	height:13px;
	background:#7b402a;
	position:absolute;
	
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	
	top:50%;
	right:-1px;
	
}

#menu ul li:first-child{ padding-left:0px; }
#menu ul li:last-child{	padding-right:0px; }
#menu ul li:last-child:after{ width:0; height:0; }

#menu li.has-children{ position:relative; }

#menu li.has-children:hover ul li:not(.active) a,
#menu li.has-children.active ul li:not(.active) a{
	color:#7b402a;
}

#menu li.has-children:hover ul li:hover a,
#menu li.has-children.active ul li:hover a{
	color:#e06c19;
}

#menu li.has-children a{ text-transform:uppercase; }
#menu li.has-children ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	padding:0 23px;
	background:#fff;
	min-width:250px;
	
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	-webkit-box-shadow: 0px 8px 42px -22px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 8px 42px -22px rgba(0,0,0,0.75);
	box-shadow: 0px 8px 42px -22px rgba(0,0,0,0.75);
}

#menu li.has-children:hover ul{ display:block; }
#menu li.has-children ul li{ height:auto; width:100%; padding:0; }
#menu li.has-children ul li a{
	line-height:initial;
	font-size:14px;
	display:block;
	padding:15px 0;
}

#menu li.has-children ul li:after{
	width:100%;
	height:1px;
	top:auto;
	bottom:0;
	right:auto;
	left:0;
}

#menu li.has-children ul li:last-child:after{
	width:100%;
	height:0;
	background:none;
}


#breadcrumb{
	display:none;
}

@media (min-width: 1000px) {
	#breadcrumb{
		display:block;
		padding-top:15px;
		padding-bottom:15px;
		color:#363636;
		font-size:14px;
		line-height:16px;
		width:40;
	}

	#breadcrumb a{ color:#acacac; font-size:14px; line-height:16px; }
	#breadcrumb a:hover{ text-decoration:underline; }
}


.content{ padding-bottom:30px;}

#footer {
	width:100%;
	background:#f16622;
	padding:13px 0px;
}

@media (min-width: 992px) {
	min-height:44px;
	padding-bottom:0px;
}

#footer ul{
	margin-left:0px;
}
#footer li{
	list-style-type:none;
	float:left;
	color:#FFF;
	font-size:14px;
	font-family:'Roboto', Arial, sans-serif;
}
#footer li:after{
	content:'-';
	margin:0 5px;
	color:#FFF;
	display:block;
	float:right;
}
#footer li:last-child:after{
	content:'';
}

#footer li a{
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	font-family:'Roboto', Arial, sans-serif;
	font-weight:normal;
}

.blocOmbre{
	border: 1px solid #e9e9e9;
	-webkit-box-shadow: 0px 0px 42px -22px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 42px -22px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 42px -22px rgba(0,0,0,0.75);
}

.blocOmbre input[type=text]{
	border:1px solid #e9e9e9;
    height:32px;
    padding:5px;
    font-size:14px;
    float:left;
}

.blocOmbre select{
	border:1px solid #e9e9e9;
    height:32px;
    padding:5px;
    font-size:14px;
    float:left;
}

.blocOmbre label{ line-height:32px; }

.blocAnimation{
	margin-bottom:30px;
	position:relative;
	display:block;
	overflow:hidden;
}
.blocAnimation div{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	max-height:50px;
	line-height:20px;
	background:rgba(241,102,34,0.8);
	-moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
	z-index:2;
}
.blocAnimation img{
	display:block;
	max-width:100%;
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	
	-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	
}

.blocAnimation span{
	text-align:center;
	display:inline-block;
	padding:5px;
	width:100%;
	color:#fff;
	vertical-align:middle;
	line-height:20px;
}

.blocAnimation:hover div{ max-height:100%; }

.blocRechercheProduit{ position:absolute; top:0; right:15px; padding:15px 10px; }

@media (max-width: 991px) {
	.blocRechercheProduit{
		position: relative;
		display: inline-block;
		float: right;
		top:auto;
		right:auto;
		margin-top:80px;
	}
}

.blocRechercheProduit p{ margin-bottom:5px; }


.blocRechercheProduit button{
    float: left;
	margin-left:10px;
}

.blocTitre{
	margin:0;
	display: block;
    width: 100%;
    background: #B4D236;
    color: #fff;
}



/* PARTIE DROITE */
.droite.blocOmbre{
	padding:15px 10px;
}

.droite p.titre{
	color:#e06c19;
	font-family:'KiyeSans','sans-serif';
	font-weight:bold;
	margin-bottom:8px;
	font-size:16px;
	line-height:20px;
}

.droite p.texte{
	font-size:12px;
	line-height:14px;
}

.droite p.titre:not(:first-child):before{
	content:'';
	width:70%;
	display:block;
	margin:15px auto;
	border-top:1px solid #B4D236;
	opacity:0.4;
}

/*Actualites - recettes*/
.droite .recettes a:not(.voir),
.droite .actualites a:not(.voir){
	display:block;
	position:relative;	
	height:60px;
	margin-bottom:10px;
}

.droite .recettes a.voir,
.droite .actualites a.voir,
.droite .pointsVente a.voir{
	display:block;
	text-align:center;
	font-size:14px;
}

.droite .pointsVente a{
	display:block;
	position:relative;
}

.droite .recettes a div.visuelRecette{
	position:relative;
	height:60px;
	width:60px;
	display:block;
	float:left;
}
/* 
.droite .recettes a div.visuelRecette:before,
.droite .pointsVente a:before{
	content:'';
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	
	-moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
	
}

.droite .recettes a div.visuelRecette:after,
.droite .pointsVente a:after{	
	height:auto;
	width:100%;
	overflow:hidden;
	content:'+';
	text-align:center;
	color:#FFF;
	font-size:40px;
	line-height:40px;
	position:absolute;
	text-align:center;
	left:0;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index:3;
	
	opacity:0;
	-moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}

.droite .recettes a:hover div.visuelRecette:before,
.droite .pointsVente a:hover:before{	
	background:rgba(241,102,34,0.5);
}


.droite .recettes a:hover div.visuelRecette:after,
.droite .pointsVente a:hover:after{	
	opacity:1;
} */

.droite .pointsVente a img{
	display:block;
	max-width:100%;
}

.droite .pointsVente a.voir{
	margin-top:10px;
}

.droite .actualites a .date{
	color:#fff;
	padding:3px;
	font-size:9px;
	background:rgba(241,102,34,0.6);
	margin-bottom:5px;
	
}

.droite .recettes a img,
.droite .actualites a img{
	float:left;
	max-width:60px;
	max-height:100%;
	display:block;
}

.droite .recettes a p,
.droite .actualites a p{
	color:#343434;
	font-size:13px;
	line-height:16px;
	padding-left:70px;
}

.droite .recettes a:hover p,
.droite .actualites a:hover p{
	color:#e06c19;
}

.droite .recettes a p span:not(.date),
.droite .actualites a p span:not(.date){
	display:block;
	height:32px;
	overflow:hidden;
}

.droite .recettes a p{	
	height:54px;
	line-height:54px;
}

.droite .recettes a p span:not(.date){
	font-size:15px;
	line-height:normal;
	display:inline-block;
	vertical-align:middle;
}

.ref_produit{
	font-style:italic;
	color:#a4a4a4;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	display:block;
}

@media (max-width: 992px) {
	#logo { margin-left: -54px; }
	#logo img { width: 120px; }
	#menu { padding-top: 130px; }
	#menu li { padding: 1px 9px; }
	#menu .floatLeft, #menu .floatRight { float:none; }
	#menu ul li:last-child:after { width: 1px; height: 13px; }
	#menu ul li:last-child { padding: 1px 9px; }
	#menu ul li:first-child { padding-left: 9px; }
	#menu ul.floatRight li:last-child:after { width: 0px; }
}
@media (min-width: 993px) and (max-width : 1199px) {
	#logo { margin-left: -68px; }
	#logo img { width: 160px; }
	#breadcrumb { padding-top: 85px; }
}
@media (min-width: 1200px) {
	#menu { padding-top: 0; }
	#menu a{ font-size: 18px; }
	#menu li { padding: 1px 23px; }
}



#bottomPage {
	position: absolute;
	bottom: 0px;
	width: 100%;
	/*background: transparent url('../img/commun/eco-responsable/bottomPage.png') 0 0 no-repeat;*/
}