body{background-attachment:fixed;height:100%}
.box111{-moz-border-radius:10px;-webkit-border-radius:10px}
.box111{width:70%;border-radius:10px;margin-left:21%;float:left;margin-top:110px;height:100%;position:relative;z-index:7;font-family:chunkfive;overflow:hidden}
#contenu0{height:100%;top:0;width:100%}

#logo{margin-top:15px;top:0;color:#fff;background-color:#000;border:7px solid #eee;border-radius:8px;height:50px;width:14%;float:left;text-shadow:1px 1px 0 #eee;margin-left:2%;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 2px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.2),0 8px 10px rgba(0,0,0,.15);padding-top:15px;overflow:hidden;letter-spacing:7px;padding-bottom:18px;background-image:url(logo2_ykomm.jpg);background-position:47% 47%,10% 25%;background-repeat:no-repeat}
#logo,#logo p{font-size:36px;font-family:chunkfive}
#logo p{background-size:10px 10px,10px 10px,20px 20px,20px 20px;color:#fff}

#contenu1,#goldorak,#menu58 ul li a,input[type=checkbox]:checked~#menu{display:block}

#contenu1,#footer{width:100%}

#contenu1,#logo,#typo{position:fixed}

#btm2,#typo,body{background-color:#fff}

.show-menu{display:none;height:50px}
.show-menu,li a{font-family:prest;text-decoration:none;color:#fff;text-align:center}
.show-menu{padding:10px 0;background-image:url(hamburger.png);background-position:right;margin-bottom:20px}

iframe{height:380px;width:100%;text-align:center}

ul{display:block;list-style-type:none;margin:-10px auto 0;padding:0;position:relative}
li a,li:hover ul a{background:#000}
li{float:left;position:relative;margin-right:1px}

li a{min-width:140px;line-height:40px;width:99%;height:auto;font-style:normal;border-bottom:2px double #eee;transition:border-color 1s,background-color 1s,color 1s;font-weight:lighter;display:inline-table;margin-bottom:1px}
li a{font-size:21px}

li a div :first-child p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);color:#fff;background-color:#fff;animation-delay:1.4s}

li:hover a,li:hover ul a:hover{background:#222;color:#fff}

li:hover ul a{-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56),inset 2px 2px 15px -1px #656565;-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56),inset 2px 2px 15px -1px #656565;box-shadow:-1px 0 18px 2px rgba(50,50,50,.56),inset 2px 2px 15px -1px #656565;color:#fff;border-color:#eee;transition:1s}

li ul li{display:block;float:none}

li ul li a{min-width:100px;padding:0 20px}

a:active{color:#93c}

input[type=checkbox],li ul{display:none}

@keyframes contenu1{from,to{background-color:#7d2a6e;box-shadow:0 140px 10px 10px #38406f inset}44%,60%,70%{background-color:#a6c8f8;box-shadow:0 100px 100px -100px #7484fe inset}}

h1,h11,h2,h3{font-family:chunkfive}

#footer{padding-top:5px}


#typo div p{background:#fff;width:80%}

#typo div p{background:#fff;width:80%}


#menu58,#typo,#typo div p{font-weight:700}
#menu58,#menu58 ul{display:table;width:91%;color:#b6a1aa}


#typo div:first-child p,#typo div:nth-child(2) p,#typo div:nth-child(3) p,#typo div:nth-child(4) p,#typo div:nth-child(5) p,#typo div:nth-child(6) p,#typo div:nth-child(7) p,#typo div:nth-child(8) p,#typo div:nth-child(9) p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15)}


#contenu1{margin-left:auto;margin-right:auto;height:80px;top:0;border-bottom:8px solid #eee;z-index:234;background-color:#000;box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 2px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.2),0 8px 10px rgba(0,0,0,.15);color:#fff;background-repeat:no-repeat}

#typo{width:18%;font-family:prest;float:left;height:95%;background-repeat:repeat-y;margin-top:50px;margin-left:0;padding-top:40px;top:30px}

#typo div{margin-left:15%;perspective:550px;perspective-origin:50% 0}

#typo div p{font-size:17px;text-align:center;animation:.6s ease-in-out 1s backwards rot;transform-origin:50% 0;color:#333;border:7px solid #eee;margin-top:2px;margin-bottom:2px;padding-bottom:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding-top:0}
#typo a:hover{style:none;color:#fff;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-image:linear-gradient(#111 2px,transparent 2px),linear-gradient(90deg,#111 1px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px,10px 10px,20px 20px,20px 20px;background-color:#111;transition:.6s ease-in;z-index:58}

#typo p:hover{color:#fff;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-image:linear-gradient(#111 2px,transparent 2px),linear-gradient(90deg,#111 1px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px,10px 10px,20px 20px,20px 20px;background-color:#111;transition:.2s ease-in;z-index:58}

#typo div:first-child p{color:#fff;background-color:#000;animation-delay:.6s}

#typo div:nth-child(2) p{color:#fff;background-color:#000;animation-delay:1s}

#typo div:nth-child(3) p{color:#fff;background-color:#000;animation-delay:1.4s;margin-bottom:10px;}

#typo div:nth-child(5) p,#typo div:nth-child(7) p,#typo div:nth-child(9) p{animation-delay:2.2s}

#typo div:nth-child(6) p,#typo div:nth-child(8) p{margin-top:10px;animation-delay:2.2s}


#typo a{text-decoration:none}

#typo a,#typo a:active,#typo a:link,#typo a:visited{style:none}

#btm4 a,#menu58 ul li,#typo div p,.nd3,.smllkaps{font-variant:small-caps}

#btm4 a,#menu58 ul li a,#typo div p,.style36,h2{letter-spacing:2px}
#entete{color:#b6a1aa;border-radius:3px;margin-top:0;height:auto;font-size:18px;margin-left:auto;top:0;padding-top:0}


form{animation:1.8s both bounceInLeft;animation-fill-mode:both;animation-delay:4s; left:-435px;top:20px}

#reseaux1,form,li ul li a,ul{width:auto}
#share a,li{display:inline-block}


h11{font-size:16px}
h1{letter-spacing:4px;z-index:25}
h1{line-height:30px}
h3{letter-spacing:4px;z-index:25}
h11{letter-spacing:4px;overflow:hidden;z-index:525}
h1{font-size:24px}
h1{
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
}

h3{font-size:18px;overflow:hidden}

h2{font-size:21px;margin-top:32px;padding:10px;line-height:1.4}

.gu{margin-bottom:140px}

@font-face 
 {    
font-family:  'p3'; src: url('fonts/agentorange.eot');
text-shadow:0 1px 0 #111, 0 1px 2px #111;
 src: url('fonts/agentorange.woff') format('woff'), url('fonts/agentorange.ttf') format('truetype'), url('fonts/agentorange.svg#webfontNwkXRkFW') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'chunkfive';
 src: url('fonts/geosanslight-webfont.eot');
 src: url('fonts/geosanslight-webfont.woff') format('woff'), url('fonts/geosanslight-webfont.ttf') format('truetype'), url('fonts/geosanslight-webfont.svg#webfontNwkXRkFW') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face { 
 font-family: 'prest';
 src: url('fonts/geosanslight-webfont.eot');
 src: url('fonts/geosanslight-webfont.woff') format('woff'), url('fonts/geosanslight-webfont.ttf') format('truetype'), url('fonts/geosanslight-webfont.svg#webfontNwkXRkFW') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face { 
 font-family: 'prest';
 src: url('fonts/geosanslight-webfont.eot');
 src: url('fonts/geosanslight-webfont.woff') format('woff'), url('fonts/geosanslight-webfont.ttf') format('truetype'), url('fonts/geosanslight-webfont.svg#webfontNwkXRkFW') format('svg');
 font-weight: normal;
 font-style: normal;
}

@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}

@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

#menu58{margin-left:auto;padding:10px 0 0;margin-top:auto;margin-right:auto}

#menu58 ul{margin-left:auto;padding:0;border-radius:3px;font-weight:400;margin-right:auto}

#menu58 ul li{	display:table-cell;	margin-left:20%;	margin-right:auto;	width:80%;	margin-top:10px;	font-size: 24px;}

#menu58 ul li a{border-bottom:3px solid #000;transition:.3s .1s;text-align:center;padding:1% 1% 2%;font-family:prest;font-size:26px;color:#b6a1aa;text-decoration:none}

#menu58 ul li a:active,#menu58 ul li:first-child a{text-decoration:none}

#menu58 ul li:nth-child(2) a:focus,#menu58 ul li:nth-child(2) a:hover,#menu58 ul li:nth-child(3) a:focus,#menu58 ul li:nth-child(3) a:hover#menu58 ul li a.menuLien{background-color:#000;text-decoration:none}

#menu58 ul li div.s{font-family:prest;font-size:46px;width:70%;height:20px;padding:0 30px 30px;overflow:hidden;text-shadow:4px 8px 15px #000;color:#fff;position:absolute;visibility:hidden;left:1px;z-index:-5;opacity:0;margin-top:20px;top:60px;transition:top 1s,height 1s,opacity;background-color:#000;border:7px solid #eee;margin-left:10%}

background-repeat:no-repeat;background-position:bottom -80px right -130px;overflow:hidden}#menu58 ul li div.s h5{font-size:23px;color:#fff;text-align:center;font-family:punk;text-shadow:4px 8px 15px #000;padding-top:5px;margin-left:auto;margin-right:auto}

#entete,#menu58 ul li div.s p{font-weight:400;font-family:prest;width:100%;text-align:center}

#menu58 ul li div.s p{overflow:auto;font-size:25px;text-decoration:none}

#entete,.show-menu{background-repeat:no-repeat}


#scene{  position:relative; width:100%;  height:320px;  perspective:800px;  overflow:hidden;  transform-style:preserve-3d;}

.cache{ display: none;}

.layer[data-depth="1"]{  transform: translateZ(200px);}

.layer[data-depth="0.1"]{  transform: translateZ(-400px);}

.layer{  position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%);  width:40%;  pointer-events:none;  will-change:transform;}



#fd_belfort6{animation:2s ease-in-out .2s backwards rot;transform-origin:0 110%;perspective:250px;position:absolute;overflow:visible}

#fd_belfort6{animation:2s ease-in-out .2s both rot;	transform-origin:0 110%;	perspective:250px;	perspective-origin:50% 0;
-ms-animation-delay:.1s;	width:216px;	left:0px;	height:96px;	z-index:18;	top: -148px;}

#fd_belfort7{animation:2s ease-in-out .2s both rot;transform-origin:0 110%;perspective:250px;perspective-origin:50% 0;-ms-animation-delay:.1s;overflow:visible;width:219px;position:absolute;top:-187px;left:6px;height:101px;z-index:16}

#fd_belfor{width:302px;top:-204px;height:110px;z-index:96; left: 1px;animation:2s ease-in-out .2s both rot;
	transform-origin:0 110%;perspective:250px;perspective-origin:50% 0;
-ms-animation-delay:.1s;animation:2s ease-in-out .2s backwards rot;transform-origin:0 110%;perspective:250px;position:absolute;overflow:visible}

#fd_belfort9{animation:2s ease-in-out .2s both rot;transform-origin:0 110%;perspective:250px;perspective-origin:50% 0;-ms-animation-delay:.2s;width:202px;top:-94px;left:0px;height:81px;z-index:9}

#fd_mulhouse7{height:140px;z-index:25244;
	transform-origin:20 110% ;
	perspective:50% 0;perspective-origin:50% 0;	overflow:visible;width:219px;position:absolute;top:136px;left:271px;height:101px;z-index:-16}

#fd_belfortlion{	animation:bounceInUp 2.2s;animation-delay:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;width:338px;position:absolute;top:-51px;left:-116px;height:81px;z-index:96}


#contenu0,#footer,#gaucfr2,#joconde img,.nd3{position:relative}

#contenu0,#footer{overflow:hidden}

#contenu0,#joconde img{margin-left:auto;margin-right:auto}

#formationsegment{margin-bottom:10px; position:relative;overflow:hidden;z-index:120}

#goldorak,#contenu0,#contenu1,#footer,#share{width:100%}

#dfnuag4{width:120px; }
#dfnuag2{width:180px}

.toggle-header{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  cursor: pointer;
  background: #000;
  color: white;
  padding: 14px 24px;
  border-radius: 10px;
  width: fit-content;
  margin: 0 auto;
  transition: background 0.3s;
}

.toggle-header:hover{
  background: #000;
}

.toggle-header h2{
	font-size: 22px;
	margin: 0;
	color: #FFFFFF;
}

.arrow{
  transition: transform 0.3s;
}

.open .arrow{
  transform: rotate(180deg);
}

.toggle-content{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s ease, opacity 0.5s ease;
  opacity: 0;
}

.toggle-content.open{
  max-height: 6500px;
  opacity: 1;
  margin-top: 20px;
}

#groupfleurroz8:hover + #groupfleurbleu{
     transition: transform 0.3s;
}




.stylek1{	font-size: 28px;
	letter-spacing:2px;
	font-variant: small-caps;
}

#lou{	transform: translate(-50%, -50%);
	position:absolute;
	top: 321px;
	left: 34%;
	height:auto;
	z-index: 646;
	width: 360px;
}

