
.start{	
animation: start 2.5s ease-in-out;
}

@keyframes start {
	from {opacity: 0;}
	to   {opacity: 1;}
}


.zoomIn {
	animation: fadein 3s ease-out forwards;
}

.zoomInBdd {
	animation: 3s fadein ease-out forwards;
}

@keyframes fadein {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	
	50% {
		transform: scale(0);
		opacity: 0;
	}

	100% {
		transform: scale(1);
		opacity: .8;
	}
}

.zoomOut {
	animation: fadeout .5s linear forwards;
}

@keyframes fadeout {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0);
		opacity: 0;
	}
}

.fadeInDown{
		animation: fadeInDown 2s ease-out forwards;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.clignote{
	animation: 2s alternate infinite;
  }

  @keyframes clignote {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
