@charset "UTF-8";
/* CSS Document */
@font-face {
     font-family: 'olivierregular';
    src: url('../olivier/olivier_demo-webfont.eot');
    src: url('../olivier/olivier_demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../olivier/olivier_demo-webfont.woff2') format('woff2'),
         url('../olivier/olivier_demo-webfont.woff') format('woff'),
         url('../olivier/olivier_demo-webfont.ttf') format('truetype'),
         url('../olivier/olivier_demo-webfont.svg#olivierregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
hr {
	clear:both;	
}
body{
	background:url(../images/deco.png) no-repeat left 600px #738b0f;

}
h1 {
	color:white;
}
h2 { 
	color:white;
	font-family: 'Lato', sans-serif;
	font-size:1.3em;
}
#menuAffiche {
	display:none;
}
#introp .grid-4 {
	width: 70%;
	float:left;
}
.headingSous{
	font-weight:normal;
	color:white;
	font-size:1.2em;
	font-weight:300;
		z-index:30;	
	position:relative;
		width:100%;
		line-height:1.8;

}
.blocTexte:nth-child(1n+5){
	width:97%;
}
.blocTexte{
	background: rgba(202,146,46,0.8); 
}
.blocTexte:nth-child(2n){
	background:rgba(242,196,110,0.8);
}
.blocTexte:nth-child(2n) *{
	color:#666;
}
.boutonLien{
	color:#666; 
	float: left; 
	background:white;
	padding:1em;
	margin: 1em 0;
	border-radius:4px;
}
.boutonLien:hover{
	color:#ccc; 
}
.cc_container {
    background:#AC3B04 !important;
    border:none!important;
    }
    .cc_container .cc_btn {
    	background:#fff !important;

    }
.cc_message {
	color:#fff;
}
.cc_message a{
	color:#ccc !important;
}
a{
	border-bottom: transparent;
	text-decoration:none;
	color:white;/*#466d1e*/
	font-family: 'Lato', sans-serif;
	-webkit-transition:color ease 0.5s;
	        transition:color ease 0.5s;
	
}
a:hover {
	color:#A1B73E;

}
ul {
	list-style-type: none;	
}
#menuPrinc{
	float: left;
    padding-left: 75px;

}
.menu {
	margin:1em 0;
	z-index:30;	
	position:relative;
	width:100%;
}
.menu li {
	width:25%;
	text-align:center;
	float:left;

}
p {
	font-family: 'Lato', sans-serif;
	color:white;
}
.menu li a{
		-webkit-transition: color ease 1s;
		        transition: color ease 1s; 
	font-size:1.25em;
	display:block;
 font-family: 'olivierregular';
 font-weight:normal;
 }
#introp{
	margin:1em 0 0;	   
}
.menuGauche {
	position:relative;
	z-index:200;

}


.menuGauche ul {
	display:none;
}

.menuGauche > li {
	background:#466d1e;	
	color:white;
	font-size:0.95em;
	cursor:pointer;
	font-family: 'Lato', sans-serif;
	text-align:right;
	padding:5px 10px 5px 0;
	-webkit-transition:color ease 0.5s;
	        transition:color ease 0.5s;
	width:100%;
}
.menuGauche > li:first-child {
	padding-top:10px;
}
.menuGauche > li:last-child {
	padding-bottom:10px;
}
.menuGauche > li:hover{
	color:#a0bf15;	
}
.menuGauche .sousMenu{
	display:block;
	line-height:1.5;
	margin: 10px 0 0 0;		
	width:100%;
}
.sousMenu li:hover .soussousMenu{
	display:block;
	line-height:1.5;
		position:absolute;
	z-index:50;
	width:100%;
}

.soussousMenu li:hover .sousMenu3{
	display:block;
	line-height:1.5;
		position:absolute;
	z-index:50;
	width:100%;
	left:100%;
}
.soussousMenu {
	left:108%;
}



.unBis {
	top:79px;
}
.deuxBis {
	top:105px;
}
.troisBis {
	top:138px;
}
.quatreBis {
	top:267px;
}
.cinqBis {
	top:416px;
}
.sixBis {
	top: 534px;
}
.septBis {
	top: 731px;
}
.un {
	top:-60px;
}
/*.h0{
	top:-50px;
}
.h1{
	top:120px;
}
.h2{
	top:-20px;
}
.h3{
	top:160px;
}*/

