@import url('https://fonts.googleapis.com/css?family=Material+Icons');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

.textMarronsBio {
width: 80%;
margin-right: auto;
margin-left: auto;
padding-bottom: 50px;
text-align: justify;
margin-top: -30px;
}

.pesticides {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  clear: both;
}

.marronsContent {
	width: 100%;
	text-align: center;
}
.marronsImgBio {
	width: 90%;
}
.marronsImg {
	width: 90%;
}
.marronsList {
	margin-bottom: 60px;
}
.marronsListing {
	font: 16px/28px "open sans condensed";
	border-bottom: 1px solid silver;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.marronsTitre {
	font: 20px Montserrat;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.marronsSousTitre {
	font: 18px Montserrat;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 30px;
}
.marronsTitreBig {
	font-weight: bold;
}
.marronsPicto {
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	height: 400px;
}
.marronsTop {
	font: 50px/46px "new baskerville";
	color: maroon;
}
.carre{
	width: 47%;
	height: 110px;
	font: 16px/18px "open sans condensed";
	font-weight: bold;
	padding-top: 55px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.pictoPure{
		background: url(images/pictoMarrons-pure.png) center 1px no-repeat #ececec;
	
}
.picto40 {
		background: url(images/pictoMarrons-40.png) center 1px no-repeat #ececec;
	
}
.pictoFlamme {
		background: url(images/pictoMarrons-flamme.png) center 1px no-repeat #ececec;
	
}
.pictoValid {
		background: url(images/pictoMarrons-valid.png) center 1px no-repeat #ececec;
	
}
.pictoChataigne {
		background: url(images/pictoMarrons-chataigne.png) center 1px no-repeat #ececec;
	
}
.pictoNutriscore {
		background: url(images/pictoMarrons-nutriscore.png) center 1px no-repeat #ececec;
	
}
.pictoPoele {
		background: url(images/pictoMarrons-poele.png) center 1px no-repeat #ececec;
	
}
.pictoFrance {
		background: url(images/pictoMarrons-carteFrance.png) center 1px no-repeat #ececec;
	
}
.pictoMap {
		background: url(images/pictoMarrons-map.png) center 1px no-repeat #ececec;
	
}





.pureTrace {
  background-color: transparent;
  display: block;
  position: absolute;
  z-index: 1111122222111;
  width: 60%;
  bottom: 50px;
  right: -15px;
}

.pureTrace2 {
  background-color: transparent;
  display: block;
  position: absolute;
  z-index: 1111122222111;
  width: 70%;
  bottom: 50px;
  right: -15px;
}


.engContent {


	font: 13px/20px 'Montserrat', sans-serif;
margin-left: auto;
	margin-right: auto;
text-align: center;
}

.engIntroBg {
		background: url(../images/pureTrace-bg.jpg) center top repeat-x;
	width: 100%;

}


.engIntro {

	width: 700px;
	padding-top: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}
.engIntroTitre {
	font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.engIntroTexte {
	text-align: justify;
	padding-bottom: 15px;
}


.engIntro4points {
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}
.engIntrocarre {
	width: 250px;
	height: 110px;
	background-color: white;
	position: relative;
	float: left;
	display: block;
	margin-right: 15px;
	padding: 10px;
	text-align: center;
}

.engEnd {
	width: 100%;
	height: 1px;
	clear: both;
	display: block;
}

.engEnd20 {
	width: 100%;
	height: 150px;
	clear: both;
	display: block;
}
.engIntro4pointsTitre {
		font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}


.eng1, .eng2, .engPureTrace {
	width: 700px;
	margin: 30px auto;
}
.engTitre {
		font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;

}
.engsousTitre {
		font-size: 22px;
	font-weight: 400;
	text-align: center;
	line-height: 30px;
}
.engTexte {
	text-align: justify;
}
.engTexteP {
	text-align: justify;
	padding-right: 10px;
}
.engTexteT {
	text-align: justify;
	padding-left: 10px;
}
.engPure {
	width: 50%;
	background: url(../images/pureTrace-pure.png) center top no-repeat;
	padding-top: 220px;
		float: left;
	display: block;
	position: relative;
}
.engTrace {
	width: 50%;
	background: url(../images/pureTrace-trace.png) center top no-repeat;
	padding-top: 220px;
		float: left;
	display: block;
	position: relative;

}




@media only screen 
and (max-device-width : 800px) {
	
	.engIntro {

	width: 80%;
	padding-top: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}
	
	
	
	.engIntroTexte {
	text-align: justify;
	padding-bottom: 25px;
}
	
.engIntroBg {
		width: 100%;
		background: url(../images/bgMobile.jpg) center top;

}
	
	.engContent {


	font: 16px/18px 'Montserrat', sans-serif;
margin-left: auto;
	margin-right: auto;
text-align: center;
}

.engIntroTitre {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 23px;
	padding-bottom: 5px;
}
	
	
.engIntro4points {
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: calc( 100% - 0px);
}
.engIntrocarre {
	width: calc( 100% - 60px);
	height: 60px;
	background-color: white;
	padding: 20px;
	text-align: center;
	margin-bottom: 10px;
	display: block;
	float: none;
}
.engIntro4pointsTitre {
		font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

.engTitre {
		font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;

}
.engsousTitre {
		font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 22px;
}
.eng1, .eng2, .engPureTrace {
	width: 80%;
	margin: 20px auto;
}


.engPure {
	width: 100%;
	background: url(../images/pureTrace-pure.png) center top no-repeat;
	padding-top: 220px;

}
.engTrace {
	
	width: 100%;
	background: url(../images/pureTrace-trace.png) center top no-repeat;
	padding-top: 220px;
	top: 10px;
}

}





.img100{
	margin: 0 !important;
	padding: 5px !important;
}

#jf_mmpro_1 li{
	margin: 0 !important;
	padding: 0 !important;
	border-left-style: none !important;
	border-left-width: 0 !important;
}

.jf_mm_pro_panel_title{padding-left:80px !important;
	font-size: 25px !important;
}


.imgTechnique{
	width: 280px !important;
	height: 280px !important;
	display: block;
	top: 10px;
}
.cbp-technique{
	height: 220px;
	text-align: center;
}

.techniqueItem{
	font-weight: 300;
	display: block;
	width: 100%;
	border-bottom: 1px solid silver;
	padding-bottom: 40px;
	font-family: "open sans condensed";
}

.cbp-singlePageInline-active .flecheActive{
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	z-index: 2;
	background-color: black;
	bottom: 0;
}


.techniqueBlocTitre{
	
	margin-right: auto;
	margin-left: auto;
		padding-left: 20px;
	float: left;
}
.techniqueTitre{
	font-size: 30px;
	margin-top: 5px;
	line-height: 30px;
}
.process{
	font-size: 25px;
	color: black;
}
.techniqueBrix{
	letter-spacing: 2px;
	font-size: 19px;
	color: #919191;
}
.techniquesucre{
	letter-spacing: 2px;
	font-size: 19px;
	color: #919191;
	position: relative;
	top: 0px;
	margin-top: -5px;
}
.techniqueBlocContent{

	display: block;
	margin-right: 20px;
	margin-top: 50px;
	margin-left: 20px;
	position: relative;
}

.techniqueBlocContent1{

	display: block;
	margin-top: 20px;
	position: relative;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}

.techniqueBlocContent2{
	width: 100%;
	display: block;
	top: 30px;
	margin-top: 20px;
	position: relative;
		padding-left: 20px;
	padding-right: 20px;
	float: left;
}

.techniqueProcess{
	width: 100%;
	color: #a7a7a7;
	clear: both;
	position: relative;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 5px;
}


.techniqueProcess2{
	width: 100%;
	color: #a7a7a7;
	clear: both;
	position: relative;
	padding: 10px 20px 5px;
	text-align: justify;
}

.techniqueProcess3{
	width: 100%;
	color: #a7a7a7;
	clear: both;
	position: relative;
	padding: 10px 20px 5px;
	text-align: justify;
}
.soustitreSorbetTurbine{
	text-transform: uppercase;
	color: white;
	background-color: silver;
	display: block;
	text-align: center;
	font-weight: 700;
}

.techniqueTableau{
	display: block;
	position: relative;
	margin-top: 20px;
	margin-right: 0px;
	color: black;
	float: left;
	width: 100%;
}
.techniqueTableauRight{
	display: block;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
}
.techniqueTableauLeftItem{
	border-bottom: 1px solid silver;
}

.techniqueTableauLeftItem2{
	border-bottom: 1px solid silver;
	color: #bfbdc0;
}
.techniqueTableauLeftItem:hover, .techniqueTableauLeftItem2:hover{
		background-color: rgba(226,226,226,0.3260064);
}
.clear{
	width: 100%;
	height: 10px;
	display: block;
	background-color: gray;
	position: fixed;
	clear: both;
}

.cbp-caption-defaultWrap img{
	image-rendering:-moz-crisp-edges;
}

.moduletabletechnique h3, .moduletablerecettes h3{
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 10px;
	display: block;
	border-bottom: 1px solid #e6e6e6;
	padding-left: 15px;
	opacity: 1;
}
.menuRecette1 h3{
	font-weight: 300;
	font-size: 30px;
	margin-bottom: 10px;
	display: block;
	border-bottom: 1px solid #e6e6e6;
	padding-left: 15px;
}

.moduletabletechnique .level3 .active, .moduletabletechnique .level3 .outer, .moduletabletechnique .level2 .active, .moduletabletechnique .level2 .outer {
	width: 100% !important;
}
.moduletabletechnique .level3 .last{
	padding-bottom: 7px !important;
}

	
	
.moduletabletechnique .level3 {

}
	
.moduletabletechnique .level1 .outer {
	margin-bottom: 10px !important;
}
.moduletabletechnique .level2 .outer {
	margin-bottom: 0px !important;
}
.moduletabletechnique .level3 .outer {
	margin-bottom: 0px !important;
}

li.item-1011 {
	visibility: hidden;
	overflow: hidden;
}

.techniquesTitreSorbet{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
	display: block;
	font-size: 25px;
	padding-top: 50px;
	background: url(../images/picto_techniques_sorbets.jpg) no-repeat 0 0;
}

.techniquesTitreSorbet2{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	font-size: 25px;
	padding-top: 50px;
	background: url(../images/picto_techniques_sorbets.jpg) no-repeat 0 0;
	float: left;
	color: gray !important;
}



.techniquesTitrePatesdefruit{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #989799;
	display: block;
	font-size: 25px;
	background: url(../images/picto_techniques_patesdefruit.jpg) no-repeat 0 0;
	padding-top: 50px;
}

.techniquesTitrePatesdefruit2{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #bebebe;
	display: block;
	font-size: 25px;
	background: url(../images/picto_techniques_patesdefruit.jpg) no-repeat 0 0;
	padding-top: 50px;
	float: left;
	border-top: 1px solid #bebebe;
		color: gray !important;

}

.techniquesTitreJusdefruit{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #989799;
	display: block;
	font-size: 25px;
	background: url(../images/picto_techniques_jusdefruit.jpg) no-repeat 0 0;
	padding-top: 50px;
}


.techniquesTitreJusdefruit2{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #bebebe;
	display: block;
	font-size: 25px;
	background: url(../images/picto_techniques_jusdefruit.jpg) no-repeat 0 0;
	padding-top: 50px;
	float: left;
	border-top: 1px solid #bebebe;
		color: gray !important;

}


.decalage{
	margin-left: 110px;
}
.techniquesSousCategorie{
	padding-left: 40px;
	font-size: 35px;
	color: #868686;
	line-height: 36px;
}
.techniquesSousCategorieText{
	color: #a7a7a7;
	padding-left: 40px;
	padding-right: 50px;
	margin-top: 15px;
	text-align: justify;
}
.techniquesTrait{
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #8b8b8b;
}









a{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: gray;
}

html {
/*	image-rendering:-moz-crisp-edges;        
image-rendering:-o-crisp-edges;           
image-rendering:-webkit-optimize-contrast; 
image-rendering:optimize-contrast;        
image-rendering:crisp-edges;             
-ms-interpolation-mode:nearest-neighbor;       
-ms-interpolation-mode: bicubic;
	 -webkit-font-smoothing: antialiased;
    	 -webkit-font-smoothing: (subpixel-antialiased|antialiased|none);
    	 text-rendering: optimizeLegibility;
-webkit-filter: blur(0); */
  height: 100%; 
    -webkit-overflow-scrolling: touch !important;
}

.cbp-caption-defaultWrap img{
	image-rendering:-moz-crisp-edges;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;

}


/* @group Mobile */
.containerTop{
	width: 100%;
	background-color: white;
	clear: both;
	float: left;
	display: block;
}


.menuMobile{
	width: 80px;
	height: 50px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	background: url(../images/MobileMenu.png) no-repeat 50px 0;
	visibility: hidden;
}

.containerMenu{
	width: 100%;
	clear: both;
	position: relative;
	display: block;
	float: left;
	top: 0px;
	margin-top: -20px;
}
.containerMenu2{
	position: relative;
	visibility: hidden;
	overflow: hidden;
	height: 0;
}

.containerMenuRecettes{
	width: 100%;
	clear: both;
	position: relative;
	display: block;
	float: left;
	top: 0px;
}

.containerMenuRecettes li{
	padding-left: 40px;
	list-style-type: none;
	font-size: 25px;
	border-top: 1px solid #e4e4e4;
}

.containerMenu div.title h3{
}


.containerBottom{
	width: 100%;
	float: left;
	display: block;
}

.containerBottomRecettes{
		border-top: 1px solid silver;

	width: 100%;
	display: block;
	float: left;
	padding-bottom: 35px;
}

.cbp-filter-item{

}

.titreGammePack{
	height: 40px;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	display: block;
	margin-top: 10px;
	font: 25px "open sans condensed";
	padding-left: 30px;
}

.titreGammePack2{
	height: 70px;
	border-bottom: 1px solid silver;
	display: block;
	font: 35px "open sans condensed";
	padding-left: 30px;
	padding-top: 20px;
}

.titreGammePack3{
	height: 70px;
	border-bottom: 1px solid silver;
	display: block;
	font: 35px "open sans condensed";
	padding-left: 30px;
	padding-top: 20px;
	margin-bottom: 30px;
}

h1.titreGammePack{
	margin-bottom: 0;
}

 .titrePack{	color: gray;

	text-align: center;
	position: relative;
	margin: -15px 10px 20px;
	font: 300 17px/18px "open sans condensed";
	height: 25px;
}

.titrePack2{	color: gray;

	text-align: center;
	position: relative;
	height: 30px;
	margin: 0 10px 20px;
	line-height: 18px;
	font: 300 17px/18px "open sans condensed";
}

.titrePack a{
}

.colorPack{
	width: 100%;
	height: 5px;
	display: block;
	visibility: hidden;
}
.colorPack2{
	width: 100%;
	height: 5px;
	display: block;
	background-image: url(../images/degradeMetal.jpg);
}


.downloadGamme{
	width: 110px;
	height: 60px;
	background: url(../images/downloadPDFoff.png) no-repeat 110px 0;
	right: 50px;
	clear: both;
	float: right;
	position: absolute;
	z-index: 10;
		-webkit-transition: all ease 0.6s;
	-moz-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	-ms-transition: all ease 0.6s;
	transition: all ease 0.6s;
	color: silver;
	font: 700 13px/13px "open sans condensed";
	padding-right: 40px;
	padding-top: 15px;
	text-transform: uppercase;
	text-align: right;
	top: 25px;
}
.downloadGamme:hover{
		background: url(../images/downloadPDF.png) no-repeat 110px 0;
	padding-right: 70px;
	color: gray;
}
.cbp-filter-counter{
	visibility: hidden;
}


.cbp-filter-item_all {
	color: white;
	padding-left: 5px;
}
.igpMini{
			background: url(../images/igpMini.png) no-repeat 0 0px;
	float: right;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 500;
	height: 34px;
	width: 34px;
}
.labelRouge{
			background: url(../images/labelRouge.png) no-repeat 0 0px;
	float: right;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 500;
	height: 34px;
	width: 45px;
}

#print_zone_gmapfp{
	top: -600px;
	display: block;
	position: relative;
}
#close{
	visibility: hidden;
}

.savoirFaire{


}

.typeRecette h1{
		font: 300 13px/14px "Roboto Condensed";
	color: silver;

	text-align: center;
	margin: 10px auto;
	border-bottom: 1px solid #d5d5d5;
	display: block;
	position: relative;
	padding-bottom: 10px;
		width: 98%;
	letter-spacing: 1px;
}
.typeFruits {
		position: absolute;
	bottom: 15px;
	width: 100%;
}
.fruitRecettes {
	color: #787878;
	margin-top: 5px;
	border-left-width: 2px;
	border-left-style: solid;
	text-align: left;
	padding-left: 5px;
	width: 130px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	font: 300 14px/14px "Roboto Condensed" ;
	letter-spacing: 0;
}
.fruitRecettes h3{
	font-weight: 300;
	font-size: 14px;
	line-height: 13px;
	margin-bottom: 0;
	margin: 0;
}

.logoTop{
	width: 10px;
}
.logoCentre{
}
.logoMobile{
	width: 60%;
	height: auto;
	margin-top: 15px;
	margin-bottom: 10px;
}
.logoTitle{
			font: 35px/12px "Open Sans Condensed";
	text-decoration: none;
	color: gray;
	padding-left: 30px;
	padding-top: 20px;
}

.rechercheSaveurMobile{
	display: block;
	z-index: 5;
		font: 300 17px "Roboto Condensed";
	visibility: visible;
	color: white;
	text-align: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: gray;
}

.rechercheSaveurTexteMobile{
	display: block;
		height: 27px;
	padding-top: 7px;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
}
.loupeMobile{
	float: left;
	display: block;
		width: 23px;
	height: 23px;

}
.frameSavoirFaire{
	margin: -5px 0 0;
	padding: 0;
	width: 100%;
	border-width: 0;
	    height: 100vh;

}
.frameHistoire{
	margin: -5px 0 0;
	padding: 0;
	width: 100%;
	border-width: 0;
	    height: 100vh;
	color: white;
}




.rechercheSaveur:hover .loupe{
	width: 32px;
	height: 32px;
	margin-top: -1px;
	margin-left: -2px;
}
.rechercheSaveur:hover .rechercheSaveurTexte{
	color: black;
}

.closeSaveur{
  cursor: pointer;
	width: 30px;
	height: 30px;
	background: url(../images/close.png) no-repeat 10px 10px;
	opacity: 0.4;
	}
.closeSaveur:hover{
	opacity: 1;
}


#containerLeft{
	height: 100%;
	width: 380px;
	display: block;
	position: fixed;
	z-index: 5;
}
#containerLeftMenu{
	height: 100%;
	width: 210px;
	position: fixed;
	border-left: 1px solid #e4e4e4;
	float: left;
	left: 380px;
	background-color: white;
	  display: flex; /* contexte sur le parent */
  flex-direction: column; /* direction d'affichage verticale */
  justify-content: center;
}
#containerLeftMenu2{
	height: 100%;
	width: 210px;
	display: block;
	position: fixed;
	border-left: 1px solid #e4e4e4;
	float: left;
	left: 380px;
	background-color: white;
	padding-top: 50px;
		background: url(../images/contact_bg2.png) repeat-y 209px 0;

}
ul.nav.menu{
	margin: 0;
	padding: 0;
}