#loup2{	position:absolute;
	top:221px;
	height:auto;
	z-index: 646;
	left: 75%;
}

#loup3{	position:absolute;
	top:221px;
	left:44%;
	height:auto;
	z-index: 646;
}

#loup4{	position:absolute;
	top:100px;
	left:61%;
	height:auto;
	z-index: 646;
}

.style51{font-size: 30px;	font-weight: bold;}

.style68{color: #FFFFFF}

.style70{color: #FFFFFF; font-size: 12px; }

.style73{color: #333333}

.style74{color: #CCCCCC}

.style75{color: #990000}

.style77{color: #333333}

.style78{
	color: #000000;
	line-height: 1.4;
}

.style79{color: #999999;font-style: italic;	font-size: 18px;}

.style80{color: #FF0000;font-size: 14px;}

.style83{color: #CCCCCC; font-size: 16px; font-style: italic; }

.style84{font-size: 36px}

.style86{font-family: p3;font-size: 18px;}

.style87{font-family: p3; color: #FFFFFF; }


.cards{
	display: flex;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.card{
	background: white;
	padding: 30px 20px;
	width: 220px;
	border-radius: 15px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	transition: 0.3s;
	text-decoration: none;
	color: inherit;
	line-height: 1.2;
}

.card:hover{
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}

.cardn{
    background:black;
    padding: 10px 20px 20px;
    width: 220px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transition: 0.3s;
    text-decoration: none;
    color: white;
}

.cardn:hover{
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}


#EdgeIDgf{min-height:300px;height:450px;}


#cadro{
	animation:portecadranim 30s infinite alternate;
	
	background-size:cover;
	position:absolute;
	height:164px;
	width:125px;
	margin-left:auto;
	margin-right:auto;
	color: #000000;
	font-family: 'p8';
	font-size: 44px;
	z-index:985;
	text-align: center;
	padding-bottom: 40px;
	background-repeat: no-repeat;
	transition:2s all ease;
	margin-top: -40px;
	top: -10px;
	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%);}
}


object{ display:block;}


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


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



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



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


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

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

#catal{height:auto;background-repeat:no-repeat;background-position:55% 35%,5% 5%;padding-bottom:50px;padding-top:10px;text-align:center;width:100%;}
#joconde img{padding-left:0;position:relative}

#contenu0,#footer,#gaucfr2,#joconde img,#reseaux1,#share i,.nd3{position:relative}

#contenu0,#footer{overflow:hidden}

#contenu0,#joconde img{margin-left:auto;margin-right:auto}

#btm4{color:#111}

#btm4{z-index:5}

#btm4{margin-bottom:10px}



.style36{line-height:30px}


#entour2{height:auto;-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);border:7px solid #eee;margin-left:15px;display:inline-table;color:#fff;margin-right:20px;background-color:#000;text-align:center;width:320px;padding:11px 10px 10px;margin-bottom:4px;box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);border-radius:15px}


#dfnuag2{width:180px}




@-webkit-keyframes focus-in-expand{0%{letter-spacing:-.5em;opacity:0}100%{opacity:1}}

@keyframes focus-in-expand{0%{letter-spacing:-.5em;opacity:0}100%{opacity:1}}

.text-pop-up-tr{-webkit-animation:.5s cubic-bezier(.25,.46,.45,.94) both text-pop-up-tr;animation:.5s cubic-bezier(.25,.46,.45,.94) both text-pop-up-tr}


@-webkit-keyframes text-pop-up-tr{0%{font-size:19px;padding-top:1px;-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}100%{font-size:34px;padding-top:17px;-webkit-transform:translateY(-50px) translateX(50px);transform:translateY(-50px) translateX(50px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 5px 8px rgba(0,0,0,.3);line-height:42px}}

@keyframes text-pop-up-tr{0%{font-size:19px;padding-top:1px;-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}100%{font-size:34px;padding-top:17px;-webkit-transform:translateY(-50px) translateX(50px);transform:translateY(-50px) translateX(50px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;line-height:42px;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 5px 8px rgba(0,0,0,.3)}}


#gaucfr2{
	width:5%;
	height:150px;
	z-index:52;
	display:block;
	margin-left: auto;
	margin-right: auto;
}




@keyframes fdia{50%,from{opacity:0}to{opacity:1}}



@keyframes nuage1{from,to{transform:skewY(-20deg);transform-origin:100% 30%}50%{transform:skewY(-24deg);transform-origin:100% 30%}}

@keyframes soleil{90%,from,to{-webkit-animation-timing-function:10s;animation-timing-function:10s}0%{opacity:1;transform:translate3d(-1000px,240px,0)}40%,60%{transform:translate3d(25px,0,40px)}90%,to{transform:translate3d(235px,240px,-40px)}}






@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}





#adapt a div,#adapt a div img{z-index:46}









#feuille2,#feuille3 img,#feuille4{transform:rotate(65deg)}

#feuille3,#feuille6 img{transform:rotate(75deg)}

#feuille10,#feuille4 img,#feuille6,#feuille9{transform:rotate(35deg)}

#tasfeuilles,#tasfeuillesvertes{padding:35px;font-size:13px}

#lion1{width:74px;position:absolute;top:10px;left:7px;height:131px;z-index:9}

#bulles{width:573px;position:absolute;top:128px;left:-111px;height:89px;z-index:53;animation:3.8s both bounceInLeft;-webkit-animation:3.8s both bounceInLeft;}

#feuyl3{transform-origin:center;width:37px;height:66px;position:absolute;background-repeat:no-repeat;top:9px;z-index:-5;float:right;left:173px}

#feuyl6{transform-origin:center;width:91px;height:49px;position:absolute;background-repeat:no-repeat;top:22px;z-index:-188;float:right;left:143px}

@keyframes fep2{from{transform:transform:rotate(0);transform-origin:3% 100%;color:#fff}50%{transform:rotate(2deg);transform-origin:3% 100%;color:#fff}to{transform:rotate(0);transform-origin:3% 100%;color:#fff}}



#feuille2,#feuille9{top:-4px;height:66px}
#feuillage5{width:622px;position:absolute;background-repeat:no-repeat;z-index:434;padding:35px;-webkit-animation-duration:10s;font-size:13px;overflow:visible;height:16px;overflow:visible}
#tasfeuilles,#tasfeuillesvertes{z-index:254;-webkit-animation-duration:10s}

#tasfeuilles{width:152px;height:105px}
#zabr,#zabr img{z-index:-10}

#trnc8{
	width:508px;	top:-33px;	left:-16px;animation:2.8s both bounceInRight;-webkit-animation-fill-mode:both;overflow:visible;position:absolute;height:81px;z-index:-296
}

#nuag2,#nuag2b{top:-58px;left:70px;width:196px}



#dfd5{width:271px;z-index:-53}

#dfd6 img:hover{}

#dfnuag5b,#dfnuag6{left:70px;width:120px}

#dfnuag4,#dfnuag6{height:193px}

#feuillage5{animation:1.8s both bounceInLeft;-webkit-animation-fill-mode:both;left:196px;top:5px}

#feuyl6{animation:4s linear infinite feuyl}

#feuille3 img,#feuille4 img,#feuille5 img,#feuille6 img{width:70%}



#btm2,#dfnuag4{width:120px; }

#dfnuag5b,#dfnuag6{width:120px}

#btm2{margin-left:4%}
#feuyl5{height:179px;
	transform:rotate(25deg);
	animation:2s linear infinite feuyl;
	transform-origin:center;
	width:72px;
	position:absolute;
	background-repeat:no-repeat;
	top:20px;
	z-index:-49;
	float:right;
	left:196px;
	height: 150px;
}
#feuyl3,#feuyl2{animation:2s linear infinite feuyl;transform-origin:center;}

#feuyl7,#feuyl6,#feuyl5{animation:3s linear infinite feuyl;transform-origin:center;}

#plantfeuybisl div img{ width:60px;height:69px; }

#plantfeuyl div img{ }


#feuille10,#feuille2,#feuille3,#feuille4,#feuille6,#feuille7,#feuille9,#feuyl2,#feuyl5{height:66px}



#feuyl3{animation:6s linear infinite feuyl}

#feuyl3{transform:rotate(25deg)}

#feuyl7{animation:3s linear infinite feuyl;transform-origin:center;width:96px;height:106px;position:absolute;background-repeat:no-repeat;top:22px;z-index:-95;float:right;left:153px}

#feuyl6,#feuyl7{transform:rotate(25deg)}
#fleurbleu1{animation:4s linear infinite fleurbleu;width:58px;position:absolute;top:-113px;left:259px;height:25px;z-index:68}
#fleurbleu2{animation:3.8s linear infinite fleurbleu;width:48px;position:absolute;top:-104px;left:-90px;height:264px;z-index:1}
#fleurbleu3{animation:6.4s linear infinite fleurbleu;width:36px;z-index:98;position:absolute;top:-180px;left:198px;height:52px;padding-top:50px}
#fleurbleu4{animation:4.4s linear infinite fleurbleu;width:40px;position:absolute;top:-95px;left:200px;height:25px;z-index:96}
#fleurbleu6{animation:5s linear infinite fleurbleu;z-index:65;position:absolute;height:25px;width:51px;top:-110px;left:167px}
#feu1,#foug1{animation:10s linear infinite feuyp2}
@keyframes fleurbleux{from,to{transform:skewY(-2deg);transform-origin:100% 30%}50%{transform:skewY(-10deg);transform-origin:100% 30%}}

@keyframes fleurbleu{from,to{transform:skewY(-2deg);transform-origin:100% 30%}50%{transform:skewY(-16deg);transform-origin:100% 30%}}


#feu5,#foug5{animation:12s linear infinite feuyp2}

#feu3,#foug3{animation:7s linear infinite feuyp2}

#feu2,#foug2{animation:11s linear infinite feuyp2;width:114px;height:119px;z-index:-107}


#foug5{z-index:117;left:80px;top:5px}
#foug4{height:117px}
#foug3{z-index:-702}
#foug1{z-index:107}



#feuyl2{animation:2.5s linear infinite feuyl;top:22px;transform:rotate(25deg)}

#feuille3,#feuille5,#feuille7{animation:6s linear infinite feuille1b;width:87px;float:left}

#dfd5{animation:1.5s bounceInLeft}

#dfd3{animation:1.8s bounceInLeft}

#dfd6,#dfnuag6{animation:2.1s bounceInLeft}

#dfnuag4{animation:2.8s bounceInLeft}

#dfd0,#nuag2{animation:1.2s bounceInLeft}



#dfd2,#dfd3{width:126px}


#feuylp2_5,#feuylp2_5b{transform-origin:80% 10%;animation:9s linear infinite feuyp2;float:right}

#groupfleurbleu{animation:1.1s both bounceInRight;-webkit-animation-fill-mode:both;overflow:visible;width:202px;position:absolute;top:186px;left:-240px;height:81px;z-index:-212}



#groupfleurroz{animation:2.8s both bounceInLeft;-webkit-animation-fill-mode:both;overflow:visible;width:203px;position:absolute;top:-60px;left:-296px;height:81px;z-index:296}



#flbleu2{animation:2.4s both bounceInLeft;
	width:1094px;
	position:absolute;
	top:-88px;
	left:-470px;
	height:273px;
	z-index: 5431;
}


#tasfeuillesvertes{width:155px;position:absolute;height:105px;animation:1.8s both bounceInLeft;-webkit-animation-fill-mode:both;overflow:visible;left:-161px;top:-103px;background-repeat:no-repeat}

#tasfeuilles{
	position:absolute;
	animation:1.8s both bounceInLeft;
-webkit-animation-fill-mode:both;	overflow:visible;
	left:108px;
	top:-71px;
	background-repeat:no-repeat;
	z-index: 59;
}

@keyframes buisson1{from,to{transform:scale(1.6);transform-origin:center;color:#fff}50%{transform:scale(1.7);transform-origin:center;color:#fff}}
#zabr img{width:420px;height:auto}

@keyframes pt2{from,to{transform:scale(1.6);transform-origin:center;color:#fff}50%{transform:scale(1.7);transform-origin:center;color:#fff}}

@keyframes fl2{from{transform:rotate(0);transform-origin:center;color:#fff}50%{transform:rotate(180deg);transform-origin:center;color:#fff}to{transform:rotate(360deg);transform-origin:center;color:#fff}}

@keyframes feuyl{from,to{transform:skewY(-2deg);transform-origin:100% 30%}50%{transform:skewY(-6deg);transform-origin:100% 30%}}

@keyframes feuyp2{from{transform:transform:rotate(0);transform-origin:3% 100%;color:#fff}50%{transform:rotate(5deg);transform-origin:3% 100%;color:#fff}to{transform:rotate(0);transform-origin:3% 100%;color:#fff}}

@keyframes feuille1b{from,to{transform:skewY(-2deg);transform-origin:100% 30%}50%{transform:skewY(-6deg);transform-origin:100% 30%}}

@-webkit-keyframes ombre{70%,from,to{-webkit-animation-timing-function:4s;animation-timing-function:4s}0%,70%{opacity:0}to{opacity:1}}

@keyframes ombre{70%,from,to{-webkit-animation-timing-function:4s;animation-timing-function:4s}0%,70%{opacity:0}to{opacity:1}}


@-webkit-keyframes bounceOutLeft2{0%{-webkit-transform:translateX(0)}30%,34%{opacity:1;transform:translateX(-50px);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}100%,76%{opacity:0;-webkit-transform:translateX(5000px)}}

@keyframes bounceOutLeft2{0%{transform:translateX(0)}30%,34%{opacity:1;transform:translateX(-50px);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}76%{opacity:0;-webkit-transform:translateX(5000px)}100%{opacity:0;transform:translateX(5000px)}}

@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}

@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}



@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}

@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}



#plantfeu,#plantfeu2,#plantfeuybisl,#plantfeuyl{height:16px;-webkit-animation-duration:10s;font-size:13px;overflow:visible;background-repeat:no-repeat;position:absolute;width:152px;padding:35px}

#plantfeu{z-index:-637;animation:1.8s both bounceInLeft;-webkit-animation-fill-mode:both;left:-4px;top:47px}

#plantfeu2{z-index:-629;animation:1.8s both bounceInLeft;-webkit-animation-fill-mode:both;left:118px;top:126px}

#plantfeuyl{z-index:434;animation:1.8s both bounceInLeft;-webkit-animation-fill-mode:both;left:-360px;top:101px}

#plantfeuybisl{z-index:455;animation:1.8s both bounceInLeft;-webkit-animation-fill-mode:both;left:50px;top:100px}

#feuille10,#feuille2,#feuille6,#feuille9{animation:4s linear infinite feuille1b}

#feuylp2_1{animation:5s linear infinite feuyp2;transform-origin:center;width:34px;height:37px;position:absolute;background-repeat:no-repeat;top:-17px;z-index:-104;float:right;left:193px}

#feuylp2_2{animation:6s linear infinite feuyp2;transform-origin:center;width:63px;height:37px;position:absolute;background-repeat:no-repeat;top:-13px;z-index:-105;float:right;left:200px}

#feuylp2_3{animation:3s linear infinite feuyp2;transform-origin:center;width:34px;height:37px;position:absolute;background-repeat:no-repeat;top:-31px;z-index:-106;float:right;left:168px}

#feuylp2_4{animation:10s linear infinite feuyp2;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-27px;z-index:-107;float:right;left:143px}

#feuylp2_5{width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-3px;z-index:-97;left:201px}

#feuylp2_5b{width:76px;height:25px;position:absolute;background-repeat:no-repeat;top:5px;z-index:-597;left:83px}

#foug5{transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;float:right}

#foug4{animation:9s linear infinite feuyp2;transform-origin:center;width:101px;position:absolute;background-repeat:no-repeat;top:7px;z-index:-107;float:right;left:89px}

#foug3{transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-13px;float:right;left:67px}

#foug2{transform-origin:center;position:absolute;background-repeat:no-repeat;top:-6px;float:right;left:78px}

#foug1{transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:5px;float:right;left:52px}

#feu1{transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-78px;z-index:-107;float:right;left:61px}

#feu5{transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-44px;z-index:-157;float:right;left:63px}

#feu4{animation:9s linear infinite feuyp2;transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-75px;z-index:-107;float:right;left:87px}

#feu3{transform-origin:center;width:114px;height:119px;position:absolute;background-repeat:no-repeat;top:-73px;z-index:-107;float:right;left:68px}

#feu2{transform-origin:center;position:absolute;background-repeat:no-repeat;top:-65px;float:right;left:81px}

#feuyl2{transform-origin:center;width:47px;position:absolute;background-repeat:no-repeat;z-index:-155;float:right;left:208px}

#feuille2{transform-origin:center;width:87px;position:absolute;background-repeat:no-repeat;z-index:-72;float:left;left:18px}

#feuille10 img,#feuille2 img,#feuille7 img{width:70%;transform:rotate(55deg)}

#feuille3{transform-origin:center;position:absolute;background-repeat:no-repeat;top:29px;z-index:325;left:69px}

#feuille4{animation:8s linear infinite feuille1b;transform-origin:center;width:87px;position:absolute;background-repeat:no-repeat;top:-6px;z-index:-85;float:left;left:51px}

#feuille5{transform:rotate(55deg);transform-origin:center;height:67px;position:absolute;background-repeat:no-repeat;top:21px;z-index:-265;left:-3px}

#feuille5 img{transform:rotate(15deg)}

#feuille6{transform-origin:center;width:87px;position:absolute;background-repeat:no-repeat;top:35px;z-index:-95;right:59px;float:right;left:-11px}

#feuille7{transform:rotate(45deg);transform-origin:center;position:absolute;background-repeat:no-repeat;top:12px;z-index:-75;left:34px}

#feuille9{transform-origin:center;width:87px;position:absolute;background-repeat:no-repeat;z-index:32;float:right;left:85px}

#feuille10{transform-origin:center;width:87px;position:absolute;background-repeat:no-repeat;top:21px;z-index:3;float:right;left:100px}

form{height:auto;background-color:#999}


#nefant2{position:absolute;top:-98px;left:-163px;height:auto;z-index:957}


#nuag2{	position:absolute;
	height:auto;	z-index:256;	left: -150px;}

#nuag2b{	animation:1.4s bounceInLeft;	position:absolute;	height:auto;	z-index:156;	left: -140px;	top: -47px;
}

#dfd3{position:absolute;top:-34px;left:146px;height:281px;z-index:-73}

#dfd2{animation:3.4s bounceInLeft;position:absolute;top:-81px;left:-180px;height:216px;z-index:-274}

#dfd0{position:absolute;top:85px;left:-84px;z-index:42}

#dfd5{position:absolute;top:-46px;left:40px;height:209px}

#dfd6{position:absolute;top:-79px;left:-290px;	z-index:-842;}
	
#dfnuag2{position:absolute;top:72px;left:-337px;height:125px;z-index:-203}

#dfnuag3{animation:1.6s bounceInLeft;width:137px;position:absolute;top:0px;left:138px;height:114px;z-index:-522}

#dfnuag4{position:absolute;top:-45px;left:-273px;z-index:274}

#dfnuag5b{position:absolute;top:-155px;height:291px;z-index:878}

#dfnuag6{position:absolute;top:32px;z-index:432}


#goldorak{position:absolute;width:560px;left:25%;top:-149px;z-index:-99}



#EdgeID8{padding-top:1px;z-index:-3}

#EdgeID{width:59%;padding-top:25px;z-index:-3}

#EdgeIDli{padding-top:26px;z-index:3883}



#ref p{color:#333;line-height:11px}

#ref{	width:100%;	margin-left: auto;	text-align: center;	margin-right: auto;}




#share{text-align:center;}

#share a{width:50px;height:50px;margin:8px;border-radius:50%;font-size:24px;color:#fff;opacity:.72;transition:opacity .15s linear}

#share a:hover{opacity:1}

#share i{top:50%;transform:translateY(-50%)}

.facebook{background:#3b5998}

.twitter{background:#55acee}

.googleplus{background:#dd4b39}

.linkedin{background:#0077b5}



#contenu1 a,#logo a,#menu58 ul li:first-child a,#menu58 ul li:nth-child(2) a,#menu58 ul li:nth-child(3) a{color:#fff}

h2{color:#222}

.style30{color:#333}

.style27{font-size:80%}



#btm2,.style40{color:#000}


.style36{font-size:28px}

.nd3{line-height:21px}



.nd3{animation:3.1s ease-in-out zoomInUp;z-index:4521}


.style40{font-size:14px}



#reseaux1{height:auto}

#btm2,#btm4{font-size:21px;font-style:normal;transition:border-color 1s,background-color 1s,color 1s;font-weight:400;display:inline-table;font-family:prest}



#joconde img{box-shadow:0 0 65px #cdbe9f inset,0 0 20px #beae8c inset,0 0 5px #816f47;height:auto;background-repeat:no-repeat}

#btm2{-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);border:7px solid #eee}

#btm2{box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);border-radius:15px;margin-bottom:50px;line-height:22px;padding:8px}

#btm4{
	width:91%;
	border:0 solid #eee;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}


#btm4 a{
	color:#bbb;
	line-height: 1.2;
}




#titr2b{font-size:20px;margin-top:30px;margin-left:auto;margin-right:auto;text-align:left}







#bt2a,#bt2b,#bt2d,#bt2e{font-size:21px;transition:border-color 1s,background-color 1s,color 1s;margin-bottom:10px;line-height:22px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-image:linear-gradient(#111 2px,transparent 2px),linear-gradient(90deg,#111 1px,transparent 2px),linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10px 10px,10px 10px,20px 20px,20px 20px;background-color:#111;color:#fff;font-weight:400;font-family:prest;font-style:normal;display:inline-table}


#bt2a,#bt2b,#bt2d,#bt2e{width:90%;border:7px solid #eee;border-radius:15px}



@keyframes rot{from{transform:rotateX(-90deg)}50%{transform:rotateX(45deg)}70%{transform:rotateX(-23deg)}to{transform:rotateX(0)}}








#presentation2{font-family:chunkfive}

.style34,a:hover,a:link,a:visited{color:#000}




iframe{z-index:28;border:0;background-color:#fff}



#presentation2{margin-left:2%;margin-right:2%;font-size:18px;position:relative}

img{border:none}


.Stile30{font-size:16px}


@keyframes tourne{100%{transform:rotate(360deg)}}

@-moz-keyframes tourne{100%{-moz-transform:rotate(360deg)}}

@-webkit-keyframes tourne{100%{-webkit-transform:rotate(360deg)}}

@keyframes taille{from{width:100px}to{width:10px}}

@-moz-keyframes taille{from{width:100px}to{width:10px}}

@-webkit-keyframes taille{from{width:100px}to{width:10px}}

@keyframes mvt{0%,100%{transform-origin:center center}}

@-moz-keyframes mvt{0%,100%{transform-origin:center center}}

@-webkit-keyframes mvt{0%,100%{transform-origin:center center}}



@media screen and (max-width:1100px){#gauc{width:50%;height:150px;position:relative;margin:50px auto 40px 16%}}

@media screen and (max-width:1000px){#gauc,#zabr img{width:50%}
li,li a,ul li{margin-bottom:1px}
#bloktext2,#entour4{-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56)}
#logo,.show-menu p,li a,ul li{position:relative}
#logo,h2{font-size:18px}
h1,h3{letter-spacing:2px}
#typo{font-family:prest}
#cont,#logo,#typo{float:left}
#cont,#cor,#entour img,#entour2 img,#entour4,#menu58 ul li div.s h5,#vid_s iframe{margin-left:auto;margin-right:auto}
#droi{height:150px}
#goldorak,#titrmen,#vid_sz iframe,.show-menu{display:block}
#bloktext2,#goldorak,#plante4,.rope{position:absolute}
#bloktext2,#cont,#entour2 img,#plante4,#zabr img{height:auto}
#typo{background-repeat:no-repeat}
#goldorak{width:420px;left:21%;top:-149px}
ul{position:static;display:none}
li a,ul li{width:100%;background:#000}
#formationsegment,#menu58,#typo{display:none}
.show-menu p{margin-left:4%}
.style42{color:#111}
#entour2{color:#fff;background-color:#000;display:inline-table;text-align:center}
.style34{color:#000}
#entour4{box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);border:7px solid #eee;border-radius:15px;margin-bottom:20px;width:88%;padding-top:31px;overflow:hidden}
#logo{border:6px solid #eee;border-radius:6px;height:40px;width:140px;text-shadow:1 1px 0 #eee;margin-left:1%;text-align:center;margin-top:18px;padding-top:8px;padding-bottom:8px;background-image:url(logo4_ykomm.webp);background-position:47% 47%,10% 25%}
#logo img{z-index:-7;width:120px;height:60px}
#adrs{width:91%;margin-left:20px;margin-right:40px;padding:5px;height:30px;font-size:24px}
#typo,.box111{margin-left:0}
h1,h3,table{font-size:21px}
.rope{top:-43px;left:185px;z-index:6488}
#cont,#contenu1,#droi,.box111{position:relative}
#typo{position:fixed;width:18%;font-weight:700;height:95%;margin-top:50px;padding-top:20px}
#typo div{margin-left:10%}
#typo div p{border:5px solid #eee;width:80%;padding:5px;font-size:17px}
.gu{margin-bottom:132px}
#menu58{margin-top:-7px}
#menu58 ul li div.s{font-size:17px;width:70%;height:10px;padding:0 5px 5px;overflow:hidden;text-shadow:4px 8px 15px #000;color:#fff;position:absolute;visibility:hidden;left:1px;z-index:-5;opacity:0;margin-top:40px;top:10px;box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 2px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.2),0 8px 10px rgba(0,0,0,.15);background-color:#000;border:7px solid #eee;margin-left:21%}
#menu58 ul li:hover div.s{opacity:100;z-index:51;height:480px;visibility:visible}
#menu58 ul li div.s h5{font-size:21px;color:#fff;text-align:center;font-family:prest;text-shadow:4px 8px 15px #000;padding-top:5px}
#menu58 ul li div.s h6{font-size:11px;color:#fff}
#bloktext2,#menu58 ul li div.s p{font-size:18px;font-family:prest}
#menu58 ul li div.s p{width:100%;overflow:auto;font-weight:400;text-align:center}
#menu58 ul li a{font-size:17px;display:block;text-align:center;text-decoration:none;padding:1% 1% 2%;text-shadow:0 1px 0 rgba(255,255,255,.4)}
#menu58 ul li:first-child a:focus,#menu58 ul li:first-child a:hover,#menu58 ul li:nth-child(2) a:focus,#menu58 ul li:nth-child(2) a:hover,#menu58 ul li:nth-child(3) a:focus,#menu58 ul li:nth-child(3) a:hover{letter-spacing:1px}
#menu58 ul li:first-child a,#menu58 ul li:nth-child(2) a{color:#fff}
#bloktext2{box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);background:#fff;padding:10px;border-radius:10px;width:60%;font-style:normal;left:150px;float:right;margin-right:10%;top:40%;transform:translateY(-40%)}
.box111{width:100%;margin-top:0;height:100%;z-index:7}
#bloktext img{width:380px;height:150px}
#contenu1{height:80px;z-index:334}
#presentation2{margin-top:40px;font-size:20px}
#bloktext{font-size:20px}
#cont{width:95%;background-color:#d5caca;margin-top:40px}
#carousel{margin-left:20%}
#carousel1{font-family:prest;font-size:34px;margin-bottom:15px;width:390px;overflow:scroll;text-align:center;border:2px solid #999;height:250px;z-index:-53}
#carousel1 ul li img{width:380px;height:230px;z-index:-43}
#cor{width:400px}
.leftcurtain img,.rightcurtain img{height:90%}
#entour img{width:170px;height:130px}
#bt img{width:180px;height:110px}
#header{height:180px}
#bt{margin-bottom:10px}
#entour2 img{width:80%}
#entour2{width:250px;padding:11px 10px 10px;margin-bottom:40px;-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);border:7px solid #eee;border-radius:15px;margin-left:15px;margin-right:20px}
#droi{animation:1.5s bounceInLeft;width:100%;float:right}
#plante4{width:100px;top:-440px;left:5%;z-index:-8}
iframe{height:320px}
.style62{z-index:928;font-style:italic}
.adaptimg{width:100%;height:auto;}
}
/* RESPONSIVE */
@media (max-width: 768px) {object{ display:none;
}
    .cards {
        flex-direction: column;
        align-items: center;


   } .style40{font-size:20px}
}

@media screen and (max-width:690px){#fd_belfor{left:-98px;}#fd_belfort6{left:40px;}#fd_belfort7{left:-120px;}
#loup4{left:52%;}
#invert2{display:none;}
#cach2{display:none;} 
#titr2b object{width:260%;margin-left:-130%;}

	#btm{width:80%;display:block;margin-left:auto;margin-right:auto;}
#contentbtm{display:block;margin-left:auto;margin-right:auto;}
#vid_s iframe,#vid_s{display:none},#vid_sz iframe{display:block;height:150px}
h1,h2,h3{font-size:19px}
#contenu1,#droi,#footer,#ref,#ref2{width:100%}
#carousel,#carousel1,#typo{font-family:prest}
#cor,#titre_1,#vid iframe{margin-left:auto;margin-right:auto}
#cor,#titre_1,#vid iframe{margin-right:auto}
#typo,.box111,iframe{margin-left:0}
#cont,#droi,#footer,#titre_1{position:relative}
#droi,#header,#vid_sz iframe,iframe{height:150px}
#bt,#carousel1,#logo,#menu58 ul li div.s p,#vid iframe{text-align:center}
#cont,#logo,#titr3,#typo{float:left}
#plante4,.rope{position:absolute}
#btm2,#zabr img{width:80%;height:auto}
#btm2,#cont,#logo img,#plante4,#zabr img{height:auto}
#btm2,#vid iframe{background-color:#fff}
#adrs,#btm2{margin-left:20px}
#droi{z-index:74;animation:1.5s bounceInLeft;float:right}
#titre_1{animation:2.2s zoomInRight;width:279px;top:-100px;height:24px;z-index:478;font-size:18px}

#footer{overflow:hidden;padding-top:7px}
.btfin{margin-bottom:-30px;z-index:54}
#EdgeID5{margin-left:-19%;width:137%;height:200px}
#adrs{width:88%;margin-right:40px;padding:5px;height:30px;font-size:17px}
h1,h3{letter-spacing:1px}
.rope{top:-43px;left:155px;z-index:6488}
#contenu1{height:65px;border-bottom:5px solid #eee}
.gu{margin-bottom:140px}
#logo{border:5px solid #eee;border-radius:6px;height:36px;width:140px;text-shadow:1px 1px 0 #eee;margin-left:1%;margin-top:18px;padding-top:8px;font-size:16px}
#logo img{z-index:-7;width:132px}
#menu58{margin-top:-10px}
#menu58 ul{display:table;width:100%;margin-left:10px;padding:0;color:#000;border-radius:3px;font-weight:700;height:30px}
#menu58 ul li a{height:30px;font-size:16px}
#presentation1,#presentation2{margin-top:40px;font-size:20px}
.box111{width:100%;margin-top:-8px;height:100%;font-size:20px}
table{font-size:18px}
#bloktext img{width:250px;height:100px}
#carousel1{font-size:14px;margin-bottom:15px;width:290px;overflow:scroll;border:2px solid #999;height:160px;z-index:-53}
#carousel1 ul li img{width:280px;height:150px;z-index:-43}
#cor{overflow:hidden;width:300px}
#typo{position:fixed;width:18%;font-weight:700;height:95%;margin-top:40px;padding-top:25px}
#btm2,#menu58 ul li div.s p{font-family:prest;font-weight:400}
#cont,#menu58 ul li div.s h5{margin-left:auto;margin-right:auto}
#typo div p{border:4px solid #eee;font-size:14px}
#cont{width:95%;background-color:#d5caca;margin-top:20px}
#bloktext{height:700px;font-size:18px}
#menu58 ul li:first-child a:focus,#menu58 ul li:first-child a:hover{padding:1% 4% 2%;transition:.8s;box-shadow:0 1px 0 #fff inset,0 -1px 0 #69c39b inset,0 -2px 0 #69c39b inset,0 -3px 0 #69c39b inset,0 -4px 0 #69c39b inset,0 -5px 0 #69c39b inset;letter-spacing:1px}
#menu58 ul li:first-child a,#menu58 ul li:nth-child(2) a,#menu58 ul li:nth-child(3) a{color:#fff}
#menu58 ul li:nth-child(2) a:focus,#menu58 ul li:nth-child(2) a:hover{padding:1% 4% 2%;transition:.8s;letter-spacing:1px;box-shadow:0 1px 0 #fff inset,0 -1px 0 #f90 inset,0 -2px 0 #f90 inset,0 -3px 0 #f90 inset,0 -4px 0 #f90 inset,0 -5px 0 #f90 inset}
#menu58 ul li:nth-child(3) a:focus,#menu58 ul li:nth-child(3) a:hover{padding:1% 4% 2%;transition:.8s;letter-spacing:1px;box-shadow:0 1px 0 #fff inset,0 -1px 0 #1080a1 inset,0 -2px 0 #1080a1 inset,0 -3px 0 #1080a1 inset,0 -4px 0 #1080a1 inset,0 -5px 0 #1080a1 inset}
#bt img{width:150px;height:90px}
#menu58 ul li div.s p{width:100%;overflow:auto;font-size:15px}
#menu58 ul li div.s h5,#menu58 ul li div.s h6{font-size:17px;color:#fff}
form{width:250px;height:900px}
#menu58 ul li div.s{font-size:15px;width:70%;height:10px;padding:0 5px 5px;overflow:hidden;text-shadow:4px 8px 15px #000;color:#fff;position:absolute;visibility:hidden;left:1px;z-index:-5;opacity:0;margin-top:30px;top:10px;box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 2px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.2),0 8px 10px rgba(0,0,0,.15);background-color:#000;border:7px solid #eee;margin-left:21%}
#menu58 ul li:hover div.s{opacity:100;z-index:51;height:680px;visibility:visible}
#menu58 ul li div.s h5{text-align:center;font-family:prest;text-shadow:4px 8px 15px #000;padding-top:5px}
#titr3{margin-left:30px;width:91%;text-align:left;margin-top:1px;margin-right:auto;font-size:19px}
#plante4{width:100px;top:-430px;left:11%;z-index:-8}
.style62{font-size:18px;z-index:928;font-style:italic}
#fhg img{color:#000;width:90%}
#btm2{-webkit-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);-moz-box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);box-shadow:-1px 0 18px 2px rgba(50,50,50,.56);font-size:21px;font-style:normal;border:5px solid #eee;border-radius:15px;transition:border-color 1s,background-color 1s,color 1s;color:#000;display:inline-table;margin-bottom:50px;line-height:22px;padding:8px}
}

@media screen and (max-width:470px){#fleur,#pt{font-family:bule;font-size:40px;color:#fff;line-height:1}
#droi,#gaucfr2{height:150px;position:relative}
#creas,#feuille8,#pass{background-repeat:no-repeat}
#gauc,#gaucfr,#titr2b{margin-right:auto}
#creas,#droi,#gauc,.box111{width:100%}
#droi,#gauc,#gaucfr,#gaucfr2,.box111{position:relative}
#gaucfr2{display:block}
#vid iframe{height:230px;width:97%;background-color:#fff;text-align:center;z-index:28;border:0}
.box111{margin-left:0;margin-top:10px;height:100%;z-index:7}
#fleur{animation:12s linear infinite fl2;top:-25px;z-index:228;position:absolute;width:160px;height:160px;left:201px}
#pt{animation:3s linear infinite pt2;top:-17px;z-index:231;position:absolute;left:203px}
#feuille1{animation:2s zoomInRight;width:74px;position:absolute;top:169px;left:110px;height:24px;z-index:478}
#plante2{animation:1.1s bounceInRight;width:250px;position:absolute;top:31px;left:250px;height:212px;z-index:75}
#bt2a,#bt2b,#bt2d,#bt2e{margin-left:3%;font-size:21px;width:85%;padding:4px}
#plante4{width:100px;position:absolute;top:-390px;left:9%;height:auto;z-index:-8}
#typo div p{border:2px solid #eee;font-size:9px}
#droi{animation:1.5s bounceInLeft;float:right}
#droi p{font-size:18px;line-height:21px;color:#333}
#ombred{position:absolute;}
#EdgeID2y{width:195%;margin-left:-30%}
#titr2b{margin-left:auto;width:90%;text-align:left;margin-top:-10px;font-size:20px}
#gauc{margin-left:-20%;height:300px;float:left}
}

@keyframes soleil{90%,from,to{-webkit-animation-timing-function:10s;animation-timing-function:10s}0%{opacity:1;transform:translate3d(-250px,240px,0)}30%,65%{transform:translate3d(25px,0,40px)}80%,to{transform:translate3d(235px,240px,-40px)}}
@keyframes contenu1{70%,from,to{background-color:#a6c8f8;box-shadow:0 100px 100px -100px #7484fe inset}24%,50%{background-color:#7d2a6e;box-shadow:0 140px 10px 10px #38406f inset}}

#btm4{margin-top:15px}
}

@media screen and (max-width:430px){#EdgeID,#adrs{margin-left:20px}
.style36,h2{line-height:21px}
#menu58 ul li div.s,#menu58 ul li div.s h5{text-shadow:4px 8px 15px #000;font-size:14px}
#belfort,#joconde img{position:relative;background-repeat:no-repeat}
#belfort,#joconde img,#typo{background-repeat:no-repeat}
#belfort,#contenu1,#cor,#entour2,#entour2 img,#joconde img,#menu58 ul li div.s h5,iframe{margin-left:auto;margin-right:auto}
#belfort,#contenu1,#cor,#entour2,#entour2 img,#joconde img,iframe{margin-right:auto}
#entour2,#logo,#menu58 ul li a,#menu58 ul li div.s p{text-align:center}
#btm,#typo{margin-left:0}
#btm img,#header{height:100px}
#EdgeID5{z-index:-3;margin-left:-50%;width:200%;height:270px}
#EdgeID{width:79%;animation:8.5s bounceInUp;padding-left:30px;z-index:-3}
.style36{font-size:20px;letter-spacing:1px}

#joconde img{width:260px;height:auto;padding-left:0}
#adrs{width:80%;margin-right:40px;padding:5px;height:24px}
h2{font-size:18px;color:#333}
h1{font-size:17px}
h3{font-size:20px}
#presentation1,#presentation2{margin-top:40px;font-size:17px}
#typo{position:fixed;width:18%;float:left;font-weight:400;height:auto;margin-top:1px;padding-top:15px}
#typo div p{border:2px solid #eee;font-size:10px}
.gu{margin-bottom:100px}
.box111{margin-top:0}
#logo{border:3px solid #eee;border-radius:4px;height:40px;width:110px;float:left;text-shadow:1px 1px 0 #eee;margin-left:2%;margin-top:20px;padding-top:2px;font-size:5px}
#logo img{z-index:-7;width:60px;height:30px}
#cor{overflow:hidden;width:220px}
iframe{width:97%;height:auto}
#menu58{margin-top:-8px}
#menu58 ul{display:table;width:100%;margin-left:10px;padding:0;color:#000;border-radius:3px;font-weight:700;height:20px}
#menu58 ul li a{height:20px;transition:.3s .1s;text-decoration:none;padding:1% 1% 2%;text-shadow:0 1px 0 rgba(255,255,255,.4);font-size:12px}
#menu58 ul li:first-child a:focus,#menu58 ul li:first-child a:hover{padding:1% 4% 2%;transition:.8s;box-shadow:0 1px 0 #fff inset,0 -1px 0 #69c39b inset,0 -2px 0 #69c39b inset,0 -3px 0 #69c39b inset,0 -4px 0 #69c39b inset,0 -5px 0 #69c39b inset;letter-spacing:1px}
#menu58 ul li:first-child a,#menu58 ul li:nth-child(2) a{color:#fff}
#menu58 ul li:nth-child(2) a:focus,#menu58 ul li:nth-child(2) a:hover{padding:1% 4% 2%;transition:.8s;letter-spacing:1px;box-shadow:0 1px 0 #fff inset,0 -1px 0 #f90 inset,0 -2px 0 #f90 inset,0 -3px 0 #f90 inset,0 -4px 0 #f90 inset,0 -5px 0 #f90 inset}
#menu58 ul li:nth-child(3) a:focus,#menu58 ul li:nth-child(3) a:hover{padding:1% 4% 2%;transition:.8s;letter-spacing:1px;box-shadow:0 1px 0 #fff inset,0 -1px 0 #1080a1 inset,0 -2px 0 #1080a1 inset,0 -3px 0 #1080a1 inset,0 -4px 0 #1080a1 inset,0 -5px 0 #1080a1 inset}
#bloktext{font-size:13px}
#bloktext h1,#bloktext h3{font-size:19px}
#bt img{width:100px;height:50px}
#bt{margin-bottom:10px}
#menu58 ul li div.s{width:70%;height:10px;padding:0 5px 5px;overflow:hidden;color:#fff;position:absolute;visibility:hidden;left:1px;z-index:-5;opacity:0;margin-top:20px;top:10px;box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 2px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.2),0 8px 10px rgba(0,0,0,.15);background-color:#000;border:7px solid #eee;margin-left:21%}
#menu58 ul li:hover div.s{opacity:100;z-index:51;height:480px;visibility:visible}
#menu58 ul li div.s h5{color:#fff;text-align:center;font-family:punk;padding-top:5px}
#btm,#menu58 ul li div.s p{font-family:prest;font-weight:400}
#menu58 ul li div.s h6{font-size:16px;color:#fff}
#menu58 ul li div.s p{width:100%;overflow:auto;font-size:15px}
p{font-size:16px}
.style32{font-size:14px}
#entour2{width:250px;padding-top:31px}
#EdgeID2x{width:135%;margin-left:-20%}
#EdgeID2y{width:195%;margin-left:-30%}
.nd1{animation:1.5s bounceInDown}
#btm{font-size:21px;width:245px;font-style:normal;border:0 solid #eee;border-radius:15px;transition:border-color 1s,background-color 1s,color 1s;color:#000;background-color:#fff;display:inline-table;margin-bottom:20px}
}

@media screen and (max-width:355px){#bt2a,#bt2b,#bt2d,#bt2e{font-size:21px;width:85%;padding:4px}#pass{left:25%}#belfort{margin-left:-32px;margin-right:auto;width:305px;position:relative;background-image:url(yannklinger1_belfortmontbe_1.jpg);height:190px;background-repeat:no-repeat;padding-left:0;padding-bottom:110px}#belfort p{padding-top:30px}#contaakt{margin-left:-40px}#plante4{width:100px;position:absolute;top:-430px;left:10%;height:auto;z-index:-8}#dssu{top:34px;left:55%}}

@media (min-width:30em) and (orientation:landscape){li ul,ul{display:none}.hidden:hover,li ul li,ul li a:hover+.hidden{display:block}#EdgeID5{width:69%;height:300px}iframe{width:97%;height:auto;margin-left:auto;margin-right:auto}ul{list-style-type:none;margin:-5px auto 0;padding:0;position:relative;width:auto}li{display:inline-block;float:left;margin-right:1px}li a{min-width:140px;height:25px;text-align:center;line-height:25px;text-decoration:none;font-size:14px;width:99%;font-style:normal;transition:border-color 1s,background-color 1s,color 1s;color:#fff;font-family:prest;font-weight:lighter;display:inline-table;margin-bottom:-7px}li a div :first-child p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);background:#fff;color:#fff;animation-delay:1.4s}li:hover a,li:hover ul a:hover{background:#222;color:#fff}li:hover ul a{box-shadow:-1px 0 18px 2px rgba(50,50,50,.56),inset 2px 2px 15px -1px #656565;color:#fff;background:#000;border-color:#eee;transition:1s}li ul li{float:none}li ul li a{width:auto;min-width:100px;padding:0 10px}}

@media screen and (max-width:320px){li ul,ul{display:none}.hidden:hover,li ul li,ul li a:hover+.hidden{display:block}ul{list-style-type:none;margin:-15px auto 0;padding:0;position:relative;width:auto}li{display:inline-block;float:left;margin-right:1px}li a{min-width:140px;height:25px;text-align:center;line-height:25px;text-decoration:none;font-size:14px;width:99%;font-style:normal;transition:border-color 1s,background-color 1s,color 1s;color:#fff;font-family:prest;font-weight:lighter;display:inline-table;margin-bottom:-7px}li a div :first-child p{box-shadow:0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);background:#fff;color:#fff;nimation-delay:1.4s}li:hover a,li:hover ul a:hover{background:#222;color:#fff}li:hover ul a{box-shadow:-1px 0 18px 2px rgba(50,50,50,.56),inset 2px 2px 15px -1px #656565;color:#fff;background:#000;border-color:#eee;transition:1s}li ul li{float:none}li ul li a{width:auto;min-width:100px;padding:0 10px}}

@media (orientation:landscape) and (max-width:768px){body,html{-webkit-text-size-adjust:100%}}