.animationpluie1{
	animation-name: pluie1_animation;
	animation-duration: 400ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}

	@keyframes pluie1_animation {
	0% { opacity: 1}
	19% { opacity: 1}
	20% { opacity: 0}
	100% { opacity: 0}
	}
	
.animationpluie2{
	animation-name: pluie2_animation;
	animation-duration: 400ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}

	@keyframes pluie2_animation {
	0% { opacity: 0}
	19% { opacity: 0}
	20% { opacity: 1}
	39% { opacity: 1}
	40% { opacity: 0}
	100% { opacity: 0}
	}

.animationpluie3{
	animation-name: pluie3_animation;
	animation-duration: 400ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}

	@keyframes pluie3_animation {
	0% { opacity: 0}
	39% { opacity: 0}
	40% { opacity: 1}
	60% { opacity: 1}
	61% { opacity: 0}
	100% { opacity: 0}
	}

.animationpluie4{
	animation-name: pluie4_animation;
	animation-duration: 400ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}

	@keyframes pluie4_animation {
	0% { opacity: 0}
	59% { opacity: 0}
	60% { opacity: 1}
	80% { opacity: 1}
	81% { opacity: 0}
	100% { opacity: 0}
	}

.animationpluie5{
	animation-name: pluie5_animation;
	animation-duration: 400ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}

	@keyframes pluie5_animation {
	0% { opacity: 0}
	79% { opacity: 0}
	80% { opacity: 1}
	99% { opacity: 1}
	100% { opacity: 0}
	}
	
.animation-salade-fin{
	animation-name: salade_fin_animation;
	animation-duration: 1500ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}

	@keyframes salade_fin_animation {
	0% { opacity: 0;top:0px }
	5% { opacity: 1;top:10px }
	30% { opacity: 1;top:280px }
	50% { top:260px }
	55% { top:260px }
	60% { top:280px }
	100% { top:280px }
	}
	
.animationfin01{
	animation-name: fin01_animation;
	animation-duration: 1000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

	@keyframes fin01_animation {
	0% { opacity: 1 }
	20% { opacity: 1 }
	30% { opacity: 0 }
	100% { opacity: 0 }
	}

.animationfin02{
	animation-name: fin02_animation;
	animation-duration: 1000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

	@keyframes fin02_animation {
	0% { opacity: 0 }
	19% { opacity: 0 }
	20% { opacity: 1 }
	30% { opacity: 1 }
	100% { opacity: 1 }
	}

.animationfin03{
	animation-name: fin03_animation;
	animation-duration: 1000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

	@keyframes fin03_animation {
	0% { opacity: 0 }
	29% { opacity: 0 }
	30% { opacity: 1 }
	40% { opacity: 1 }
	100% { opacity: 1 }
	}

.animationfin04{
	animation-name: fin04_animation;
	animation-duration: 1000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

	@keyframes fin04_animation {
	0% { opacity: 0 }
	39% { opacity: 0 }
	40% { opacity: 1 }
	50% { opacity: 1 }
	100% { opacity: 1 }
	}

.animationfin05{
	animation-name: fin05_animation;
	animation-duration: 1000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

	@keyframes fin05_animation {
	0% { opacity: 0 }
	49% { opacity: 0 }
	50% { opacity: 1 }
	60% { opacity: 1 }
	100% { opacity: 1 }
	}

.animationfin06{
	animation-name: fin06_animation;
	animation-duration: 2000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

	@keyframes fin06_animation {
	0% { opacity: 0 }
	59% { opacity: 0 }
	60% { opacity: 1 }
	70% { opacity: 1 }
	100% { opacity: 1 }
	}

.animationfin07{
	animation-name: fin07_animation;
	animation-duration: 2000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

	@keyframes fin07_animation {
	0% { opacity: 0 }
	62% { opacity: 0 }
	63% { opacity: 1 }
	80% { opacity: 1 }
	100% { opacity: 1 }
	}

.animationfin08{
	animation-name: fin08_animation;
	animation-duration: 2000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

	@keyframes fin08_animation {
	0% { opacity: 0 }
	65% { opacity: 0 }
	66% { opacity: 1 }
	90% { opacity: 1 }
	100% { opacity: 1 }
	}

.animationfin09{
	animation-name: fin09_animation;
	animation-duration: 2000ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

	@keyframes fin09_animation {
	0% { opacity: 0 }
	98% { opacity: 0 }
	99% { opacity: 1 }
	100% { opacity: 1 }
	}
	
.yeuxrotation{
	animation-name: yeux_animation;
	animation-duration: 1000ms;
	transform-origin:right;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}
	
	@keyframes yeux_animation {
	0% { transform: rotate(0deg); }
	50% { transform: rotate(180deg); }
	100% { transform: rotate(360deg); }
	}

.yeuxrotation2{
	animation-name: yeux_animation2;
	animation-duration: 1000ms;
	transform-origin:right;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}
	
	@keyframes yeux_animation2 {
	0% { transform: rotate(0deg); }
	50% { transform: rotate(-180deg); }
	100% { transform: rotate(-360deg); }
	}