#containerLeftMenu ul {
				font: 30px/30px "Open Sans Condensed";

	list-style-type: none;
	color: silver;
}


#containerLeftMenu li:hover {
	border-left: 1px solid black;
			opacity: 1;

}
#containerLeftMenu li{
	border-left: 1px solid transparent;
			opacity: 0.4;
			-webkit-transition: opacity ease 0.6s;
	-moz-transition: opacity ease 0.6s;
	-o-transition: opacity ease 0.6s;
	-ms-transition: opacity ease 0.6s;
	transition: opacity ease 0.6s;
	padding-left: 15px;
}
#containerLeftMenu li.active{
border-left: 1px solid black;
			opacity: 1;	

}
#containerLeftMenu a{
	color: gray;

}


#containerRight{
		margin-left: 592px;
	position: relative;
}

#containerRight2{
		margin-left: 592px;
	position: relative;
	height: 100%;

}

.gmapfp a{
			visibility: hidden;

}
#map_canvas{
	height: 100%;
	min-height: 100%;
	display: block;
}


p.info_plus_detail{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}

#rechercheContainer{
	width: 0px;
	height: 100%;
	display: block;
	position: fixed;
	z-index: 30;
	background-color: black;

	float: left;
	color: white;
	overflow-x: hidden;
	overflow-y: auto;
	margin-left: -1px;
}

