/* CSS Document */#assiette1{
	font-size:30px;
	animation:1.5s 1.6s both bounceInTop;



-moz-animation:1.5s 1.6s bounceInTop;-webkit-animation:1.5s 1.6s both bounceInTop;				width:84px;
	position:absolute;
	z-index:1434;
	height:6px;
	overflow:visible;
	left:-280px;
	top:-159px;
	background-repeat:no-repeat;
	
	color: #5C5C5C;
	font-family: p3;
	
}#planch{animation:1.5s bounceInLeft;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;-webkit-animation-fill-mode:both;width:1299px;position:absolute;height:0;top:112px;left:-617px;z-index:54}
#planche{animation:1.5s bounceInLeft;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;-webkit-animation-fill-mode:both;width:1299px;position:absolute;height:auto;top:138px;left:-616px;z-index:124}
#tablebr{
	width:173px;
	position:absolute;
	top:-201px;
	left:-468px;
	height:75px;
	z-index:456;
	perspective: 1200px;
	transform: perspective(1200px) rotateY(45deg) rotateX(0deg);
	transition: transform 0.5s ease, box-shadow 0.5s ease;
	color: #595959;
	font-family: p3;
}
#murdroite{animation:4s .6s both fdia;
	width:540px;
	height:407px;
	position:absolute;
	top:-383px;
	z-index:91;
	float:left;
	left:180px;
	padding: 5px;
	perspective: 1200px;
	transform: perspective(1200px) rotateY(-50deg) rotateX(0deg);
	transition: transform 0.5s ease, box-shadow 0.5s ease;

}
#cadretableua {
	width:477px;
	position:absolute;
	top:-372px;
	left:-688px;
	height:342px;
animation:4s .6s both fdia;
-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;-webkit-animation-fill-mode:both;			z-index:3;
	
	perspective: 1000px;
	transform: perspective(1000px) rotateY(50deg) rotateX(0deg);
	transition: transform 0.5s ease, box-shadow 0.5s ease;

	display: inline-block;

}

#murdroite img {
    display: block;

}
#tablebar{perspective: 1200px;
	color: #595959;
	font-family: p3;font-size: 36px;
	}
	
	
	
@keyframes ciel{0%{filter:contrast(105%) brightness(103%) hue-rotate(0deg)}42%{filter:contrast(105%) brightness(103%) hue-rotate(6deg)}100%{filter:contrast(105%) brightness(103%) hue-rotate(0deg);}}
#contentbtm{
	width: 680px;
	margin-left: auto;
	margin-right: auto;
}#tabl-milieu2{
	width:201px;
	position:absolute;
	top:167px;
	left:-304px;
	height:42px;
	z-index:1505;
	color: #333333;
	font-family: p3;
	font-size: 27px;
	line-height: 0.9;
}#tabl-milieu{width:297px;position:absolute;top:122px;left:-396px;height:183px;z-index:1205}
#verrevin{
	height:31px;
	width:139px;
	position:absolute;
	animation:1.3s bounceInLeft;



-moz-animation:1.3s bounceInLeft;-webkit-animation:1.3s bounceInLeft;				overflow:visible;
	top:-168px;
	left:42px;
	z-index:1621;
	text-align: center;
	color: #5C5C5C;
	font-size: 30px;
	font-family: p3;
}#verrevin2{
	height:43px;
	width:122px;
	position:absolute;
	animation:1.3s bounceInTop;






-moz-animation:1.3s bounceInTop;-webkit-animation:1.3s bounceInTop;							overflow:visible;
	top:-232px;
	left:-5px;
	z-index:62;
	text-align: center;
	background-image: url(light-wood-background-offstocker4.jpg);
	padding-top: -20px;
	color: #FFFFFF;
}
#bouteille{height:169px;width:241px;position:absolute;animation:1.3s bounceInLeft;-moz-animation:1.3s bounceInLeft;-webkit-animation:1.3s bounceInLeft;overflow:visible;top:100px;left:-656px;z-index:1612}
#contentprix{width:180px; margin-left:auto;margin-right:auto;}

#googl{
	padding-left:15px;
	padding-right:15px;
	width:260px;
	height:125px;
	z-index:242;
	position:relative;
	top:1px;
	border:3px solid #eee;
	line-height:.1;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	background-color: #FFFFFF;
}

	#invert{filter: invert(100%) opacity(70%);}
