body header{display: none;}
body{padding-top: 0;}


#headerLogo{height: 0;position: relative;z-index: 2;text-align: left}
#headerLogo img{min-width: 250px; width: 20%; margin-top: 2%; margin-left: 2%}

#headerGame{position: relative; padding-top: 100vh; overflow: hidden}
#headerGame #bg{position: absolute; top: 0;right: 0; width: 100%; height: 100%; object-fit: cover}
#headerGame #txt{
	height: 50vw;
	max-height: 90vh;
	max-width: 115vh;
	font-size: 0.85vw;
	position: absolute; bottom: 0; width: 57%;right: 0;
	background-size: 100% 100%; background-repeat: no-repeat;
background-image: url("../../_img/game/bg_txt.png"); background-position: right bottom;}
#headerGame.gagner #txt{width:65%}
#headerGame #txt>img{position: absolute; right: -7%; bottom:0%; width: 70%; max-width: 75vh;
	transition-delay: 0.5s; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0, 1.4, 1, 1); transition-property: transform, opacity; opacity: 0; transform: scale(0.5);}
#headerGame #txt>img.animDone{ opacity: 1; transform: scale(1);}
#headerGame #txt .H1EtP{
	    padding-left: 24%; padding-bottom: 5%;
	position: absolute; bottom: 0; width: 100%;
}
#headerGame #txt span:not(.big){ font-size: 1vw; position: absolute; bottom: 3px; color: #FFF; right:94%; text-align: right; width: 100%}
#headerGame .lignes{position: absolute; top: 5%; right: 2%; width: 35%; z-index: 2; max-width: 60vh}

#headerGame .lignes img{ opacity:0; margin-left:15%; transition-property: opacity, margin-left; transition-duration:0.4s; transition-timing-function: cubic-bezier(0, 1.4, 1, 1)}
#headerGame .lignes img + img{width: 85%; transition-delay: 0.4s}


#headerGame .lignes.animDone img{ margin-left:0; opacity:1 }

#headerGame .gant{position: absolute; bottom:0; left: 8%; width: 60%; padding-top:53%;background-image: url("../../_img/game/gants.png"); background-size: contain; background-repeat: no-repeat;
transition-delay: 0.7s; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0, 1.4, 1, 1); transition-property: transform, opacity; opacity: 0; transform: scale(0.5);}
#headerGame .gant.animDone{ opacity: 1; transform: scale(1); /*animation-name: gantZoom; animation-duration: 1s; animation-iteration-count: infinite;*/}
#headerGame .gant .trait{position: absolute;position: absolute; top:-25%; right: 10%; width: 50%}

#cta{
	width: 25%; min-width: 210px;
	max-width: 400px;
	position: absolute;left: 15%; bottom: 15%; text-transform: uppercase; transform: translate(-50%);
	}
	#cta a {text-decoration: none;}
	#cta:not(.notAnim) img{animation-name: gantZoom; animation-iteration-count: infinite; animation-duration: 1s}
body .form.formV2 form label.case{font-size: 1rem !important}

@keyframes showOpacity{
	0%{opacity:1;}
	25%{opacity:1;}
	50%{opacity:0.2;}
	275%{opacity:1;}
	100%{opacity:1;}
}
@keyframes gantZoom{
	0%{transform: scale(1);}
	50%{transform: scale(0.95);}
	100%{transform: scale(1);}
}




@media screen and (min-aspect-ratio: 16/9) {
	#headerGame #txt .H1EtP{font-size: 1.5vh}
	body #cta{left:30%; transform: translate(-100%);}
/*	#headerGame #txt span{font-size: 1.4vh}*/
}
@media screen and (max-aspect-ratio: 16/10) {
}
@media screen and (max-aspect-ratio: 12/10) {
	body #headerGame .lignes{top:25%;right: 5%; width: 60% !important}
	body #cta{left:5%; bottom:40%; transform: none}
	#headerGame #txt .H1EtP h1{display: none}
}

@media screen and (max-aspect-ratio: 8/10) {
	body #headerGame .lignes{width: 65%}
	#headerGame #txt{height: 80vw; width: 82%}
	#headerGame #txt > img{width: 80%;right: -12%}
	#headerGame #txt .H1EtP{font-size: 1.1vw;}
	#headerGame #txt span:not(.big){font-size: 1.2vh; transform: rotate(270deg);
        transform-origin: right;right: 2%;bottom:auto; top:-32vh;color:#000; width: 100vh;
	}
	
}

@media screen and (max-aspect-ratio: 7/10) {
	#headerGame #txt{width: 85%}
	body #cta{font-size: 2em}
	#headerGame{padding-top: calc(100vh - 83px)}
	#headerGame #txt .H1EtP{font-size: 1.2vw;word-break:keep-all;;}
	#headerGame #txt > img{ width: 76%;right: -8%;}
	
}
@media screen and (max-aspect-ratio: 6/10) {
	#headerGame #txt span:not(.big){ top:-35vh;color:#FFF;}
}