.apparition-escargot{
	animation-name: escargotentre_animation;
	animation-duration: 2000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
	
	@keyframes escargotentre_animation {
	0% { transform: scale(0);top:-20px }

	100% { transform: scale(1);top:20px }
	}
	
.apparition-salade1{
	animation-name: salade1_animation;
	animation-duration: 4000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}
	
	@keyframes salade1_animation {
	0% { transform: scale(0); }
	75% { transform: scale(0); }

	100% { transform: scale(1); }
	}	
	
.byeattente	{
	animation-name: byeattente_animation;
	animation-duration: 500ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}		
	
	@keyframes byeattente_animation {
	0% { opacity:1;}
	100% { opacity:0;}

	}
	
.lacapparition	{
	animation-name: lacapparition_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}		
	
	@keyframes lacapparition_animation {
	0% { opacity:0;}
	100% { opacity:1;}

	}
	
.maisonbouge	{
	animation-name: maisonbouge_animation;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	}		
	
	@keyframes maisonbouge_animation {
	0% { transform:rotate(0deg);}
	15% { transform:rotate(-45deg);}
	25% { transform:rotate(-45deg);}
	55% { transform:rotate(45deg);}
	65% { transform:rotate(45deg);}
	100% { transform:rotate(0deg);}
	

	}