.deux {
	top:149px;
}
.trois {
	top:707px;	
}
.quatre {
	top:870px;
}
.six {
	top:250px;
}
.cinq {
	top:880px;
}
.sept {
	top:307px;
}
.huit {
	top:753px;
}

.anim{
	padding:0 !important;	
	background:none !important;
}
.anim2{
	padding:0 !important;	
	background:none !important;
}
#fleur{
	position:absolute;
	z-index:20;	
	left:65%;
	top:-100px;
	
}
.sousMenu > li {
		background:#a1b73e;
	border-bottom:transparent 1px solid;
	display:inline-block;
    -webkit-transition: border 0.5s ease;
            transition: border 0.5s ease;
		 width: 100%;
	padding:5px 8px 5px 2px;
}
 .lifleche > a:after {
    content: '▶';
    font-size: 8px;
    color: #466C22;
    position: relative;
    width: 1em;
    height: 1em;
    top: 0;
    left: 0.4em;
}
.sousMenu a{
	color:#fff;
	font-size:0.75em;	
	-webkit-transition:color ease 1s;	
	        transition:color ease 1s;
}
.sousMenu a:hover {
	color:#fff;
}
.sousMenu >li:hover {
	border-bottom:#fff 1px solid;
}
.soussousMenu li {
		background:#466C22;
		 width: 100%;
		 text-align:left;
		 color:white;
	padding:5px 0 5px 10px ;
		display:inline-block;
	border-bottom:transparent 1px solid;
}
.soussousMenu .lihover {
		background:#8fa51f;
		 
}
.soussousMenu a:hover {
	color:#fff;
}
.soussousMenu .lihover:hover {
	border-bottom:#fff 1px solid;
}
.sousMenu3 li{
	background:#a1b73e;	

}
.exergue {
	text-align:center; 
	font-size:1.3em;
	font-weight:bold;
		padding:15px 20px;
}
.exergueProd {
	text-align:left; 
	font-size:1.1em;
	font-weight:300;
	padding:15px 20px 0 0;
}
.exergue2 {
	text-align:left; 
	font-size:1em;
	font-weight:300;
		padding:15px 20px 0 0;
		line-height: 1.7;
}
.lien a {
	text-align:center; 
	font-size:1em;
	font-weight:300;
		line-height: normal;
}
.lien {
	padding: 2em;
}
.gallery .cache{
	width:93%;
	height:0;
	padding-bottom:60%;
	margin:5% auto 0;
	border:1px solid #ccc;
	overflow:hidden;	
	border-radius:4px;
}
.gallery .cache img{
	width:125%;
}

.logoRev {
	width:75px;
	margin:10px;
	border:white 1px solid;
	float: left;
}
.alogo{
float: left;
}
.logo{
	    width: 144px;
    max-width: none;
}
#blocLogo{
	font-size:0.6em;
    background: #466D1E!important;
    text-align: center;
    padding:1em;
    line-height: 1.2;
    position: fixed;
       right: 8em;
    top: 47em;
    z-index: 40;
    width: auto;
    border:white 1px solid;

}
form {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-flex : 1;
	-webkit-flex : 1;
	    -ms-flex : 1;
	        flex : 1;
	margin:1em 0;
	padding:0.5em;
	border:white 1px solid;
	border-radius:4px;
}

.ind {
	margin:2em;
	padding:1em;
	border:white 1px solid;
}
label {
	font-family: 'Lato', sans-serif;
	margin:0 1em ;	
	padding:5px; 
	color:white;
}
input,
textarea,
button {
	text-align:left;
	-webkit-box-flex : 1;
	-webkit-flex : 1;
	    -ms-flex : 1;
	        flex : 1;
	margin: 1em;	 
	padding:5px 10px;
	font-family: 'Lato', sans-serif;
	font-size:1em;
	border-radius:4px;
	border:none;
		color:#666;
		line-height:2;
}
#go {
	background:#a2b745;
	-webkit-transition:background 0.5s ease;
	        transition:background 0.5s ease;
	color:white;
	line-height:2;
		text-align:center;
}
#goBlog {
	background:#466C22;
	-webkit-transition:background 0.5s ease;
	        transition:background 0.5s ease;
	color:white;
	line-height:2;
		text-align:center;
}
#go:hover,#goBlog:hover {
	background:#738B0F ;

}
.formBlog {
	margin:10px 20px 30px;
	padding:0.5em;
	border:white 1px solid;
	border-radius:4px;
	display:none;
}

