.yo {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	height: 636px;
	overflow: hidden;
	z-index: 1;
}

.yoo {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1440px;
	height: 500px;
	top: 0px;
	overflow: hidden;
	z-index: 1;
}

.kk {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 336px;
	top: 160px;
	z-index: 1;
}

.yo1 {
	display: none;
	position: absolute;
	width: 1024px;
	height: 100%;
	r
}

}

.yo2 {
display: none;
width: 1024px;
overflow: hidden;
background-color: #FFF;
}

.yo3 {
display: none;
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #515151;
}

.yo4 {
display: none;
position: absolute;
width: 1024px;
height: 100%;
}

.yo5 {
display: none;
position: absolute;
overflow: visible;
width: 100%;
height: 100%;
}

.yo6 {
position: absolute;
right: 50px;
overflow: hidden;
width: 800px;
height: 336px;
}

.yo7 {
display: none;
position: absolute;
width: 287px;
height: 800px;
overflow: hidden;
}

.yo8 {
display: none;
position: absolute;
width: 800px;
height: 111px;
overflow: hidden;
bottom: 50px;
z-index: 40;
}

.yo9 {
display: none;
position: absolute;
width: 800px;
height: 244px;
top: -50px;
z-index: 40;
}

div.parallax {
position: absolute;
width: 100%;
text-align: center;
height: 100%;
font-weight: bold;
}

.parallax1 {
background: url(../images/3.png) no-repeat top;
opacity: 1;
}

.parallax2 {
background: url(../images/2.png) no-repeat top;
}

.parallax3 {
background: url(https://quinzequinze.com/content/protos/feilong/images/1.png) no-repeat top;
}

.parallax4 {
background: url(https://quinzequinze.com/content/protos/feilong/images/4.png) no-repeat top;
opacity: 1;
}

.parallax5 {
background: url(https://quinzequinze.com/content/protos/feilong/images/5.png) no-repeat top;
}

.parallax6 {
background: url(https://quinzequinze.com/content/protos/feilong/images/6.png) no-repeat top;
}

.parallax7 {
background: url(https://quinzequinze.com/content/protos/feilong/images/7.png) no-repeat top;
}

.parallax8 {
background: url(https://quinzequinze.com/content/protos/feilong/images/8.png) no-repeat top;
}

.parallaxtramefluide {
background: url(https://quinzequinze.com/content/protos/feilong/images/tramefluide.png) no-repeat top;
}

.parallaxtramefluide2 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tramefluide2.png) no-repeat top;
}

.parallaxtramefluide3 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tramefluide3.png) no-repeat top;
}

.parallaxtramefluide4 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tramefluide4.png) no-repeat top;
}

.parallaxtramefluide5 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tramefluide5.png) no-repeat top;
}

.parallaxtramefluide6 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tramefluide6.png) no-repeat top;
}

