.main-container{

	background-image:url(../assets/bg-jump-desktop.jpg);

	background-position:52% center;

	/* background-image:url(../assets/bg-hotel-desktop.jpg); */

	/* background-position:46% center; */

}

.content{

	display: flex;

	flex-direction: column;

	padding: 0 6% 0 6%;

	text-align:center;

	gap:4rem;

	align-items:center;

}



.group-top{

	position:absolute;

	top:30px;

	left:50%; translate:-50% 0;

	width:100%;

	display:flex; flex-direction: column; align-items:center;

	opacity:0;

}

.img-title-home{

	width: 603px;

}

.img-title-kv{

	width: 597px;

	

}





.link-see-lots{

	margin-top:-42px;

}



.btn-participe {

	width: 90%;

	max-width: 342px;

	display: flex;

	justify-content: center;

	align-self: center;

	font-size: 30px;

	font-style: normal;

	font-weight: 700;

	letter-spacing: 8%;

	text-align: center;

	background-color: #FFDEE4;

	padding: 12px 8px;

	border: 3px solid #007bc2;

	border-radius: 70px;

	color: #007BC2;

	bottom: 31px; position:absolute;

	opacity:0;

}



.img-cadeaux{

	width:200px;

	position:absolute; bottom:73px; right:38px;

}















/* 1 column */

@media(max-width:490px){

	

	.main-container{

		background-image:url(../assets/bg-jump-mobile.jpg);

		/* background-image:url(../assets/bg-hotel-mobile.jpg); */

		background-position: center;

		background-size:cover;

	}

	

	/* derivation responsive */

	html{

		font-size:0.6vh;

	}

	.container .main-container{

		justify-content: flex-start;

		padding-top:4rem;

		background-position:50% 30%;

	}

	

	.group-top{

		scale:unset;

		top:5%;

	}

	

	.img-title-home{

		max-width:320px;

	}

	.img-title-kv{

		width:200px;

		margin-top:100px !important;

	}

	

	.link-see-lots{ margin-top:-10px;}

	

	.img-cadeaux{

		width:100px;

		left:unset; right:2%; bottom:unset; top:62%; translate:0 -50%;

	}

}









/* text mobile */

@media(max-width:490px){

	

	.btn-participe {

		max-width:174px;

		height:44px;

		font-size:22px;

		bottom:40px;

		line-height:22px;

		scale:1.115;

		padding-top:8px;

	}

	

	/* derivation responsive */

	.container .main-container{

		padding-top:3rem;

		background-position:center;

	}

}





@media(max-height:690px){

	.group-top{

		scale:0.9;

		top:4%;

	}

	.link-see-lots{

		margin-top:-20px;

	}

}





@media(max-height:700px) and (max-width:490px){

	

	.img-title-kv{

		scale:0.8;

		margin-top:-10px;

	}

}