#invert2{filter: invert(100%) ;animation:18.8s linear infinite ciel;}

#cadro{
	animation:portecadranim 30s infinite alternate;
	background-image: url(11de10.webp);
	background-size:cover;
	position:absolute;
	height:200px;
	width:120px;
	margin-left:auto;
	margin-right:auto;
	color: #000000;
	font-family: 'p8';
	font-size: 44px;
	z-index:76;
	text-align: center;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	transition:2s all ease;
	margin-top: 0px;
	top: -196px;
	left:-4px;
	background-color: #000000;
}
#cadro:hover{ filter: brightness(120%);
  
	  transition:2s all ease;
}
@keyframes cadrhover {
	0%   { filter: brightness(100%);}
	50%  { filter: brightness(120%);}
   90% { filter: brightness(120%);}
	100% { filter: brightness(100%);}
}
#equerre{
 animation:equerre 8s infinite alternate;
	position:absolute;
	height:30px;
	width:20px;
	left:-80px; top:80px;
	transition:2s all ease;
	z-index: -52;
}
 #equerre img{
height:20px;
width:11px;

}
 
 @keyframes equerre {
	0%   { left:108px;}
	50%  { left:115px;}
   90% { left:115px;}
	100% { left:108px;}
}

.switch{
	height:30px;
	width:20px;
	position:absolute;
	
	right:-49px;
	border-radius:5px;

	cursor:pointer;
	top: 146px;
}

.switch::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;font-family:'p8';
  z-index:3;
  height:10px;
  width:10px;
  background-image:linear-gradient(to right, orange, red);
  transform:translate(-50%,-50%);
  border-radius:50%;
  box-shadow:2px 1px 5px #555;
}

.switch::after{font-family: "open sans";	
  content:"NOS REALISATIONS";
  color:#333; font-size:20px; 
  position:absolute;
  width:120px;
  height:50px;
  left:200%;
}
.text{
	width:130px;
	height:200px;
	position:absolute;

  transform:translate(-50%.-50%);
	color: #fff;
	font-size:23px;
	padding-top:30px;
	font-family: "prest";
	font-weight: bold;
	font-variant: small-caps;
	text-shadow: 2px 3px 8px #111;
	letter-spacing: 1px;
}

#sepia{
	background-image: url(pexels3.webp); background-size: cover;
}

.frame{
  perspective:1000px;

  position:relative; 
  width:120px; 
  height:200px;
  border:5px solid #777; border-bottom:1px solid #777;
}

