@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit}
em{font-style:italic}
strong{font-weight:bold}
html,body{margin:0;padding:0;height:100%}
a img{border:none;outline:none}
a{outline:none;text-decoration:none}
a,a:active,a:visited,a img{outline:none}

body {
	background: #000;
	font-family: 'ProximaNovaLight', 'ProximaNovaRegular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.25em;
	color: #fff;
}

a, a:hover {
	color: #fff;
}

.large {
	display: inline;
}
.small {
	display: none;
}

.video {
	position: absolute;
	top: 0;
	bottom: 160px;
	left: 0;
	right: 0;
	/*-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate3d(-50%,-50%,0);
	-ms-transform:translate3d(-50%,-50%,0);
	-o-transform:translate3d(-50%,-50%,0);
	transform:translate(-50%,-50%);*/
	display: flex;
	align-items: center;
	justify-content: center;
}
.video a {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 1280px;
	max-height: 720px;
}
.video video {
	width: 100%;
	height: 100%;
	max-width: 1280px;
	max-height: 720px;
}
.video .plyr--video {
	width: 100%;
	height: 100%;
	max-width: 1280px;
	max-height: 720px;
}
.video .plyr__video-wrapper {
	background: #000;
}

.plyr__controls .plyr__controls__item:first-child {
	justify-content: center;
	width: 100%;
    max-width: none;
}

.footer {
	position: absolute;
	bottom: 50px;
	left: 50%;
	-webkit-transform:translate(-50%,0);
	-moz-transform:translate3d(-50%,0,0);
	-ms-transform:translate3d(-50%,0,0);
	-o-transform:translate3d(-50%,0,0);
	transform:translate(-50%,0);

	text-align: center;
}

.goto {
	position: absolute;
	bottom: 50px;
	right: 50px;
}
.goto img {
	width: 70px;
	max-width: 70px;
}
.goto .up {
	display: none;
}

.groupe {
	position: absolute;
	z-index: 1;
	top: 50px;
	left: 50px;
}
.groupe p {
	margin-bottom: 10px;
}
.groupe img {
	width: 145px;
	max-width: 145px;
}

@media (max-width: 1023px) {
	.footer {
		bottom: 30px;
	}

	.goto {
		right: 30px;
		bottom: 30px;
	}
	.goto a {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
	.goto img {
		width: fit-content;
		margin-bottom: 12px;
	}
	.goto .up {
		display: inline;
	}
	.goto .right {
		display: none;
	}

	.groupe {
		top: 30px;
		left: 30px;
	}
}

@media (max-width: 767px) {
	.large {
		display: none;
	}
	.small {
		display: inline;
	}

	.main {
		position: static;
		top: 50%;
		left:30px;
		right:30px;
		/*-webkit-transform:translate(0,-50%);
		-moz-transform:translate3d(0,-50%,0);
		-ms-transform:translate3d(0,-50%,0);
		-o-transform:translate3d(0,-50%,0);
		transform:translate(0,-50%);*/
		overflow: hidden;
	}

	.video {
		position: static;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;

		text-align: center;

		margin-left: -100px;
		margin-right: -100px;
	}
	.logo img {
		margin: 0 auto;
	}
	.logo .mail {
		margin-top: 30px;
	}

	.groupe {
		position: static;
		margin-top: 20px;
		text-align: center;
	}

	.footer {
		position: static;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;

		text-align: center;

		margin-top: 60px;
	}

	.goto {
		position: static;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;

		text-align: center;

		margin-top: 30px;
		margin-bottom: 30px;
	}
}

@media (max-width: 500px) {
	.video {
		margin-left: -150px;
		margin-right: -150px;
	}
}