#js-grid-awesome-work{
	margin-left: 0px;

}

.iframe{
	border:0;
	height:900px;
	width: 100%;
}


/* @end */




.home70{
	width: 250px;
	height: 125px;
	display: block;
	position: fixed;
	bottom: 90px;
	left: 5px;
}

.marronContent{
	font: 15px/18px "Open Sans Condensed";
	background-color: white;
	width: 100%;
}

.marronsPacks{
	display: block;
}
.marronsPack1{
	text-align: center;

	display: block;
	width: 100%;



}
.marronsPack2{
	text-align: center;

	display: block;
	width: 100%;
}
.marronsPack3{
	text-align: center;

	display: block;
	width: 100%;
}

.marronsPack1, .marronsPack2, .marronsPack3{
	border-bottom: 1px solid silver;
}

.marronsPack1 img{
	margin-bottom: -30px;
}

.marronsPack2 img{


}

.marronsPack3 img{
	width: 150px;
	height: 150px;
	margin-bottom: -10px;
}

.marronsPack1:hover img{

}
.marronsPack2:hover img{

}
.marronsPack3:hover img{
	

}


.marronsLogoBandeau{
	clear: both;
	border-top: 2px solid gray;
	padding-top: 20px;
	padding-left: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid gray;
	position: relative;
}
.marronsLogo{
	margin-left: -20px;
}
.marronsLogoTexte{
	font-size: 18px;
	display: block;
	position: relative;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 20px;
}