.front{
  transform-style: preserve-3d;
  position:absolute;
  z-index:999;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background-image:linear-gradient(to right,  #ccc, #fff);

  text-align:center;
  color:#fff;
  font-size:20px;
  backface-visibility:hidden;
}

.back{
  position:absolute;
  z-index:4;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background-image:linear-gradient(to right,  #ccc, #fff);
}
.back img{ 
position:absolute;
z-index:7;
top:20px;
left:25px;
height:auto;
width:70%;
}
.door{	animation: porte 8s infinite linear;
  position:relative;
  width:100%;animation-timing-function: linear;
  height:100%;
  transform-origin:left center;
  transform:rotate3d(0,1,0,0deg);
  box-shadow:5px 1px 3px #364050;
  transition:0.8s all ease;
}
.front img{  
position:absolute;
  z-index:1099;
  top:20px;
  left:15px;animation-timing-function: linear;
  animation:portelogo 8s infinite linear;
  height:auto;
  width:70%;
}	/**/
.knob{
	animation:poigne 8s infinite linear;
	transform-origin: center right 60px;
	position:absolute;
	z-index:1099;
	top:44%;
	left:68%;
	width:22px;
	height:38px;
	background-image: url(poignee.png);
	background-repeat: no-repeat;
}
.knob img{
 
	width:22px;
	height:35px;
 
}
#arbre2 {
	animation:  bounceInDown  4.5s;
	opacity:0.7;
	position:absolute;
	width:141px;
	height: 61px;
	top:1px;
	left: 27px;
	z-index: -12;

 -webkit-transition: all 3.2s ease-in;
-moz-transition: all 3.2s ease-in;
-o-transition: all 3.2s ease-in;
	transition: all 3.2s ease-in;
	bottom: -6px;
}


@keyframes porte {
	0%   { transform:rotate3d(0, 1, 0, 0deg);} 
	
	 20% {  transform:rotate3d(0, 1, 0, -85deg);} 
	 43%  { transform:rotate3d(0, 1, 0, -120deg);}
    51% { transform:rotate3d(0, 1, 0, -120deg);}
	69% { transform:rotate3d(0, 1, 0, -85deg);}
	70% { transform:rotate3d(0, 1, 0, -85deg);}
	100% { transform:rotate3d(0, 1, 0, 0deg);}
}		



@keyframes portelogo {
	0%   { transform: scaleX(1);}
19.9% { transform: scaleX(1);  }
20% { transform: scaleX(-1);}
69% { transform: scaleX(-1);}
70% { transform: scaleX(1);}
77% { transform: scaleX(1);}
100% { transform: scaleX(1); }	

}









@keyframes poigne {
	0%   { transform:rotate(0deg);}
	50%  { transform:rotate(-60deg);}
   90% { transform:rotate(0deg);}
	100% { transform:rotate(0deg);}
}	
@-moz-keyframes poigne {
	0%   { transform:rotate(0deg);}
	50%  { transform:rotate(-60deg);}
   90% { transform:rotate(0deg);}
	100% { transform:rotate(0deg);}
}	
@-o-keyframes  poigne {
	0%   { transform:rotate(0deg);}
	50%  { transform:rotate(-60deg);}
   90% { transform:rotate(0deg);}
	100% { transform:rotate(0deg);}
}	
@-webkit-keyframes  poigne {
	0%   { transform:rotate(0deg);}
	50%  { transform:rotate(-60deg);}
   90% { transform:rotate(0deg);}
	100% { transform:rotate(0deg);}
}	
@-ms-keyframes  poigne {
	0%   { transform:rotate(0deg);}
	50%  { transform:rotate(-60deg);}
   90% { transform:rotate(0deg);}
	100% { transform:rotate(0deg);}
}	

@keyframes portecadranim {
	0%   { background-position: 5% 30%;}
	
	50%  { background-position: 35% 30%;}

	100% { background-position: 5% 30%;}
}		




@keyframes portecadranim {
	0%   { background-position: 5% 30%;}
	
	50%  { background-position: 35% 30%;}

	100% { background-position: 5% 30%;}
}		
@-moz-keyframes portecadranim {
	0%   { background-position: 5% 30%;}
	
	50%  { background-position: 35% 30%;}

	100% { background-position: 5% 30%;}
}		
@-o-keyframes portecadranim {
	0%   { background-position: 5% 30%;}
	
	50%  { background-position: 35% 30%;}

	100% { background-position: 5% 30%;}
}		
@-webkit-keyframes portecadranim {
	0%   { background-position: 5% 30%;}
	
	50%  { background-position: 35% 30%;}

	100% { background-position: 5% 30%;}
}		
@-ms-keyframes portecadranim {
	0%   { background-position: 5% 30%;}
	
	50%  { background-position: 35% 30%;}

	100% { background-position: 5% 30%;}
}		

#pas3{position:absolute;font-size:13px;background-repeat:no-repeat;width:152px;z-index:-86;height:105px;overflow:visible;left:-49px;top:-1px;padding:35px}#pas4{position:absolute;font-size:13px;background-repeat:no-repeat;width:152px;z-index:6;height:105px;overflow:visible;left:-301px;top:-84px;padding:35px}#pas5{
	position:absolute;
	font-size:13px;
	background-repeat:no-repeat;
	width:152px;
	z-index:6;
	height:105px;
	overflow:visible;
	left:260px;
	top:-12px;
	padding:35px;
}#pas6{position:absolute;font-size:13px;background-repeat:no-repeat;width:-70px;z-index:-446;height:105px;overflow:visible;left:-48px;top:-16px;padding:35px}
#pas7{position:absolute;font-size:10px;background-repeat:no-repeat;width:-70px;z-index:-56;height:105px;overflow:visible;left:-344px;top:-75px;padding:35px}
#pas8{position:absolute;font-size:13px;background-repeat:no-repeat;width:-70px;z-index:-86;height:105px;overflow:visible;left:-112px;top:-21px;padding:35px}#pas9{
	position:absolute;
	font-size:13px;
	background-repeat:no-repeat;
	width:-70px;
	z-index:86;
	height:105px;
	overflow:visible;
	padding:35px;
	left: -54px;
	top: -55px;
}#pas10{
	position:absolute;
	font-size:13px;
	background-repeat:no-repeat;
	width:-70px;
	z-index:-658546;
	height:41px;
	overflow:visible;
	left:106px;
	top:34px;
	padding:35px;
}

