/* ** ** SLIDE TO LEFT ** ** */ 
/* apparition de la droite vers la gauche */
.in_slideLeft { /* visible */ -webkit-transform: translateX(0px); transform: translateX(0px); transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.2s ease; transition: transform 0.4s ease, opacity 0.2s ease, -webkit-transform 0.4s ease; opacity: 1; }

.in_slideLeft.not-visible { /* not-visible */ -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }

/* dispparition de la droite vers la gauche */
.out_slideLeft { /* visible */ -webkit-transform: translateX(0px); transform: translateX(0px); transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.2s ease; transition: transform 0.4s ease, opacity 0.2s ease, -webkit-transform 0.4s ease; opacity: 1; }

.out_slideLeft.not-visible { /* not-visible */ -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }

/* ** ** SLIDE TO RIGHT ** ** */
/* apparition de la gauche vers la droite */
.in_slideRight { /* visible */ -webkit-transform: translateX(0px); transform: translateX(0px); transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.2s ease; transition: transform 0.4s ease, opacity 0.2s ease, -webkit-transform 0.4s ease; opacity: 1; }

.in_slideRight.not-visible { /* not-visible */ -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }

/* dispparition de la gauche vers la droite */
.out_slideRight { /* visible */ -webkit-transform: translateX(0px); transform: translateX(0px); transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.2s ease; transition: transform 0.4s ease, opacity 0.2s ease, -webkit-transform 0.4s ease; opacity: 1; }

.out_slideRight.not-visible { /* not-visible */ -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }

/* ** ** SLIDE VERTICAL ** ** */
/* apparition de la gauche vers la droite */
.in_slideVertical { /* visible */ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.2s ease; transition: transform 0.4s ease, opacity 0.2s ease, -webkit-transform 0.4s ease; opacity: 1; }

.in_slideVertical.not-visible { /* not-visible */ -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); opacity: 0; }

/* dispparition de la gauche vers la droite */
.out_slideVertical { /* visible */ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.2s ease; transition: transform 0.4s ease, opacity 0.2s ease, -webkit-transform 0.4s ease; opacity: 1; }

.out_slideVertical.not-visible { /* not-visible */ -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0; }

/* ** ** SLIDE TO TOP ** ** */
/* apparition de la gauche vers la droite */
.in_slideTop { /* visible */ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.2s ease; transition: transform 0.4s ease, opacity 0.2s ease, -webkit-transform 0.4s ease; opacity: 1; }

.in_slideTop.not-visible { /* not-visible */ -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); opacity: 0; }

/* dispparition de la gauche vers la droite */
.out_slideTop { /* visible */ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.2s ease; transition: transform 0.4s ease, opacity 0.2s ease, -webkit-transform 0.4s ease; opacity: 1; }

.out_slideTop.not-visible { /* not-visible */ -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0; }

/* ** ** SLIDE TO BOTTOM ** ** */
.in_slideBottom { /* visible */ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.2s ease; transition: transform 0.4s ease, opacity 0.2s ease, -webkit-transform 0.4s ease; opacity: 1; }

.in_slideBottom.not-visible { /* not-visible */ -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0; }

.out_slideBottom { /* visible */ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: opacity 0.2s ease, -webkit-transform 0.4s ease; transition: transform 0.4s ease, opacity 0.2s ease; transition: transform 0.4s ease, opacity 0.2s ease, -webkit-transform 0.4s ease; opacity: 1; }

.out_slideBottom.not-visible { /* not-visible */ -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); opacity: 0; }

/* ** ** FADE ** ** */
.in_fade { /* visible */ transition: opacity 0.4s ease; opacity: 1; }

.in_fade.not-visible { /* not-visible */ opacity: 0; }

.out_fade { /* visible */ transition: opacity 0.4s ease; opacity: 1; }

.out_fade.not-visible { /* not-visible */ opacity: 0; }

/* ** ** SCALE ** ** */
.in_scale { /* visible */ transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; -webkit-transform: scale(1); transform: scale(1); }

.in_scale.not-visible { /* not-visible */ -webkit-transform: scale(0); transform: scale(0); }

.out_scale { /* visible */ transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; -webkit-transform: scale(1); transform: scale(1); }

.out_scale.not-visible { /* not-visible */ -webkit-transform: scale(0); transform: scale(0); }

/* ** ** BLUR ** ** */
.in_blur { /* visible */ transition: -webkit-filter 1s ease; transition: filter 1s ease; transition: filter 1s ease, -webkit-filter 1s ease; -webkit-filter: blur(100%); filter: blur(100%); }

.in_blur.not-visible { /* not-visible */ -webkit-filter: blur(0); filter: blur(0); }

.out_blur { /* visible */ transition: -webkit-filter 1s ease; transition: filter 1s ease; transition: filter 1s ease, -webkit-filter 1s ease; -webkit-filter: blur(100%); filter: blur(100%); }

.out_blur.not-visible { /* not-visible */ -webkit-filter: blur(0); filter: blur(0); }