.marronsBullet{
	clear: both;
	border-bottom: 1px solid silver;
	padding-top: 8px;
	padding-left: 30px;
	padding-bottom: 12px;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
	font-size: 18px;
}
.marronsBullet:hover{
	background-color: #eaeaea;
	border-bottom: 1px solid gray;
	padding-top: 20px;
	padding-bottom: 20px;
}
.marronLegende{
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 10px;
}
img.ifs{
	vertical-align: middle;
	margin-left: 5px;
}
.marronBg{
	width: 100%;
/*	background: url(../images/marronsBGbogue.jpg) no-repeat 0 bottom;*/
	display: block;
	left: 0;
}

.cck-line-body label, .cck-line-body a{
		font: 12px/20px "Open Sans Condensed";
}
.cck-line-body .inputbox{
		font: 14px/20px "Open Sans Condensed";
	border: 1px solid silver;
}

.emploi ul.accordion .headerlink{
	
	background: #a6a6a6 url(../images/contactBullet.png) no-repeat 15px 5px;
}

.emploi ul.accordion .headerlink:hover{
	background-color: gray;
}

.formulaire{
	font: 14px/20px "Open Sans Condensed";
	text-transform: uppercase;
}
.formulaire input{
	border-bottom: 1px solid black;
	border: 1px solid #e5e5e5;
	width: 250px;
}

