#planete_glace {
	position: absolute;
	right: 40px;
	top: 200px;
	max-width: 16%;
	transform: translateX(var(--txb0)) translateY(var(--tyb0));
}
@media only screen and (max-width: 920px) {
	#planete_glace
	{
		display: none;
	}
}
/* ------------ */
/* Menu			*/
/* ------------ */
#menu_home ul
{
	list-style: none;
	margin: auto;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 1000px;
	max-width: 90%;
}
#menu_home li
{
	display: inline-block;
}
.elmt_menu_home {
	background-image: radial-gradient(circle at top right, #411e57, #411e57, #9b80ba, #411e57, #9b80ba, #411e57);
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 20px;
	padding: 7px;
	width: 200px;
	height: 200px;
	max-width: 30vw;
	max-height: 30vw;
	-webkit-clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
			clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
}
.tour_blanc_home {
	background-image: radial-gradient(circle at top right, #96959a, #96959a, #d6d7d8, #96959a, #d6d7d8, #96959a);
	position: absolute;
	top: 2%;
	left: 2%;
	width:  calc(96%);
	height: calc(96%);
	-webkit-clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
			clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
}
.shadow_home {
	width:  calc(100% - 14px);
	height: calc(100% - 14px);
	box-shadow: 0.1vw 0.1vw 3vw black inset, -0.1vw -0.1vw 3vw black inset;
	position: absolute;
	top: 7px;
	left: 7px;
	-webkit-clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
			clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
	transition: all 0.2s;
}
.elmt_menu_home:active .shadow_home {
	box-shadow: 0.3vw 0.3vw 4vw black inset, -0.3vw -0.3vw 4vw black inset;
}
.content_menu_home {
	position: absolute;
	background-color: #432032;
	width:  calc(94%);
	height: calc(94%);
	top: 3%;
	left: 3%;
	-webkit-clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
			clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: calc(1em + 1vw);
	transition: all 0.2s;
}
.elmt_menu_home:hover .content_menu_home {
	background-color: #492336;
}
/* ------------ */
/* Vidéo		*/
/* ------------ */
#video {
	text-align: center;
	margin-top: 10px;
	width: 100%!important;
	min-height: 31vw;
}
#video > * {
	max-width: 100%;
	border: 0;
	width: 55.1vw;
	height: 31vw;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
@media only screen and (max-width: 920px) {
	#video > *
	{
		width: 97vw;
		height: 54vw;
	}
	#video
	{
		min-height: 54vw;
	}
}



/* ------------ */
/* Séparation	*/
/* ------------ */
.separation {
	position: relative;
	max-height: 30vw;
	height: 300px;
}
.asteroides {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateY(var(--tya));
}
 .amas-caillous-1 {
	-webkit-clip-path: polygon(0% 0%, 53% 0%, 53% 67%, 0% 67%);
			clip-path: polygon(0% 0%, 53% 0%, 53% 67%, 0% 67%);
	max-width: 9%
}
.amas-caillous-2 {
	-webkit-clip-path: polygon(53% 0%, 76% 0%, 76% 67%, 53% 67%);
			clip-path: polygon(53% 0%, 76% 0%, 76% 67%, 53% 67%);
	max-width: 9%;
}
.amas-caillous-3 {
	-webkit-clip-path: polygon(76% 0%, 100% 0%, 100% 60%, 76% 60%);
			clip-path: polygon(76% 0%, 100% 0%, 100% 60%, 76% 60%);
	max-width: 9%
}
.amas-caillous-4 {
	-webkit-clip-path: polygon(80% 65%, 92% 65%, 92% 100%, 80% 100%);
			clip-path: polygon(80% 65%, 92% 65%, 92% 100%, 80% 100%);
	max-width: 9%;
}
.amas-caillous-5 {
	-webkit-clip-path: polygon(40% 65%, 70% 65%, 70% 100%, 40% 100%);
			clip-path: polygon(40% 65%, 70% 65%, 70% 100%, 40% 100%);
	max-width: 9%;
}
.amas-caillous-6 {
	-webkit-clip-path: polygon(69% 65%, 80% 65%, 80% 100%, 69% 100%);
			clip-path: polygon(69% 65%, 80% 65%, 80% 100%, 69% 100%);
	max-width: 9%;
}
.amas-caillous-7 {
	-webkit-clip-path: polygon(0% 65%, 18% 65%, 18% 100%, 0% 100%);
			clip-path: polygon(0% 65%, 18% 65%, 18% 100%, 0% 100%);
	max-width: 9%;
}
.amas-caillous-8 {
	-webkit-clip-path: polygon(18% 65%, 27% 65%, 27% 100%, 18% 100%);
			clip-path: polygon(18% 65%, 27% 65%, 27% 100%, 18% 100%);
	max-width: 9%;
}
.amas-caillous-9 {
	-webkit-clip-path: polygon(27% 65%, 40% 65%, 40% 100%, 27% 100%);
			clip-path: polygon(27% 65%, 40% 65%, 40% 100%, 27% 100%);
	max-width: 9%;
}
#caillous1 {
	position: absolute;
	top: 50%;
	right: 1%;
}
#caillous2 {
	position: absolute;
	top: 45%;
	right: 0.5%;
}
#caillous3 {
	position: absolute;
	top: 40%;
	right: 2.5%;
}
#caillous4 {
	position: absolute;
	top: 43%;
	right: 27%;
}
#caillous5 {
	position: absolute;
	top: 52%;
	right: 25.4%;
}
#caillous6 {
	position: absolute;
	top: 60%;
	right: 31.5%;
}
#caillous7 {
	position: absolute;
	top: 53%;
	right: 35%;
}
#caillous8 {
	position: absolute;
	top: 46%;
	right: 34%;
}
#caillous9 {
	position: absolute;
	top: 51%;
	right: 38%;
}
#caillous10 {
	position: absolute;
	top: 54%;
	right: 31%;
}
#caillous11 {
	position: absolute;
	top: 64%;
	right: 41%;
}
#caillous12 {
	position: absolute;
	top: 50%;
	right: 36%;
}
#caillous13 {
	position: absolute;
	top: 56%;
	right: 43%;
}
#caillous14 {
	position: absolute;
	top: 72%;
	right: 41%;
}
#caillous15 {
	position: absolute;
	top: 63%;
	right: 44%;
}
#caillous16 {
	position: absolute;
	top: 73%;
	right: 49%;
}
#caillous17 {
	position: absolute;
	top: 56%;
	right: 51%;
}
#caillous18 {
	position: absolute;
	top: 54%;
	right: 56%;
}
#caillous19 {
	position: absolute;
	top: 64%;
	right: 53%;
}
#caillous20 {
	position: absolute;
	top: 55%;
	right: 62%;
}
#caillous21 {
	position: absolute;
	top: 41%;
	right: 58%;
}
#caillous22 {
	position: absolute;
	top: 37%;
	right: 64%;
}
#caillous23 {
	position: absolute;
	top: 31%;
	right: 61%;
}
#caillous24 {
	position: absolute;
	top: 37%;
	right: 60%;
}
#caillous25 {
	position: absolute;
	top: 40%;
	right: 69%;
}
#caillous26 {
	position: absolute;
	top: 38%;
	right: 67.5%;
}
#caillous27 {
	position: absolute;
	top: 38%;
	right: 87%;
}
#caillous28 {
	position: absolute;
	top: 34%;
	right: 87%;
}
#caillous1-1 {
	position: absolute;
	top: 50%;
	right: 1%;
}
#caillous1-2 {
	position: absolute;
	top: 45%;
	right: 0.5%;
}
#caillous1-3 {
	position: absolute;
	top: 40%;
	right: 2.5%;
}
#caillous1-4 {
	position: absolute;
	top: 43%;
	right: 27%;
}
#caillous1-5 {
	position: absolute;
	top: 52%;
	right: 25.4%;
}
#caillous1-6 {
	position: absolute;
	top: 60%;
	right: 31.5%;
}
#caillous1-7 {
	position: absolute;
	top: 53%;
	right: 35%;
}
#caillous1-8 {
	position: absolute;
	top: 46%;
	right: 34%;
}
#caillous1-9 {
	position: absolute;
	top: 51%;
	right: 38%;
}
#caillous1-10 {
	position: absolute;
	top: 54%;
	right: 31%;
}
#caillous1-11 {
	position: absolute;
	top: 64%;
	right: 41%;
}
#caillous1-12 {
	position: absolute;
	top: 50%;
	right: 36%;
}
#caillous1-13 {
	position: absolute;
	top: 56%;
	right: 43%;
}
#caillous1-14 {
	position: absolute;
	top: 72%;
	right: 41%;
}
#caillous1-15 {
	position: absolute;
	top: 63%;
	right: 44%;
}
#caillous1-16 {
	position: absolute;
	top: 73%;
	right: 49%;
}
#caillous1-17 {
	position: absolute;
	top: 56%;
	right: 51%;
}
#caillous1-18 {
	position: absolute;
	top: 54%;
	right: 56%;
}
#caillous1-19 {
	position: absolute;
	top: 64%;
	right: 53%;
}
#caillous1-20 {
	position: absolute;
	top: 55%;
	right: 62%;
}
#caillous1-21 {
	position: absolute;
	top: 41%;
	right: 58%;
}
#caillous1-22 {
	position: absolute;
	top: 37%;
	right: 64%;
}
#caillous1-23 {
	position: absolute;
	top: 31%;
	right: 61%;
}
#caillous1-24 {
	position: absolute;
	top: 37%;
	right: 60%;
}
#caillous1-25 {
	position: absolute;
	top: 40%;
	right: 69%;
}
#caillous1-26 {
	position: absolute;
	top: 38%;
	right: 67.5%;
}
#caillous1-27 {
	position: absolute;
	top: 38%;
	right: 87%;
}
#caillous1-28 {
	position: absolute;
	top: 34%;
	right: 87%;
}
#planete_asteroide3 {
	position: absolute;
	right: 15%;
	max-width: 15%;
	top: 30%;
	transform: translateY(var(--tya3));
}
#planete_asteroide2 {
	position: absolute;
	left: 40%;
	max-width: 12%;
	top: 50%;
	transform: translateY(var(--tya2));
}
#planete_asteroide {
	position: absolute;
	left: 10%;
	max-width: 19%;
	top:10%;
	transform: translateY(var(--tya1));
}
#planete_orange1 {
	position: absolute;
	left: 40%;
	max-width: 12%;
	top: 10%;
	transform: translateY(var(--tyo));
}
#planete_bleu1 {
	position: absolute;
	right: 10%;
	max-width: 19%;
	top:10%;
	transform: translateY(var(--tyb));
}
#planete_vert1 {
	position: absolute;
	left: 10%;
	max-width: 15%;
	top:30%;
	transform: translateY(var(--tyv));
}
#caillous1-29 {
	position: absolute;
	top: 40%;
	right: 18%;
}

#caillous1-30 {
	position: absolute;
	top: 38%;
	right: 19.5%;
}

#caillous1-31 {
	position: absolute;
	top: 30%;
	right: 12%;
}

#caillous1-32 {
	position: absolute;
	top: 28%;
	right: 15%;
}

#caillous1-33 {
	position: absolute;
	top: 53%;
	right: 8%;
}

#caillous1-34 {
	position: absolute;
	top: 45%;
	right: 13%;
}

#caillous1-35 {
	position: absolute;
	top: 33%;
	right: 8%;
}