.ombre_maison {
	position: absolute;
	height: 0px;
	right: -8px;
	top: 186px;
	background: #FF0000;
	box-shadow: -180px 90px 30px 100px #314159;
	transform: rotate(-76deg) skew(-23deg,71deg);
	opacity: 0.6;
	animation: ombre 5s linear forwards;
}
@keyframes ombre {
	from {box-shadow: -180px 90px 30px 100px #314159;}
	to{
		transform: rotate(-66deg) skew(-33deg,51deg);
		box-shadow: -210px 20px 20px 60px #314159;
	}
}

.baton {
	position: absolute;
	width: 10px;
	height: 50px;
	right: 320px;
	top: 240px;
	border-radius: 5px 5px 0px 0px;
	background: brown;
	opacity: 0;
	animation: anime_baton 10s 5s forwards;
}
@keyframes anime_baton {
	from{
		right: 620px;
		top: 140px;
		transform: rotate(-90deg);
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.baton:after {
	content:'';
	position: absolute;
	bottom: 10px;
	box-shadow: -10px 10px 10px 10px #333;
	transform: rotate(-94deg) skew(-23deg,73deg);
	animation: baton 10s 5s linear forwards;
}
@keyframes baton {
	0% {transform: rotate(-86deg) skew(-23deg,83deg);opacity: 0;}
	30% {transform: rotate(-86deg) skew(-23deg,83deg);opacity: 0;}
	100%{transform: rotate(-94deg) skew(-23deg,73deg);}
}
.thales {
	position: absolute;
	width: 270px;
	right: 150px;
	top: 44px;
}
.mini {
	position: inherit;
	float: right;
	width: 250px;
}
.donnee {
	display: inline-block;
	position: relative;
	background: rgb(186, 218, 69 , 0.4);
	margin-left: 20px;
	padding: 10px 30px;
	border: 4px solid #314159;
	box-shadow: 10px 10px 20px -10px #314159;
	border-radius: 20px;
}
.donnee:before {
	content: 'Données';
	position: absolute;
	top: -22px;
	left: 20px;
	background: rgb(186, 218, 69 , 1);
	padding: 2px 20px;
	border: 4px solid #314159;
	color: #314159;
	font-weight: bold;
	border-radius: 20px;
}

.rise {
	opacity: 0;
	animation: rise 10s 15s forwards;
}
@keyframes rise {
	from {opacity: 0;}
	to {opacity: 1;}
}