.formulaire textarea{
	border-bottom: 1px solid black;
	border: 1px solid #e5e5e5;
	width: 250px;
}
.formulaire .send{
	border-bottom: 1px solid black;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	width: 230px;
	text-align: center;
	text-transform: none;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #ebebeb;
}
.formulaire .send:hover{
	background-color: silver;
}
.candidatureSpontanee{
	color: black;
	text-align: left;
	font-size: 15px;
	line-height: 17px;
	padding-left: 30px;
		background: url(../images/contact_deposer.png) no-repeat 0 0;

}
.candidatureSpontanee a{
	color: black;
}
.candidatureSpontanee a:hover{
	color: red;
}
.formulaire .envoyer{
		border-bottom: 1px solid black;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	width: 230px;
	text-align: center;
	text-transform: none;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: maroon;
	color: white;
	font-weight: bold;
}

.offreContent{
	font: 13px/15px "Open Sans Condensed";
	text-align: left;
}
.offreTitre{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 21px;
	color: gray;
	margin-bottom: 20px;
	margin-top: 30px;
}

.offreTitre2{
	font-size: 16px;
	color: gray;
	font-weight: 700;
	margin-bottom: 5px;
	text-align: left;
}
.offreTexte{
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	border-left: 1px solid silver;
}
.offrePostuler{
	padding-left: 30px;
	background: url(../images/contact_deposer.png) no-repeat 0 0;
}