.wip {
background: url(https://quinzequinze.com/content/protos/feilong/images/wip.png) no-repeat top;
}

.wip2 {
background: url(https://quinzequinze.com/content/protos/feilong/images/wip2.png) no-repeat top;
}

.wip3 {
background: url(https://quinzequinze.com/content/protos/feilong/images/wip3.png) no-repeat top;
}

.wip4 {
background: url(https://quinzequinze.com/content/protos/feilong/images/wip4.png) no-repeat top;
}

.wip5 {
background: url(https://quinzequinze.com/content/protos/feilong/images/wip5.png) no-repeat top;
}

.wip6 {
background: url(https://quinzequinze.com/content/protos/feilong/images/wip6.png) no-repeat top;
}

.parallaxtramefluideblack {
background: url(https://quinzequinze.com/content/protos/feilong/images/tramefluideblack.png) no-repeat top;
}

.parallaxtramefluideblack2 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tramefluideblack2.png) no-repeat top;
}

.parallaxtramefluideblack3 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tramefluideblack3.png) no-repeat top;
}

.parallaxlentille {
background: url(https://quinzequinze.com/content/protos/feilong/images/lentille.png) no-repeat top;
z-index: 10;
}

.parallaxlentille2 {
background: url(https://quinzequinze.com/content/protos/feilong/images/lentille2.png) no-repeat top;
z-index: 10;
}

.parallaxlentille3 {
background: url(https://quinzequinze.com/content/protos/feilong/images/lentille3.png) no-repeat top;
z-index: 10;
}

.parallaxlentille4 {
background: url(https://quinzequinze.com/content/protos/feilong/images/lentille4.png) no-repeat top;
z-index: 10;
}

.parallaxlentille5 {
background: url(https://quinzequinze.com/content/protos/feilong/images/lentille5.png) no-repeat top;
z-index: 10;
}

.parallaxlentille6 {
background: url(https://quinzequinze.com/content/protos/feilong/images/lentille6.png) no-repeat top;
z-index: 10;
}

.parallaxattention4 {
background: url(https://quinzequinze.com/content/protos/feilong/images/fumee.png) no-repeat top;
}

.parallaxattention5 {
background: url(https://quinzequinze.com/content/protos/feilong/images/fumee2.png) no-repeat top;
}

.parallaxattention6 {
background: url(https://quinzequinze.com/content/protos/feilong/images/fumee3.png) no-repeat top;
}

.parallaxattention7 {
background: url(https://quinzequinze.com/content/protos/feilong/images/fumee4.png) no-repeat top;
}

.parallaxattention8 {
background: url(https://quinzequinze.com/content/protos/feilong/images/fumee5.png) no-repeat top;
}

.parallaxattention9 {
background: url(https://quinzequinze.com/content/protos/feilong/images/fumee6.png) no-repeat top;
}

.parallaxattentiontrans {
background: url(https://quinzequinze.com/content/protos/feilong/images/fumeetrans.png) no-repeat top;
}

.waiting {
background: url(https://quinzequinze.com/content/protos/feilong/images/waiting/fond.png);
}

.waiting2 {
background: url(https://quinzequinze.com/content/protos/feilong/images/waiting/6.png);
}

.waiting3 {
background: url(https://quinzequinze.com/content/protos/feilong/images/waiting/5.png);
}

.waiting4 {
background: url(https://quinzequinze.com/content/protos/feilong/images/waiting/4.png);
}

.waiting5 {
background: url(https://quinzequinze.com/content/protos/feilong/images/waiting/3.png);
}

.waitin6 {
background: url(https://quinzequinze.com/content/protos/feilong/images/waiting/2.png);
}

.waiting7 {
background: url(https://quinzequinze.com/content/protos/feilong/images/waiting/1.png);
}

.particule {
background: url(https://quinzequinze.com/content/protos/feilong/images/particule.png);
}

.particule2 {
background: url(https://quinzequinze.com/content/protos/feilong/images/particule2.png);
}

.particule3 {
background: url(https://quinzequinze.com/content/protos/feilong/images/particule3.png);
}

.particule4 {
background: url(https://quinzequinze.com/content/protos/feilong/images/particule4.png);
}

.tsi {
background: url(https://quinzequinze.com/content/protos/feilong/images/tsi.png);
}

.tsi2 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tsi2.png);
}

.tsi3 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tsi3.png);
}

.tsi4 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tsi4.png);
}

.tsi5 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tsi5.png);
}

.tsi6 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tsi6.png);
}

.tsi7 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tsi7.png);
}

.tsi8 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tsi8.png);
}

.tsi9 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tsi9.png);
}

.tsi10 {
background: url(https://quinzequinze.com/content/protos/feilong/images/tsi10.png);
}

.feilong {
background: url(../images/falex.png);
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
}

.feilong2 {
background: url(../images/5.gif);
z-index: 19;
}

.feilong3 {
background: url(../images/lave.gif);
z-index: 18;
}

.feilong4 {
background: url(../images/3.png);
z-index: 17;
}

.feilong5 {
background: url(../images/2.png);
z-index: 16;
}

.feilong6 {
background: url(../images/1.gif);
z-index: 15;
}

.feilong10 {
background: url(../images/T.gif);
z-index: 19;
}

.falex11 {
background: url(../images/F1.png);
z-index: 19;
}

.falex12 {
background: url(../images/F2.png);
z-index: 19;
}

.falex13 {
background: url(../images/F3.png);
z-index: 19;
}

.falex14 {
background: url(../images/J1.png);
z-index: 19;
}

.falex15 {
background: url(../images/J2.png);
z-index: 19;
}

.falex16 {
background: url(../images/J3.png);
z-index: 19;
}

.contourblack {
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
background: url(../images/contourblack2.png) no-repeat top;
}

.contourblack2 {
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
background: url(../images/contourblack.png) no-repeat top;
}

.contourblack3 {
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
background: url(../images/contourblack3.png) no-repeat top;
}

.contourblack4 {
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
background: url(../images/contourblack4.png) no-repeat top;
}

.contourblack5 {
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
overflow: hidden;
background: url(../images/contourblack5.png) no-repeat top;
}

.contourblack6 {
position: absolute;
z-index: 20;
width: 100%;
height: 100%;
overflow: hidden;
background: url(https://quinzequinze.com/content/protos/feilong/images/contourblack6.png) no-repeat top;
}

.quiquand, .quiquand2, .quiquand3, .quiquand4, .quiquand5, .quiquand6, .quiquand7, .quiquand8, .quiquand9, .quiquand10 {
position: absolute;
z-index: 60;
text-align: center;
font-family: 'Iceland', cursive;
font-size: 13px;
color: #FFF;
text-transform: uppercase;
}

.quiquand, .quiquand2, .quiquand3, .quiquand4, .quiquand5, .quiquand6, .quiquand7, .quiquand9, .quiquand10 {
display: none;
}

.groupe {
font-family: "Varela Round", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 200px;
font-size: 11px;
line-height: 1.3em;
letter-spacing: 0.3em;
z-index: 100;
margin-bottom: 22px;
}

.date {
font-family: "Varela Round", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 20px;
letter-spacing: 0.3em;
text-align: center;
line-height: 1em;
color: #FFF;
bottom: 13px;
z-index: 100;
}

.date2 {
font-family: "Varela Round", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 300px;
background: url(../images/download.png) no-repeat top;
height: 83px;
font-size: 14px;
margin-top: 20px;
letter-spacing: 0.3em;
text-align: center;
line-height: 1em;
color: #FFF;
bottom: 100px;
z-index: 100;
}

#logoPage {
background-image: url('../images/logo.png');
position: fixed;
width: 125px;
height: 16px;
left: 20px;
font-size: 14px;
z-index: 40;
letter-spacing: 0.3em;
margin-top: 20px;
}

#logoPage:hover {
cursor: pointer;
opacity: 0.5;
}

#logoPage2 {
background-image: url('../images/logo.png');
position: fixed;
width: 125px;
height: 16px;
right: 20px;
font-size: 14px;
z-index: 40;
letter-spacing: 0.3em;
margin-top: 20px;
}

#logoPage2:hover {
cursor: pointer;
opacity: 0.5;
}

#s5 {
overflow: hidden;
}

#s1 {
overflow: hidden;
}