.formBlog input,
.formBlog textarea {
	text-align:left;
	-webkit-box-flex : 1;
	-webkit-flex : 1;
	    -ms-flex : 1;
	        flex : 1;
	margin: 0.5em;	 
	padding:5px 10px;
	font-family: 'Lato', sans-serif;
	font-size:1em;
	border-radius:4px;
	border:none;
		color:#666;
		line-height:2;
}

.error-message {
	font-family: 'Lato', sans-serif;
	color:#C54314;
}

.alert-info {
	position:absolute;
	z-index: 100;
	padding: 3em;
	background: white;
	color:#C54314;
	margin:3em;
}
.alert-info a {
	color:#ccc !important;
	}
.nopad {
	padding:0;	
}

/*--------------ANIMATION----------------*/
#slideshow{
	padding-bottom:25% !important;
	position: relative;
	left:0;
	z-index: 10;
	overflow: hidden;
	border-radius: 4px;
}
#slideshow img{
	position:absolute;
	 width:100%;
	top:0;
	left:0;
    z-index:18;
    opacity:0.0;
}
#slideshow img.active {
    z-index:20;
    opacity:1.0;
}
#slideshow img.last-active {
    z-index:19;
}

 .messSlider {
	text-align:center;
	padding:2em;
	top:15em;
	left:35%;
	position:absolute;
	font-weight:bold;
background: rgba(197, 62, 0,0.8);
width:8em;
	height:8em;
	border-radius:50%;
	z-index: 15;
	color:#333;
	line-height: 1.5;
}
.messSlider a {
	color:#fff;
	font-size:1.3em;
}

.logoPart {
	 width:60%; 
	 margin: 5% 0 0;
	 float:left;
}
.etiquette{ 
	background:white;	
	border-radius:4px;
	width:32% !important;
	margin:0 1% 1em !important;
}
.etiqueProd{ 
	background:rgb(255, 255, 255);		
	border-radius:4px;
	width:32% !important;
	margin:0 1% 1em !important;
	padding: 0 !important;
}
.etiqueProd .cache{
	background:white;	
 	width: 80%;
 	overflow:hidden;
 	margin: 10% auto;
 	height:0;
	padding-bottom:73%!important;
	position: relative;
 }
.etiquette:first-child, .etiqueProd:first-child{
	margin-left:0 !important;
}
.etiquette:last-child, .etiqueProd:last-child{
	margin-right:0 !important;
}
 .etiqueProd img{
 	max-width: 150%;
 	width: 100%;
 }
 .boutProd:hover {
 	background: rgba(197, 62, 0,0.5)!important;
 }
 .boutProd{
 	cursor: pointer;
 	-webkit-transition:background 0.5s ease!important;
 	        transition:background 0.5s ease!important;
 	background: rgba(197, 62, 0,1)!important;
    border-radius: 4px; 	
	padding:1em;
	background:white;
	border-radius:4px;
	color:#fff;
	z-index: 60;
	width: 60%;
	margin:0 12%;

}
.boutProd a{ 
	color:#333;
}
.titre{ 
	background:#F2C46E;
	border-radius:4px;
	width:85%;
	margin:0.5em auto 1em;
	padding:0.5em;
	text-align:center;
	font-size:1.1em;
	-webkit-transition:background 0.5s ease;
	        transition:background 0.5s ease;
}
.titre:hover{ 
	background:#f7b336;
}
.titre a {
	color:#666;
}