.contactBackground{
}
.contactLeft, .contactRight{
	font: 15px/18px "Open Sans Condensed";
	font-weight: 300;
}

.contactLeft{
	float: left;
	display: block;
}

.contactRight{

	display: block;
	margin-left: 300px;
}
.contactLeftTitre{
	border-bottom: 1px solid silver;
	display: block;
	font: 22px "open sans condensed";
	padding-left: 40px;
	padding-top: 2px;
	padding-bottom: 6px;
	background-color: silver;
	color: white;
	margin-bottom: 30px;
}


.contactLeftText{
	padding-left: 50px;
	padding-right: 40px;
}
.contactLeftTextIntro{
	font-size: 25px;
}
.contactLeftTeam{
	padding-left: 50px;
	margin-bottom: 32px;
}
.contactLeftTeamTitre{
}
.contactLeftTeam img{
	float: left;
	clear: left;
	margin-bottom: 20px;
	margin-right: 10px;
}
.contactLeftAdresse a{
	color: black;
}
.contactLeftAdresse{
	border-bottom: 1px solid silver !important;
	display: block;
	padding-left: 140px;
	background: url(../images/contactMap.png) no-repeat 30px 15px;
	padding-top: 25px;
	padding-bottom: 30px;
	color: gray;
	margin-bottom: 30px;
}


.contactRightTitre{
	font-size: 50px;
	margin-bottom: 60px;
	color: white;
	padding-left: 20px;
}

.acces #c7-accordion-heading-1{
	background: url(../images/contact_avion.png) no-repeat 45px 2px;
}

.acces #c7-accordion-heading-2{
	background: url(../images/contact_train.png) no-repeat 45px 2px;
}

.acces #c7-accordion-heading-3{
	background: url(../images/contact_voiture.png) no-repeat 46px 4px;
}

.contactRightText{
	padding-left: 20px;
	padding-bottom: 32px;
	padding-right: 100px;
	max-width: 260px;
	color: white;
	font-size: 16px;
	line-height: 19px;
}
.contactRightCandidat{
		border-bottom: 1px solid white;
	padding-bottom: 12px;
	padding-left: 80px;
	color: white;
	font-size: 15px;
	font-weight: 700;
	background: url(../images/contact_PictoCandidat.png) no-repeat 20px 30px;
	padding-top: 30px;
	margin-top: -20px;
	height: 40px;
}
.contactRightCandidat:hover{
	background-color: #656565;
}
.contactRightOffres{
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d1d1d1;
	text-transform: uppercase;
	color: white;
	font-size: 17px;
	letter-spacing: 4px;
	background-color: #949494;
}


.contactBottom{
	width: 100%;
	clear: both;
	overflow: hidden;
}.contact{
	font: 15px/19px "Open Sans Condensed";
	padding-left: 30px;
	padding-top: 50px;
	margin-top: -5px;
	display: block;
	height: 100%;
}

.contact a{
	color: #b2b2b2;
	text-decoration: none;
}

.contact a:hover{
	color: gray;
	text-decoration: none;
}
.titreContactOn{
	font-size: 42px;
}
.titreContactOff{
	font-size: 42px;
	color: silver;
}

.titreCarriereOn{
	font-size: 42px;
		line-height: 55px;
			margin-bottom: 80px;


}
.titreCarriereOff{
	font-size: 42px;
	color: silver;
	line-height: 55px;
	margin-bottom: 80px;
}

.contactContent{
	width: 560px;
	float: left;
	margin-right: 60px;
	text-align: justify;
}
.contactContentLeft{
	float: left;
	margin-right: 60px;
	text-align: justify;
}

.contactContentTitre{
	font-size: 22px;
}
.contactContentRight{
	float: left;
	width: 150px;
	font-size: 13px;
	line-height: 15px;
}

.contactContentRight1{
	background: url(../images/contact_goumy.jpg) no-repeat 0 0;
	height: 80px;
	padding-left: 55px;
	margin-bottom: 7px;
}