#feuillage3,#feuillage5{width:622px;position:absolute;background-repeat:no-repeat;z-index:434}#feuilage5{
	width:41px;
	position:absolute;
	background-repeat:no-repeat;
	z-index:434;
	left: 329px;
	top: 4px;
}#nuag2c{
	top:-36px;
	left:-60px;
	width:196px;
	height:129px;
	position: absolute;
	z-index: -57;
}

#gauc,#gaucfr,#gaucfr2,#presentation1{position:relative}

#contenu0{overflow:hidden}
#feuillage8{width:117px;position:absolute;z-index:34;left:200px;top:-10px;background-repeat:no-repeat}
#ombr5{top:113px;left:217px}

#ombr5 img,#ombred img,#ombretable img,#ombretable2 img,#ombretable3 img{animation:4s fdia}#feuillage4{width:685px;position:absolute;z-index:434;animation:1.8s both bounceInLeft;-webkit-animation-fill-mode:both;left:-146px;top:62px;background-repeat:no-repeat}#titre_1{width:278px;top:-40px;font-size:18px}#bouteille8,#donjon,#fge3,#tasfeuilles,#tasfeuillesvertes{padding:35px;font-size:13px}#fge3{width:179px;position:absolute;z-index:434;height:16px;animation:4s linear infinite both fyl;-webkit-animation-fill-mode:both;left:546px;top:-31px;background-repeat:no-repeat}#lion1{width:74px;position:absolute;top:2px;left:-309px;height:131px;z-index:3879}#bulles{width:74px;position:absolute;top:-8px;left:-278px;height:89px;z-index:53;animation:3.8s both bounceInLeft;-webkit-animation:3.8s both bounceInLeft;}#fyl1{transform-origin:center;height:92px;position:absolute;background-repeat:no-repeat;z-index:55;float:right;left:157px}

#fyl2{transform-origin:center;width:32px;height:94px;position:absolute;background-repeat:no-repeat;top:17px;z-index:-45;float:right;left:153px}


#fd_barbis{-webkit-animation:6s ease-in-out .6s both rot;-moz-animation:6s ease-in-out .6s backwards rot;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:6s ease-in-out .6s backwards rot;animation:6s ease-in-out .6s both rot;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-ms-animation-delay:.6s;width:393px;position:absolute;top:-8px;left:74px;height:229px;z-index:96549}#fd_bar{-webkit-animation:6s ease-in-out .6s both rot;-moz-animation:6s ease-in-out .6s backwards rot;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:6s ease-in-out .6s backwards rot;animation:6s ease-in-out .6s both rot;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-ms-animation-delay:.6s;width:119px;position:absolute;top:-82px;left:89px;height:81px;z-index:96}

#papierpeint5{background-image:url(0arabur-de-lys-28929.jpg);opacity:.1;-webkit-animation:6s ease-in-out .6s both rot;-moz-animation:6s ease-in-out .6s backwards rot;-ms-animation:rot 6s ease-in-out 1s backwards;-o-animation:6s ease-in-out .6s backwards rot;animation:6s ease-in-out .6s both rot;-webkit-transform-origin:0 110%;-moz-transform-origin:0 110%;-ms-transform-origin:0 110%;-o-transform-origin:0 110%;transform-origin:0 110%;perspective:250px;-webkit-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;perspective-origin:50% 0;-ms-animation-delay:.6s;overflow:visible;width:387px;position:absolute;top:-140px;left:-175px;height:184px;z-index:-19}

#lustre_rayon1,#lustre_rayon2,#lustre_rayon3{animation:2.8s bounceInLeft,4s fdia;width:33px;height:33px;z-index:2892}#cadretableau{animation:1.5s .6s both bounceInLeft;position:absolute;overflow:visible},

#lustre1{position:absolute;overflow:visible}

#beer,#lustre_rayon1,#lustre_rayon2,#lustre_rayon3,#siegesbar,#tabl-devant,#tabl-devant2{transform-origin:center}

#lustre_rayon1{overflow:visible;position:absolute;top:-198px;left:-67px}


#lustre_rayon2{overflow:visible;position:absolute;top:-198px;left:-84px}#lustre_rayon3{overflow:visible;position:absolute;top:-196px;left:-109px}