.texte { 
	width:80%; 
	margin:0.5em auto 1em;
	text-align:left;
	color:#666;
	font-size:0.9em;
}
.texte a{
	color:#B6D01D;
	-webkit-transition:color ease 0.5s;
	        transition:color ease 0.5s;
}
.texte a:hover{
	color:#738B0F;
}
.date {
	font-size:0.6em;
	font-weight:300;
} 
.photoBlog {
	border-radius:4px;
	border:white 8px solid;	
}
.padd{
	padding-top:20px;	
	background:rgba(182, 208, 29, 0.5);
}
.erreur {
	position:fixed;
	top:0;
	left:20%;
	background:white;
	z-index:60;
	padding:10px;
	width:30%;	 
	color:#666;
	font-size:1.3em; 
	padding:2em;
	text-align: center;
}
hr.style-two {
	margin:3em 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
hr.style-three {
	margin:1em 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
.titreArt{
	font-size:1.7em;
	padding:20px 0;
	line-height:normal;
	text-align: left;
}
.texteArt{
	font-size:1.1em;
	margin: 0 20px 0 0;
	text-align: left;
}
.reponse, .reponseBri {
	position: relative;
	margin: 20px 20px 20px 0px;
	padding:1em;
	border-radius:4px;
	border:white 1px solid;	
	background: #95AE16;
}
.reponseBri:after, .reponseBri:before {
	bottom: 100%;
	left: 70%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.reponse:after, .reponse:before {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.reponse:after, .reponseBri:after {
	border-color: rgba(149, 174, 22, 0);
	border-bottom-color: #95AE16;
	border-width: 10px;
	margin-left: -10px;
}
.reponse:before,.reponseBri:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 11px;
	margin-left: -11px;
}
iframe{
	width:95%;	
	margin:1em 2.5%;
}
.titrePara {
	text-align:center;
	width:100%;	
	font-weight:normal;
	color:white;
	font-family: 'Lato', sans-serif;
	font-size:1.3em;
	margin:1em;

}
.normal {
	margin:5% 2.5% 0;
	float:left;
	width:45%;
	text-align: left;
}
.normal2 {
	margin:5% 2.5% 0;
	float:left;
	width:45%;
	text-align:right;
}
.bouton {
	padding:1em 0.5em;
	margin:0 20px 0 0;
	    background: #bf4e2b;
	cursor:pointer;
	width:100%;
	text-align:center;
	border-radius:4px;
}

.presProd{
	background: rgba(244, 255, 115, 0.7);
	margin:1em 0 ;
	width: 100%;
	padding-bottom:1em;
}

.presProd h2{
	width: auto;
	text-align: left;
	padding:1em 1em 0.3em 0;
	color:#666;
}
.prodImg{ 
	margin:2em 0.5em 1em;
	    width: 100%;
	float:left;
}
.prodImg img{
	width: 100%;
	border:#ccc 3px solid;
}
.texteProd {
	text-align: left;
	padding: 1.5em 1em 0 0;
	color:#666;
}
.texteSupp {
	text-align: left;
	font-size:0.8em;
	padding: 1em 1em 0 0;
	color:#666;
}
.chemin {
	text-align: right;
	   float: right;
    width: 78.5%;
    background:#A1B73E;
    padding: 0.5em;
    margin: 0 1em 0 0;
    border-radius:4px;
}
.ptProd {
	font-size:1em;
	padding-bottom: 0.5em;
	width:100%;
margin: 1em 0 ;
    float: left;
    color:#666;
}
.prixProd{
width:90%;
border-radius:4px;
background:#c45225;
color:#fff;
font-size:1em;
text-align: center;
padding:0.5em;
    margin: 0.5em 5% 0;
        float: left;
}
.desact {
	color:#ccc;
}
#mentions {
	display:none;
}

@media (max-width:1550px){
	#blocLogo {
		right: 50px;
    	font-size: 0.4em;
    	top: 10px;
	}
	#blocLogo .logoRev{
		height:40px !important;
		width: auto;
	}

}


@media (max-width:900px){
	#blocLogo{
		font-size:1.2em;
		bottom:0;
		width: 100%;
		top:initial;
		z-index: 250;
		text-align: right;
		border-top:1px white solid;
		border-left:none;
		border-bottom:none;
		border-right:none;
		line-height: 3;
		left: 0;
		padding: 11px 30px 0 0
	}
	#blocLogo .logoRev {
		float: right;
		margin: 0 10px;
		height:50px !important;
		width: auto;
	}
	#blocLogo  .spn a{
		
		float: left !important;
		margin:10px  0 !important;
		font-size:1.2em !important;
		line-height: 1 !important;
		width: 100%  !important;
	}
	.spn br{
		display:none;
	}
	.alogo {
	    float: right;
	}
	#blocLogo br{
		display:none;
	}
	.spn{
		width:30% !important; 
		font-size:1em!important;
		line-height: 1 !important;
		float: left!important;
		text-align: center;
		margin-left:1em;
	}
	
	
	.boutProd{
		top:3em;
	}
	
	.nopad{
		padding:0;
	}
	#logoPrinc{
		width: 25%;
		margin: 0;
	}

	
	footer {
	  padding-bottom: 100px;
	}
	footer p {
	  text-align: center; 
	}
	.chemin {
    margin: 0 0.5em 0 0;
}

	
}
@media (max-width: 760px) {
	
	.presProd h2 {
	    text-align: center;
	    padding: 1em;
	    font-size: 1.5em;
	}
	#menuPrinc{
	    padding-left: 0;
	}
	.blocTexte .grid-2 , .blocTexte .grid-4{
		margin: 1em 1em 0 0 !important;
		width:100%;
	}
	.blocTexte .grid-4 h2 {
		text-align: center !important;
	}
	
	.presProd > div{
		width:100%;
		margin-bottom: 0;
	}
	.prodImg{
		width:100%;
		float:none;
		margin: 0 0 1em;
	}
	.prodImg img{
		width:50%;
		float: none;
   	 margin: 1em auto;
	}
}