.contactContentRight2{
	background: url(../images/contact_beyrand.jpg) no-repeat 0 0;
	height: 80px;
	padding-left: 55px;
	margin-bottom: 7px;
}
.contactContentRight3{
	background: url(../images/contact_clement.jpg) no-repeat 0 0;
	height: 80px;
	padding-left: 55px;
	margin-bottom: 7px;
}
.contactContentRight4{
	background: url(../images/contact_tchekov.jpg) no-repeat 0 0;
	height: 80px;
	padding-left: 55px;
	text-align: left;
}
.contactContentRightTitre{
	color: maroon;
	font-size: 13px;
	display: block;
	padding-bottom: 5px;
	font-weight: bold;
	line-height: 14px;
	text-transform: uppercase;
}

.contactContentAdresse{
	background: url(../images/contact_carte.png) no-repeat right 0;
	padding-top: 30px;
	margin-top: 25px;
	padding-bottom: 40px;
}
.contactContentTitre2{
	display: inline;
	position: absolute;
	margin-top: 8px;
}
.clear{
	display: block;
	clear: both;
}


body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
	font-family: "Open Sans Condensed";
	/*    overflow-y: hidden; */

}

.rsform-block{

}

.contactLieu{
	padding-left: 50px;
}


.titrePack{	color: gray;

	text-align: center;
	position: relative;
	height: 30px;
	margin: -15px 10px 20px;
	line-height: 18px;
	font-family: "open sans condensed";
}
.titrePack a{
}

.colorPack{
	width: 100%;
	height: 5px;
	display: block;
	visibility: hidden;
}

.downloadGamme{
	width: 60px;
	height: 60px;
	background: url(../images/downloadPDFoff.png) no-repeat 60px 0;
	right: 25px;
	top: 25px;
	clear: both;
	float: right;
	position: absolute;
	z-index: 10;
		-webkit-transition: all ease 0.6s;
	-moz-transition: all ease 0.6s;
	-o-transition: all ease 0.6s;
	-ms-transition: all ease 0.6s;
	transition: all ease 0.6s;
	color: silver;
	font: 700 13px/13px "open sans condensed";
	padding-right: 40px;
	padding-top: 8px;
	text-transform: uppercase;
	text-align: right;
}
.downloadGamme:hover{
		background: url(../images/downloadPDF.png) no-repeat 60px 0;
	padding-right: 70px;
	color: gray;
}
.cbp-filter-counter{
	visibility: hidden;
}


.cbp-filter-item_all {
	color: white;
	padding-left: 5px;
}
.igpMini{
			background: url(../images/igpMini.png) no-repeat 0 0px;
	float: right;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 500;
	height: 34px;
	width: 34px;
}
#print_zone_gmapfp{
	top: -600px;
	display: block;
	position: relative;
}
#close{
	visibility: hidden;
}

.savoirFaire{


}


.typeFruits{
		position: absolute;
	bottom: 15px;
	width: 100%;
}

.logoTop{
	width: 10px;
	height: 30%;
}

.closeEntreprise{
	position: fixed;
	top: 10px;
	right: 10px;
	display: block;
	z-index: 100;
	height: 70px;
	background: url(../images/close.png) no-repeat 30px 20px;
	width: 70px;
}


.frameSavoirFaire{
	margin: -5px 0 0;
	padding: 0;
	width: 100vw;
	border-width: 0;
	    height: 200vh;       
	
}
.frameHistoire{
	margin: -5px 0 0;
	padding: 0;
	width: 100%;
	border-width: 0;
	    height: 200vh;       
	
}



.rechercheSaveur:hover .loupe{
	width: 32px;
	height: 32px;
	margin-top: -1px;
	margin-left: -2px;
}
.rechercheSaveur:hover .rechercheSaveurTexte{
	color: black;
}

.closeSaveur{

}
.closeSaveur:hover{
	opacity: 1;
}


#containerLeft{
	height: 100%;
	width: 380px;
	display: block;
	position: fixed;
	z-index: 5;
}
#containerLeftMenu{
	height: 100%;
	width: 210px;
	display: block;
	position: fixed;
	border-left: 1px solid #e4e4e4;
	float: left;
	left: 380px;
	background-color: white;
	padding-top: 100px;
}


#containerLeftMenu ul {
				font: 30px/30px "Open Sans Condensed";

	list-style-type: none;
	color: silver;
}


#containerLeftMenu li:hover {
	border-left: 1px solid black;
			opacity: 1;

}
#containerLeftMenu li{
	border-left: 1px solid transparent;
			opacity: 0.4;
			-webkit-transition: opacity ease 0.6s;
	-moz-transition: opacity ease 0.6s;
	-o-transition: opacity ease 0.6s;
	-ms-transition: opacity ease 0.6s;
	transition: opacity ease 0.6s;
	padding-left: 15px;
}
#containerLeftMenu li.active{
border-left: 1px solid black;
			opacity: 1;	

}
#containerLeftMenu a{
	color: gray;

}