#tabl-fd{animation-fill-mode:both;overflow:visible;width:368px;position:absolute;top:105px;left:-731px;height:243px;z-index:9}#tabl-devant{width:128px;height:264px;position:absolute;background-repeat:no-repeat;top:45px;float:right;left:166px}#tabl-devant2{width:235px;height:264px;position:absolute;background-repeat:no-repeat;top:-77px;z-index:-6547;float:right;left:120px}#bouteille1{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;
	animation-fill-mode:both;
	overflow:visible;
	width:173px;
	position:absolute;
	top:-65px;
	left:58px;
	z-index:5297;
	font-family: p3;
	font-size: 36px;
	color: #FFFFFF;
}
#avion,#papieravion{-webkit-animation-fill-mode:both;z-index:54}#lustre1{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;-webkit-animation-fill-mode:both;
	top:6px;
	left:-13px;
	z-index:-9;
	position: absolute;
}
#cadretableau{
	width:auto;
	top:-167px;
	left:-203px;
	height:auto;

-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;-webkit-animation-fill-mode:both;		z-index:997;
	
	padding: 12px;
}

#ardoise2{width:97px;height:119px;animation:2.8s bounceInLeft;animation-fill-mode:both;position:absolute;background-repeat:no-repeat;top:-110px;z-index:1702;float:left;left:-318px}

#beer{
	animation:2.8s bounceInLeft;
	width:104px;
	position:absolute;
	background-repeat:no-repeat;
	top:-134px;
	z-index:467;
	float:right;
	left:-503px;
	height: 95px;
}

#ombretable{animation:1.5s bounceInLeft;width:792px;position:absolute;top:32px;left:-542px;height:0;z-index:454}

#ombretable2,#ombretable3{animation:1.5s bounceInLeft;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;-webkit-animation-fill-mode:both;width:521px;position:absolute;height:0}

#ombretable2{top:187px;left:-628px;z-index:4}

#ombretable3{top:11px;left:-265px;z-index:14}

#cartetable{width:143px;position:absolute;z-index:8604;height:140px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-moz-animation-fill-mode:both;overflow:visible;left:89px;top:-74px;background-repeat:no-repeat}

#siegesbar{width:128px;height:264px;position:absolute;background-repeat:no-repeat;top:48px;float:right;left:-11px}

#fd_belfort4{animation:3s 1s both fdia;overflow:visible;width:1020px;position:absolute;top:-148px;left:-710px;height:81px;z-index:-546}

#fd_restaurant{animation:5s 1s both fdia;overflow:visible;width:1420px;position:absolute;top:0px;left:-742px;height:81px;z-index:-546}


#ferme_anim_rayon,#ferme_soleil{animation:10s linear infinite soleil}
#pakrett1,#pakrett2{animation:4s linear infinite nuage1;background-repeat:no-repeat}
#animpakrett1,#cochon,#ferme_tronc1,#mouton{animation:1.8s bounceInRight;width:65px;height:18px}

#ferme_tronc2,#ombrerenard,#vache{animation:1.8s bounceInLeft;overflow:visible;position:absolute}
 

#bouteille8{
	width:132px;
	position:absolute;
	z-index:934;
	height:16px;
	overflow:visible;
	left:-609px;
	top:-48px;
	background-repeat:no-repeat;
	font-size: 24px;
	color: #FFFFFF;
}#ute2{width:126px;height:48px;position:absolute;background-repeat:no-repeat;top:-44px;float:right;left:-269px}#ute{
	animation:3.2s both bounceInRight;
animation-delay:.6s;-webkit-animation-fill-mode:both;	overflow:visible;
	width:202px;
	position:absolute;
	top:-97px;
	left:655px;
	height:81px;
	z-index: 1455;
}#ferme_soleil_rayon img{opacity: 0.2;}#gaucfr,#gaucfr2{
	width:5%;
	height:150px;
	z-index:52;
	display:block;
	margin-left: auto;
	margin-right: auto;
}#gaucfr5{
	position:absolute;
	width:50px;
	height:150px;
	z-index:-552;
	display:block;
	margin-left: auto;
	margin-right: auto;
	left: -398px;
	top: 135px;
}


#mulures{animation:4s .6s both fdia;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;-webkit-animation-fill-mode:both;overflow:visible;position:absolute;top:-317px;width:774px;	height:472px;left:-348px}