.entreGauche {
	 animation-fill-mode: both;
   animation-name: entregauche;
	 animation-timing-function: ease-in-out;
   animation-duration: 1.5s;
	 animation-iteration-count: 1;
}

@keyframes entregauche {
   0% {
		 opacity: 0;
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
   }

   100% {
		 opacity: 1;
     transform: translate3d(0, 0, 0);
   }
 }

 /*************************/
.entreDroit {
	animation-fill-mode: both;
	animation-name: entredroit;
	animation-timing-function: ease-in-out;
	animation-duration: 1.5s;
	animation-iteration-count: 1;
}

@keyframes entredroit {
	 0% {
		 opacity: 0;
		 transform: translate3d(100%, 0, 0);
		 visibility: visible;
	 }

	 100% {
		 opacity: 1;
		 transform: translate3d(0, 0, 0);
	 }
 }

 /*************************/
 .entreHaut {
 	 animation-fill-mode: both;
 	 animation-name: entrehaut;
 	 animation-duration: 1.5s;
 	 animation-timing-function: ease-in-out;
 	 animation-iteration-count: 1;
 }

 @keyframes entrehaut{
 	0% {
 		opacity: 0;
 		transform: translate3d(0, -500%, 0);

 	}

 	100% {
 		opacity: 1;
 		transform: translate3d(0, 0, 0);
 	}
 }

 /*************************/
.entreBas {
    animation-fill-mode: both;
   	animation-name: entrebas;
   	animation-duration: 1.5s;
		animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
 }

 @keyframes entrebas{
   0% {
		 opacity: 0;
     transform: translate3d(0, 500%, 0);

   }

   100% {
		 opacity: 1;
     transform: translate3d(0, 0, 0);
   }
 }

 /*************************/
 .zoom {
 		/*text-align: center;*/
 		animation-fill-mode: both;
   	animation-name: Zoom;
    animation-timing-function: ease-in-out;
   	animation-duration: 3s;
    animation-iteration-count: 1;
 }

 @keyframes Zoom {
   from{
		 background: transparent;
     opacity: 0;
     transform: scale3d(0, 0, 0);
   }

   80% {
     opacity: 1;
     transform: scale3d(1.1, 1.1, 1.1);

     to {
     transform: scale3d(1, 1, 1);
   }
 }