html{
/*	overflow:hidden !important;
*/	  font-family: 'HelveticaNeueLTStd-Th';
}

#arrow{
display: none;
position: fixed;
z-index: 2000000000;
width: 28px;
bottom: 15px;
margin: auto;
right: 0;
left: 0;
cursor: pointer;
}
#one{
	cursor: pointer !important;
}
.thin{
  font-family: 'HelveticaNeueLTStd-Th';
}
.ultra{
  font-family: 'HelveticaNeueLTStd-UltLt';
}

.videostart{
	height:100%;
}
.desk-vide , .loop-vide{
	width: 100%    !important;
	height: auto   !important;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
	position: absolute;
	top: 50%;
}
.menucl{
	cursor:pointer;
}

#mute-video{
	width: 25px;
	height: 25px;
	background-size: 100% auto;
	position: absolute;
	bottom: 20px;
	right: 35px;
	z-index: 1;
}
#skip-video{
	position: absolute;
bottom: 20px;
z-index: 2000000000;
color: #fff;
margin:auto ;
left:0;
right:0;
text-align: center;
font-size: 18px;
letter-spacing: 2px;
/*cursor:pointer;
*/display: none;
width: 170px
}
.sound-on{
	background-image: url("../images/SON_ON.png");
}
.sound-off{
	background-image: url("../images/SON_OFF.png");
}
#mute-video{
	cursor: pointer;
}

#preloader{
    background-color:#000;
    height: 100%;
    width:100%;
    position: absolute;
    right: 0;
    left: 0;
    top:2px;
    z-index: 200000000;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #fff;
  position: fixed;
  z-index: 20000000000000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

body , html , .main{
	margin:0;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #000;
  color:#fff;
}
a {
	color:#fff;
	text-decoration: none;
}
section{
	background-size: cover;
	background-position: center center;
	background-color: #000;
	position: relative;
}
.half-part{
	height:50%;
}
.double-part{
	height:200%;
}
.fifty{
	width:50%;
	display: none;
}

.oright{
	position:absolute;
	right:0;
	top:0;
}

.oleft{
	position:absolute;
	left:0;
	top:0;
}

.float{
	float:left;
}

.bckgd{
	background-position: center center;
	background-size: cover;
	background-color: #000;
}

/*.lower , .upup{
	display: none;
}*/

.intro{
	background-image: url("../images/intro.jpg");
	display: none;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;

}

.testite{
	background-image: url("../images/trois.jpg");
	background-attachment: fixed;
	position:absolute;
	top:0;
	left:0;
	height:200px;
	width:200px;
}


#section-0{
	background-image: url("../images/intro_before.jpg");
}


#section-1{
	background-image: url("../images/un.jpg");
}


#section-2{
	background-image: url("../images/deux.jpg");
}


#section-3{
	background-image: url("../images/trois.jpg");
/*	background-attachment: fixed;
*/}

#section-3-bis{
	background-image: url("../images/trois-bis.jpg");
/*	background-attachment: fixed;
*/}

#section-4{
	background-image: url("../images/quatre.jpg");
}


#section-5{
	background-image: url("../images/cinq.jpg");
}




.text{
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	position: absolute;
	top: 50%;
	left: 50%;
}

.text-intro{
	font-size: 90px;
	line-height: 90px;
	text-align: center;
	width: 100%;
}

.subtitle{
	font-size: 38px;
	line-height: 38px;
}

.text-content{
	font-size: 21px;
	line-height: 21px;
	text-align: left;
	display: none;
}

@media only screen and (max-width: 1200px) {
	.text-intro{
		font-size: 80px !important; 
		line-height: 80px !important; 
	}
	.text-content{
		font-size: 18px !important; 
		line-height: 18px !important; 
	}
	.subtitle{
		font-size: 33px !important; 
		line-height: 33px !important; 
	}

}


@media only screen and (min-width: 1920px) {
	.lower img , .overlay img{
		width:40px !important; 
		height:auto;
	}
	.toptop img{
		width:40px !important; 
		height:auto;
	}
	.log img{
		width:135px !important; 
		height:auto;
	}
}

@media only screen and (max-width: 1442px) {
}

@media only screen and (max-width: 1068px) {
}

@media only screen and (max-width: 735px) {
	
	.overlay nav{
		font-size:30px !important;
	}
}

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

		.overlay nav{
		font-size:23px !important;
	}
}
@media only screen and (max-width: 400px) {
	
		.overlay nav{
		font-size:19px !important;
	}
}


.all-mobile{
		display:none;
	}

.mob{
		display:none;
		text-align: left;
		font-family: 'HelveticaNeueLTStd-Th';	
	}

.desk{
		display: inline-block;
		text-align: center;
		font-family: 'HelveticaNeueLTStd-Th';	
	}	


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

	.menu-down{
		display:none !important; 
	}

	.all-mobile{
		display:block;
	}
	.no-mobile{
		display:none;
	}

	.mob{
		display: inline-block !important; 
	}

	.desk{
		display:none !important;
	}
}




.lower{

}

.lower:hover{

}

input{
 	display:none;
}

.lower label{
	text-align:center;
}

.lower label:hover{
 	cursor:pointer;
}

.overlay{
	font-family: 'HelveticaNeueLTStd-Th';
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color:black;
	z-index: 2000000000000;
	visibility: hidden;
	background-image: url("../images/menu.jpg");
	background-size: 100% 100%;
		opacity: 0;
	visibility: hidden;
}

.overlay > label{
	left: 20px;
	top: 20px;
	position: fixed;
	width: 3%;
	height: auto;
	cursor:pointer;
}

.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 40px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
}

.overlay ul li a {
	font-weight: 300;
	display: block;
	color: white;
    text-decoration:none;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
    text-transform:uppercase;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
}

.lower~.overlay-hugeinc{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

#op:checked~.overlay-hugeinc{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav {
	-moz-perspective: 300px;
}

.overlay-hugeinc nav ul {
	opacity: 1;
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%) ;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

#op:checked~.overlay-hugeinc nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

#op:not(:checked)~.overlay-hugeinc nav ul {
	-webkit-transform: translateY(25%);
	transform: translateY(25%);
}