/*
.ani{
-webkit-transition: background-color 1s ease-in-out .5s; // Safari
-moz-transition: background-color 1s ease-in-out .5s; // Fireforx
-o-transition: background-color 1s ease-in-out .5s; // Opera
transition: background-color 1s ease-in-out .5s;} transform: translateX(0);
 */

/* ------------- visit texte ------------opacity: 0; */
.blockani,.slides div {animation:fadein .5s;-moz-animation:fadein .5s;-webkit-animation:fadein .5s;}
.novisit{opacity: 0;}

@media screen and (min-width:1001px) {
.visit {opacity: 1;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;}
}

@media screen and (max-width:1000px) {
.visit {opacity: 1;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;}
}

@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}


.ani {transition: all .7s ease-in-out;}
.novisible{opacity: 0;transition: opacity 2s ease-in-out;}
.visible {opacity: 1;}

.transition {
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}
.fadeinli {
    -webkit-animation-name: fadeinli;
    animation-name: fadeinli;
    transform: translateX(100%);
}
.fadeinre {
    -webkit-animation-name: fadeinre;
    animation-name: fadeinre;
    transform: translateX(-100%);
}
.animated {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes fadeinli {
     0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    }
@keyframes fadeinli {
	100% {
		transform:translateX(0);
		opacity: 1;
	 }
   }
@keyframes fadeinre {
     0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    }
@keyframes fadeinre {
	100% {
		transform:translateX(0);
		opacity: 1;
  	}
    }