@import url('https://fonts.googleapis.com/css?family=Bitter:300,400,400i,700|Caveat:400,700|Lato:300,400,700,900|Dancing+Script:400,700');


html {
  height: 100%;
}

body{
	  min-height: 100%;
  height: 100%;

	margin: 0;
	padding: 0;
			    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.aikon_paralax{
	background-color: transparent !important;
}
.expertise{
	width: 100%;
	display: block;
	position: absolute;
	margin-top: 370px;
	text-align: left;
			min-width: 900px;

}

.ifsbrc{
	width: 106px;
	height: 54px;
	display: block;
	background: url(../images/ifsbrc.png) no-repeat 0 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: 700px;
	position: relative;
	top: 700px;
}

.dispo10{
	font-size: 14px;
	color: gray;
	clear: both;
	display: block;
	margin-top: 20px;
	margin-left: 3px;
}
.rsform-button-prev{
	margin-right: 5px;
}
.rsform-text-box{
	width: 500px !important;
	height: 200px !important;
}
.rsform-block-texte-intro{
	margin-bottom: 25px;
	display: block;
	width: 300px;
	margin-left: 160px;
	position: relative;
	line-height: 18px;
}
.expertiseContent{
		background-image: url(../images/fondGris.png);
	width: 100%;
	font: 300 14px Lato;
	color: white;
		min-width: 900px;
	height: 320px;
}
.expertiseContentBande{
	
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-left: 50px;
	clear: both;
	width: 900px;
}

.expertiseBlock, .expertiseBlock1{
	width: 250px;

	display: block;
	float: left;
	padding-right: 50px;
}
.expertiseBlock1{
	clear: right;
}
.expertBig{
	font-size: 20px;
	font-weight: 700;
}

.rsform-block-texte-intro{
	font: 300 14px/20px Lato;
}

.sc-content h2{
	margin-top: -8px !important;
	
}
.sc-content .download{
		cursor: pointer;
	opacity: 0.5;
		    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.sc-content .download:hover{
	opacity: 1;
}
.expert01, .expert02, .expert03, .expert04, .expert05, .expert06, .expert07, .expert08, .expert09, .expert10{
			min-height: 60px;
	padding-left: 80px;

}
.expert01{

	background: url(../images/expertise01.png) no-repeat;
}
.expert02{
	background: url(../images/expertise04.png) no-repeat;
}
.expert03{
	background: url(../images/expertise07.png) no-repeat;
}
.expert04{
	background: url(../images/expertise02.png) no-repeat;
}
.expert05{
	background: url(../images/expertise05.png) no-repeat;
}
.expert06{
	background: url(../images/expertise08.png) no-repeat;
}
.expert07{
	background: url(../images/expertise03.png) no-repeat;
}
.expert08{
	background: url(../images/expertise06.png) no-repeat;
}
.expert09{
	background: url(../images/expertise09.png) no-repeat;
}

.expert10{
	background: url(../images/expertise10.png) no-repeat;
}
.clear{
	clear: both;
}

.recettes{
	display: block;
	z-index: 100;
	max-height: 300px;
	top: 610px;
	background-color: white;
	position: relative;
}

.recettesImg{
	width: auto;
	margin-right: auto;
	margin-left: auto;
		max-height: 300px;

}

#section0{
	background-image: url(../images/Background_Paper_texture.jpg);
	z-index: 2;
	height: 300px;
	display: block;
	position: relative;
}
#section1{
	background-image: url(../images/Background_Paper_texture.jpg);
	z-index: 2;
}

#section4{
	background-image: url(../images/Background_Paper_texture.jpg);
	z-index: 2;
}

.langues{
	position: fixed;
	display: block;
	height: 20px;
	width: 59px;
	cursor: pointer;
	right: 18px;
	top: 35px;
	z-index: 100;
		float: left;
	display: block;
	margin-top: 10px;
}


.mod-languages{
	width: 20px;
	height: 0px;
	overflow: hidden;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.mod-languages:hover{
	height: 100px;

}


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;
}

ul.lang-inline li.lang-active{
	float: left;
	padding-right: 5px;
	display: block;
	left: 0;
	position: absolute;
	z-index: 20000;
	top: -20px;
}
ul.lang-inline li{
		float: right;
	
}

.homepage{
	text-align: center;
	width: 100%;
	min-height: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.content{
	 position: absolute;
  top: 48%; 
  transform: translateY(-50%);
	right: 50px;
	left: 50px;
	z-index: 2;
	font-family: "Dancing Script";
	font-weight: 400;
	margin-top: -20px;
}

.logo{
	width: 400px;
}
.bottom{
	width: 100%;
	display: block;
	height: 315px;
		bottom: 0;
	position: absolute;
}
.bottom img{
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0;
}
.sliderImg{
	display: block;
	float: left;
}
#homeFruit {
	width: 420px;
}
.sliderCenter{
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 700px;
	height: 350px;
}
.slider{
	display: block;
	position: relative;
	text-align: center;
	width: 100%;
	margin-top: -50px;
}

.sliderMenu{
	width: 48%;
	float: left;
	display: block;
	text-align: left;
	font-size: 35px;
	 position: absolute;
  top: 50%; 
  transform: translateY(-50%);
	margin-left: 420px;
		overflow-x: hidden;
	color: black;
}

.sliderMenu1{
	opacity: 0.3;
	width: 250px;
	display: block;
	border-bottom: 1px solid black;
	padding-bottom: 10px;
	padding-left: 3px;
	    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    		cursor: pointer;

    

}
.sliderMenu1:hover, .sliderMenu2:hover, .sliderMenu3:hover{
		opacity: 0.7;

}
.sliderMenu1:hover{
		width: 100%;
}
.sliderMenu2:hover{
		width: 100%;

}
.sliderMenu3:hover{
		width: 100%;

}
.sliderMenu2{
	opacity: 0.3;
		width: 350px;
	display: block;
	border-bottom: 1px solid black;
	padding-bottom: 10px;
	padding-left: 3px;
		    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
		cursor: pointer;

}
.sliderMenu3{
	opacity: 0.3;
		width: 170px;
	display: block;
	border-bottom: 1px solid black;
	padding-bottom: 10px;
	padding-left: 3px;
		    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
		cursor: pointer;

}
.contactLeft{	float: left;
	display: block;
	position: relative;
}
.contactRight{
	display: block;
	position: relative;
	clear: right;
	float: left;
}
.formBody a{
	color: silver;
	text-decoration: none;
	margin-left: 10px;
}

.clear{clear:both; float:none;}
textarea{
	border: 1px solid #dde2e2 !important;
}
.contact{
	font-size: 12px;
	line-height: 12px;
	width: 600px;
	text-align: left;
	margin-left: 400px;
	margin-top: 200px;
	display: block;
	position: absolute;
}