@media (max-width: 640px) {
	
	.etiqueProd{
		    padding: 0.5em 1em !important;
	}
	.boutProd{
		width:100%;
		top:0;
		left:0;
		margin:0;
		height:100%;
		background:rgba(171, 71, 7,0)!important;
		font-weight: bold;
		font-size:1em;
		padding:1em 0;
	}
	.boutProd a {
	   color: rgba(255, 255, 255,0) ;
	}
	.boutProd a:hover {
	   color: rgba(255, 255, 255,1) ;
	}
 
	.boutProd:hover{
		background:rgba(171, 71, 7,0.7)!important;
	}
	.messSlider {
		top: 46em; 
	}
	.menuGauche ul > li {
		padding:5px 0px 5px 10px;
			text-align: left;
		
	}
	.menuGauche > li {
		text-align: center;
		    width: 98%;
	}
	.menuGauche li {
		padding-top:10px;
	

	}
	.un {
		top:0;
	}
	.unBis{
		top:63px;
	}
	.deux{
		top:140px;
	}
	.troisBis {
	    top: 133px;
	}
	.quatreBis {
	    top: 238px;
	}
	.cinqBis {
	    top: 365px;
	}
	.sixBis {
	    top: 462px;
	}
	.trois {
	    top: 613px;
	}
	.septBis {
	    top: 621px;
	}
	.huit {
   	 	top: 650px;
	}
	.quatre {
	    top: 748px;
	}
	.cinq {
	    top: 783px;
	}
	.soussousMenu {
		width:55% !important;
		left:45%;

	}
	.menuGauche ul ul > li {
			line-height:2;
	}
}
@media (max-width:580px){
	#introp .grid-4 {
	    width: 100%;
	    float: left;
	    margin-top:1em;
	}
	#introp .grid-1 {
	    width: 100%;
	   
	}
	.heading, .headingSous{
		text-align: center;
		margin: 0 !important;
		width: 100% !important;
	}
	.chemin{
		width: 94%;
		text-align: center;
	}


}
@media (max-width:500px){
	#menuPrinc {
	    float: right;
	    width: 55%; 
	}
	.spn {
	    width: 100% !important;
    }
    #blocLogo {
    	text-align: center;
    }
	#menuAffiche{
		position: absolute;
		top:4em;
		right:-3em;
		 width: 30%;
		 display:block;
		  z-index: 100;
	}
	#logoPrinc {
	   	 width: 30%;
	   	 float:left;
	}
	.messSlider{
		border-radius: 0;
		top:0;
		width: 100%;
		left:0;
		font-size:1em;
		height: auto;
		padding:0.5em;
		position: relative;

	}
	#fleur {
		z-index: 0;
	}
	.menu{
		display:none;
	}
	
	#slideshow{
		display:none;
	}
	.etiqueProd{
		width:75% !important;
		margin:0.5em auto !important;
	}
	.etiquette{
		width:75% !important;
		margin: 0.5em auto!important;
	}
	.etiqueProd:first-child,.etiquette:first-child{
	    margin:1em auto 0.5em!important;
	}
	.etiqueProd:last-child, .etiquette:last-child {
   		margin:0.5em auto 1em!important;
	}
	.ind{
		width: 100% !important;
		margin:0 !important;
		padding: 0 !important;
	}
	.menu li {
		width: 100%;
		padding: 1em;
	}
	.nopad{
		float: left;
	}
	#blocLogo{
		font-size:1em;
	}

}
@media (max-width:400px){
	
	


}