@charset "UTF-8";
/* CSS Document */


*{padding:0; margin:0;}
img{border:0;}
a{text-decoration:none; color:#000;}
p{margin:0;}
li{ list-style-type:none;}

body{ background-color:#FFF; width:100%; height:100%; overflow-x:hidden; left:0; top:0; position:relative;}




.wide-container {
	max-width: 100%;
	width:100%;
	height: 600px;
	margin: 0 auto;
	position:relative;
	z-index:90;
	background-color:#FFF;
	overflow:hidden;
	}
.slides-container #img1 { left:0;}
.slides-container #img2 { left:0;}
.test2{ display:none;}


#contactA a{ color:#000;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
#contactA a:hover{ color:#a42124;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
	
	
#ContentGourmet{ width:100%; float:left; margin-top:50px; height:auto;font-family: fantasy;}
#Gourmet{width:1100px; margin:auto; text-align:center;font-family: 'Raleway',sans-serif;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease; }

.Produits{width:200px; height:325px;  margin-right:100px; float:left; background-image:url(../layout_img/OmbreG.png); background-repeat:no-repeat; background-position:bottom center; cursor:pointer; margin-bottom:50px;
-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
.Qlast{ margin-right:0px;}
.Exept{ margin-right:0;}
.viande{ height:285px;}

.Produits h3{color: #A42124;font-family: 'Raleway',sans-serif;font-size: 12px;font-weight: lighter;margin-top: 20px;text-transform: uppercase;}
.Produits h4{border-top: 0 none;border-bottom: 1px solid #333333;color: #000000;font-family: Arial,Helvetica,sans-serif;font-size: 13px;font-weight: normal;height: 0;margin: 15px auto auto;overflow: hidden;padding: 0;text-transform: uppercase;width: 45px; text-align:center;
-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}

.Produits:hover h4{border-bottom: 1px solid #333333;border-top: 1px solid #333333;color: #000000;font-family: Arial,Helvetica,sans-serif;font-size: 13px;font-weight: normal;margin: 15px auto auto;padding: 2px 0;text-transform: uppercase;width: 65px; height:15px;text-align:center;
-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}


#imgProduit{width:100%; height:200px; background-repeat:no-repeat; float:left; position:relative;background-size: cover;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
#ListePlat{float:left; width:100%; text-align:left; padding:4px 0; border-bottom:1px solid #333;}
#Titre{width:85%; float:left; font-weight:bold;}
#Prix{width:15%; float:right; text-align:right;}

#pates{ float:left;}

#TerrineTrait{background-image: url(../layout_img/terrine.jpg); background-size: cover; margin: 90px auto auto; height: 290px; width: 1110px;}
#ImagePlat{background-image:none; background-image:url(../layout_img/Plat1.jpg); background-position:bottom right; background-repeat:no-repeat;}
#ImagePlat2{background-image:none; background-image:url(../layout_img/fraise.jpg); background-position:bottom right; background-repeat:no-repeat;}
#imgPresentationPlat{text-align: center; width: 620px; margin: 30px auto;}       
	
	
	
#formContact{ margin-top:30px;height: 275px;}
#formContact input{ background:transparent; border:1px solid #CCC; padding:10px;font-family: 'Raleway', sans-serif; font-size:14px; color:#CCC; float:left; margin-bottom:10px; width:100%;}
#formContact textarea{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #CCCCCC;color: #CCCCCC;float: left;font-family: 'Raleway',sans-serif;font-size: 14px;height: 100%;margin-bottom: 10px;max-height: 100%;max-width: 100%;min-height: 100%;min-width: 100%;padding: 10px;width: 100%}

#textArea{height: 218px;float: left; margin-top: 10px; margin-left: 33px; width: 565px; position: relative; }
#envoyer{margin-top:20px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#textArea{height: 208px;}
#formContact{ margin-top:30px;height: 265px;}
}
	
	
@media screen and (max-width: 1400px)  {.wide-container {height:500px;} .slides-container #img1 { left:130px;} .slides-container #img2 { left:0;} #cache{height:500px;}
#Gourmet{width:905px; margin:auto; text-align:center;font-family: 'Raleway',sans-serif; -webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
#imgProduit{width:100%; height:190px; background-repeat:no-repeat; float:left; position:relative;background-size: cover;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
.Produits{width:190px; height:315px; margin-right:47px;margin-bottom:40px;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
.Qlast{ margin-right:0px;}
.Exept{ margin-right:0;}
.viande{ height:285px;}
#TerrineTrait{background-image: url(../layout_img/terrine.jpg); background-size: cover; margin: 90px auto auto; height: 230px; width: 910px;}

}


@media screen and (max-width: 1000px) {.wide-container {height:400px;} .slides-container #img1 { left:160px;} #cache{height:400px;}
#Gourmet{width:665px; margin:auto; text-align:center;font-family: 'Raleway',sans-serif; -webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
#imgProduit{width:100%; height:190px; background-repeat:no-repeat; float:left; position:relative;background-size: cover;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
.Produits{width:190px; height:315px; margin-right:47px;margin-bottom:40px;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
.Qlast{ margin-right:47px;}
.Tlast{ margin-right:0;}
.Exept{ margin-right:0;}
#ListePlat{float:left; width:100%; text-align:left; padding:4px 0; border-bottom:1px solid #333; font-size:12px;}
#TerrineTrait{background-image: url(../layout_img/terrine.jpg); background-size: cover; margin: 90px auto auto; height: 230px; width: 910px;}
#ImagePlat{background-image:none; background-image:url(../layout_img/Plat1P2.jpg); background-position:bottom right; background-repeat:no-repeat;}
#ImagePlat2{background-image:none; background-image:url(../layout_img/fraise.jpg); background-position:bottom right; background-repeat:no-repeat;}

#textArea{height: 218px;float: left; margin-top: 10px; margin-left: 33px; width: 425px; position: relative; }


}
	
#menu{
	margin:auto;
	width:620px;
	padding-top:30px;
	}
	
#logo{ margin:auto; text-align:center; margin-bottom:30px;}
#clear{ clear:both;}

#menu ul{ text-align:center;}
#menu li{ list-style-type:none; display:inline-block;}
#menu a{ text-decoration:none; color:#000; font-family: 'Raleway', sans-serif; font-size:12.5px; margin-left:10px; margin-right:10px;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
#menu a:hover{-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease; color:#a42124;}
#menu a img:hover{  background-image:url(../layout_img/HomeA.png); background-position:top; }
#home{width: 16px; height: 15px; background-image: url(../layout_img/Home.png); background-repeat: no-repeat; float: left; margin-top: -2px;}
#home:hover{ background-image: url(../layout_img/HomeA.png);}

h2{font-family: 'Raleway', sans-serif; font-size:27px; font-weight:lighter; padding-bottom:16px; border-bottom:1px solid #000; margin:auto; margin-bottom:20px;}

#Bover:hover #bouton1{ margin-top:-30px;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
#bouton1{background-color: rgb(164, 33, 36); padding: 5px; text-align: center; color: rgb(255, 255, 255); font-family: 'Raleway',sans-serif; float: left;  width: 120px;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;font-size: 11px;}
#bouton2{background-color:#000; padding: 5px; text-align: center; color: rgb(255, 255, 255); font-family: 'Raleway',sans-serif; float: left;  width: 120px;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;font-size: 11px;}

.bouton {
	background-color: rgb(164, 33, 36);
    padding: 5px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-family: 'Raleway',sans-serif;
    text-transform: uppercase;
}

.bouton:hover {
	background-color: #000;
}

#Bover{width:130px; height:23px; overflow:hidden; float:left;margin-top: 30px; cursor:pointer;margin-left: 0px;  font-size: 10px;}


#Bover2{width:220px; height:23px; overflow:hidden; float:left;margin-top: 0;; cursor:pointer;margin-left: 0;  font-size: 10px;}
#Bover2:hover #bouton1{ margin-top:-30px;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}


#ShowMenu{position:fixed; width:100%; height:75px;top:0; left:0; z-index:149;}
#menuHide{position:fixed; width:100%; height:75px; background-color:#FFF; top:0; left:0; z-index:150; overflow:hidden;display:none;}
#hideMenu{height: 50px;overflow: hidden;position: absolute;right: 0;top: 0;width: 70px;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
#txtHide{position: absolute; cursor: pointer; font-family: 'Raleway',sans-serif; width: 51px; font-size: 9px; right: 13px; top: 80px;font-weight: normal;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}

#hideMenu:hover{height: 70px;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
#hideMenu:hover #txtHide{top: 51px;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}

.ter2{position: absolute; right: 0px; z-index: -1; top: -80px;}

#Acont{ float:left;}
#LargeurCont{width:870px; margin:auto; margin-top:110px;}
#LargeurCont2{width:870px; margin:auto; margin-top:50px;}
#TxtAccueil{width:750px; margin:auto; text-align:center;}
#Entree{width:220px; float:left;}
#Plat{width:220px; margin-left:103px; float:left;}
#Dessert{width:220px; float:right;}

#Entree h2{border-bottom:none; font-size:25px; margin-bottom:10px;}
#Plat h2{border-bottom:none; font-size:25px; margin-bottom:10px;}
#Dessert h2{border-bottom:none; font-size:25px; margin-bottom:10px;}

#Terrine1{width:292px; float:left;}
#txtTerrine{float:right; width:495px; text-align:left; position:relative;}
#txtTerrine p{float: left; font-family: 'Raleway',sans-serif; font-size: 13px; text-align: justify; width: 470px; line-height: 24px; margin-top: 20px; margin-left: 0;}
#txtTerrine h2{width:130px; float:left;}

#affichMenuMobile{ display:none;}
#Mobile{ display:none;}

#contactA{width: 450px; float:left;}

#TitleContactA{font-size: 15px; float: left; width: 100%; margin-bottom: 15px;font-family: 'Raleway',sans-serif;}
#TitleContactB{ display:none;}
#contactA p{float: right; font-family:Arial, Helvetica, sans-serif; text-align: justify; margin-left: 0px; width: 335px; font-weight:normal; font-size: 12px; line-height: 21px;}

#nvisi{ display:block;}
#ParaImg1{position:relative; width:230px;margin-top: -15px;float: left;}

#servicesA{float:right; width:393px;}

#DaluiTxt{width:435px; float:right;}
#DaluiTxt p{float: left; font-family: 'Raleway',sans-serif; font-size: 13px; text-align: justify; width: 440px; line-height: 24px; margin-top: 40px; margin-left: 0px;}
#serv{float: right; font-family: 'Raleway',sans-serif; text-align: justify; margin-left: 0px; font-weight: normal; width:100%; line-height: 16px; font-size: 12px;}

#Con{width:100%; text-align:center; float:left; padding-top:30px; background-image:url(../layout_img/telG.jpg); background-repeat:no-repeat; background-position:bottom right;padding-bottom: 50px; background-color:#FFF; position:relative; z-index:100;}
#ssFoot{width:400px; margin:auto; margin-top:50px;font-family: 'Raleway',sans-serif; font-size:11px;}

#menuMobile{ display:none;}


@media screen and (max-width: 930px) {

	
	#LargeurCont{width:710px; margin:auto; margin-top:110px;}
	#LargeurCont2{width:710px; margin:auto; margin-top:50px;}
	#TxtAccueil{width:710px; margin:auto; text-align:center;}
	
	#Entree{width:220px; float:left;}
	#Plat{width:220px; margin-left:25px; float:left;}
	#Dessert{width:220px; float:right;}
	
	#Entree h2{border-bottom:none; font-size:20px; margin-bottom:0px;}
	#Plat h2{border-bottom:none; font-size:20px; margin-bottom:0px;}
	#Dessert h2{border-bottom:none; font-size:20px; margin-bottom:0px;}
	
	#Terrine1{width:210px; float:left;}
	#txtTerrine{float:right; width:475px; text-align:left; position:relative;}
	
	#TitleContactA{ display:none;}
	#TitleContactB{font-size: 20px; float: left; width: 100%; margin-bottom: 15px;font-family: 'Raleway',sans-serif;display:block; text-align:left;}
	
	#contactA{width: 277px; float:left;}
	#contactA img{width: 82px; float:left;}
	#contactA p{float: left;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: normal;line-height: 21px;margin-left: 13px;text-align: left;width: 171px;}
	
	#visi{ opacity:0;}
	#nvisi{ display:none;}
	#affichMenuMobile{ display:none;}
	
	
	#TerrineTrait{background-image: url(../layout_img/terrine.jpg); background-size: cover; margin: 90px auto auto; height: 185px; width: 720px;}
	
	#ImagePlat{background-image:none; background-image:url(../layout_img/Plat1P.jpg); background-position:bottom right; background-repeat:no-repeat;}
	#ImagePlat2{background-image:none; background-image:url(../layout_img/fraise.jpg); background-position:bottom right; background-repeat:no-repeat;}
	
	
}

@media screen and (max-width: 740px) {
	
	#menu{ display:none;}
	#LargeurCont{width:290px; margin:auto; margin-top:40px;}
	#LargeurCont2{width:290px; margin:auto; margin-top:50px;}
	#TxtAccueil{width:290px; margin:auto; text-align:center;}
	#ContentWeb{ display:block; width:100%; height:100; overflow-x:hidden; position:relative; left:0;}
	
	#Gourmet{width:275px; margin:auto; text-align:center;font-family: 'Raleway',sans-serif; -webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
	
	#imgProduit{width:100%; height:170px; background-repeat:no-repeat; float:left; position:relative;background-size: cover;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
	.Produits{width:170px; height:265px; background:none; margin-right:0px;margin-bottom:15px;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
	.Qlast{ margin-right:0px;}
	.Tlast{ margin-right:0;}
	.Exept{ margin-right:0;}
	.viande{ height:225px;}
		
	.Produits h3{color: #A42124;font-family: 'Raleway',sans-serif;font-size: 12px;font-weight: lighter;margin-top: 10px;text-transform: uppercase;}
	.Produits h4{border-bottom: 1px solid #333333;border-top: 1px solid #333333;color: #000000;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: normal;margin: 15px auto auto;padding: 2px 0;text-transform: uppercase;width: 65px; height:14px;text-align:center;
	-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
	.Produits:hover h4{border-bottom: 1px solid #333333;border-top: 1px solid #333333;color: #000000;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: normal;margin: 15px auto auto;padding: 2px 0;text-transform: uppercase;width: 65px; height:14px;text-align:center;
	-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
	
	.wide-container {height:200px;} 
	
	#ParaImg1{ display:none;}
	
	#DaluiTxt{width:100%; float:right;}
	#DaluiTxt p{float: left; font-family: 'Raleway',sans-serif; font-size: 13px; text-align: center; width: 100%; line-height: 24px; margin-top:10px; margin-left: 0px; margin-bottom:25px;}
	
	#Entree{width:220px;float:none; margin:auto;}
	#Plat{width:220px; margin:auto; margin-top:45px;float:none;}
	#Dessert{width:220px; margin:auto; margin-top:45px; float:none;}
	#Bover {clear: both;cursor: pointer;font-size: 10px;height: 23px;margin: 10px auto auto;overflow: hidden;width: 130px; float:none;}
	.ter1{ display:none;}
	#txtTerrine{ width:100%;}
	#txtTerrine p{float: left; font-family: 'Raleway',sans-serif; font-size: 13px; text-align: center; width: 100%; line-height: 24px; margin-top: 20px; margin-left: 0; margin-bottom:25px;}
	#txtTerrine h2{width:130px; float:none;}
	
	.ter2{ display:none;}
	#TitleContactB{font-size: 14px; float: left; width: 100%; margin-bottom: 35px;font-family: 'Raleway',sans-serif;display:block; text-align:center;}
	#Acont{ float:none;}
	
	.ich{ display:none;}
	
	#contactA{ width:100%;}
	#servicesA{  border-bottom: 1px solid #000000;float: right;margin-top: 20px;padding-bottom: 15px;width: 100%;}
	#serv{float: right; font-family: 'Raleway',sans-serif; text-align:left; margin-left: 0px; font-weight: normal; width:100%; line-height: 16px; font-size: 12px;}
	
	#menuHide{ display:none; opacity:0; pointer-events: none;}
	#ShowMenu{ display:none; opacity:0; pointer-events: none;}
	
	.wide-container {display:none;} .slides-container #img1 {display:none;} #cache{display:none;}
	
	#Con{width:100%; text-align:center; float:left; padding-top:40px; padding-bottom: 40px; background:none; position:relative; z-index:100;}
	#ssFoot{font-family: 'Raleway',sans-serif;font-size: 10px;margin: 10px auto auto;width: 260px;}
	
	#menuMobile{ display:block; background-image:url(../layout_img/Slider/01Mobile.jpg); background-repeat:no-repeat; background-size:cover; width:100%; height:auto; padding-bottom:20px;}
	#menuMobile li{ width:100%; float:left;}
	#menuMobile li a{ width:100%; float:left;}
	
	#Mobile a{ color: #FFFFFF;float: left;font-family: 'Raleway',sans-serif;font-size: 8px;padding: 7px 20px;text-decoration: none;width: 100%;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;}
	#affichMenuMobile{ display:block;}
	
	#Mobile{ float:left; width:100%; height:75px; background-color:#000;  z-index:150; overflow:hidden;display:none;}
	#ListePlat{float:left; width:100%; text-align:left; padding:4px 0; border-bottom:1px solid #333; font-size:11px;}
	
	#Titre{width:100%; float:left; text-align:center; font-weight:bold; margin-bottom:5px;}
	#Prix{width:100%; float:left; text-align:center;}
	
	h2{font-family: 'Raleway', sans-serif; font-size:20px;}
	
	#pates{ float:none;}
	
	#TerrineTrait{background-image: url(../layout_img/terrine.jpg); background-size: cover; margin: 90px auto auto; height: 86px; width: 323px;}
	
	#ImagePlat{background-image:none; background-image:url(../layout_img/Plat1P.jpg); background-position:bottom right; background-repeat:no-repeat;}
	#ImagePlat2{background-image:none; background-image:url(../layout_img/fraise.jpg); background-position:bottom right; background-repeat:no-repeat;}
	#imgPresentationPlat{text-align: center; width: 295px; margin: 30px auto;}
	#imgPresentationPlat img{ width:77px;}
	
	#formContact{ margin-top:30px;height: 525px;}
	#textArea{height: 218px;float: left; margin-top: 0px; margin-left: 0px; width: 250px; position: relative; }
	#envoyer{margin-top:35px;}
}