#containerRight{
		margin-left: 592px;
	position: relative;
}

#containerRight2{
		margin-left: 592px;
	position: relative;
	height: 100%;

}

.gmapfp a{
			visibility: hidden;

}
#map_canvas{
	height: 100%;
	min-height: 100%;
	display: block;
}


p.info_plus_detail{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}

#js-grid-awesome-work{
	margin-left: 0px;

}

.iframe{
	border:0;
	height:900px;
	width: 100%;
}



/* Menu Left */



/* Menu La Gamme */

.menuFruits, .menuEntreprise {
}

.menuEntreprise {
	opacity: 0.3;
  -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.menuEntreprise:hover {
	opacity: 1;
}
.menuFruits h3, .menuEntreprise h3{
	opacity: 1;
	letter-spacing: 2px;
	display: block;
	clear: both;
	float: left;
}

/* Menu L'Entreprise */

.menuFruitsEntreprise, .menuEntrepriseEntreprise {
}

.menuFruitsEntreprise {
	opacity: 0.3;

  -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.menuFruitsEntreprise:hover {
	opacity: 1;
}
.menuFruitsEntreprise h3, .menuEntrepriseEntreprise h3{
	opacity: 1;
	letter-spacing: 2px;
	display: block;
	clear: both;
	float: left;
}

#containerLeftMenu dl.level1 span.outer{
	border-left: 1px solid transparent;
	margin-left: 0;
}

#containerLeftMenu dl.level1 span.outer:hover{
	border-left: 1px solid black;
	margin-left: 0;
}


#containerLeftMenu dl.level1 .opened dl.level2 span.outer:hover{
	border-left: 0px solid black;
	margin-left: 0;
}



#containerLeftMenu dl.level2 span.outer{
	border-left: 0px solid transparent;
	margin-left: 0;
}

#containerLeftMenu dl.level2 .span.outer:hover{
	border-left: 0px solid black;
	margin-left: 0;
	
	
	
	
}

/* contact + espace Prive */
.homeContact{
	
	background: url(../images/picto_worldBlack.png) no-repeat center 2px;
	float: left;
	font: 400 15px/12px "open sans condensed";
	text-align: center;
		padding-top: 20px;
	margin-top: 6px;
	opacity: 0.35;
			  -webkit-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out; 
  cursor: pointer;
}
.homePrivate{
		background: url(../images/picto_lockBlack.png) no-repeat center 2px;
			float: left;
	font: 400 15px/12px "open sans condensed";

	text-align: center;
	padding-top: 20px;
		margin-top: 6px;
			opacity: 0.35;
					  -webkit-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out; 
  cursor: pointer;


}

.homeContact:hover, .homePrivate:hover{
				opacity: 1;

}

.traitVertPictos{
	display: block;
	width: 2px;
	height: 50px;
	border-left: 1px solid silver;
	float: left;
	margin-left: 8px;
	margin-right: 7px;
}

.homeLesRecettes{
		font: 400 20px/12px "Open Sans Condensed";
	letter-spacing: 0px;

	display: block;
	position: fixed;
	bottom: 20px;
	border-left: 1px solid black;
	padding-left: 20px;
	padding-bottom: 20px;
	height: 20px;
	padding-top: 10px;
	background: url(../images/logoPonthierMini.png) no-repeat 10px -5px;
	width: 150px;
		  -webkit-transition: letter-spacing .6s ease-in-out;
  transition: letter-spacing .6s ease-in-out;
}
.homeLesRecettes:hover{
	letter-spacing: 3px;
}

/* bottom */

ul.lang-inline img{
	opacity: 0.38;
		  -webkit-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out; 
}
ul.lang-inline img:hover{
	opacity: 1;
}
ul.lang-inline .lang-active img{
	opacity: 1;
}

.bottomLink{
	display: block;
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: 380px;
}
.traitVert{
	display: block;
	width: 2px;
	height: 50px;
	border-left: 1px solid silver;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.langues{
	float: left;
	display: block;
	margin-top: 15px;
}

/* social*/


.social-slide-fb {
	
	background-image: url(../images/facebook-hover.png);
	height: 24px;
	width: 24px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
	margin-right: 5px;
	margin-top: 12px;
}

.social-slide-tw {
	background-image: url(../images/twitter-hover.png);
	height: 24px;
	width: 24px;
	float: left;
		margin-top: 12px;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
	margin-right: 5px;
}

.social-slide-yt {
	background-image: url(../images/youtube-hover.png);
	height: 24px;
	width: 24px;
	float: left;
	margin-top: 12px;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}


.social-slide-fb:hover, .social-slide-tw:hover,.social-slide-yt:hover {
	background-position: 0px -24px;
	  cursor: pointer;

}