
@-webkit-keyframes slidersFadeInOut {
 0% {
   opacity:1;
 }
 23% {
   opacity:1;
 }
 34% {
   opacity:0;
 }
 88% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes slidersFadeInOut {
 0% {
   opacity:1;
 }
 23% {
   opacity:1;
 }
 34% {
   opacity:0;
 }
 88% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes slidersFadeInOut {
 0% {
   opacity:1;
 }
 23% {
   opacity:1;
 }
 34% {
   opacity:0;
 }
 88% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}


@keyframes slidersFadeInOut {
 0% {
   opacity:1;
 }
 23% {
   opacity:1;
 }
 34% {
   opacity:0;
 }
 88% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes slidersFadeInOut {
 0% {
   opacity:1;
 }
 23% {
   opacity:1;
 }
 34% {
   opacity:0;
 }
 88% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

 /* pour centrer les images, width div = taille image */


}
#sliders {
  position:relative;
  margin:0 auto;
  width:100%;
  background:white;   

}
#sliders img {
    position:absolute;
	display: block;
    margin-left: auto;
    margin-right: auto ;
	width:100%;  /*  new  */

}

/* !!!!!!!!!!!!!!!!!!!!!    Utiliser à cause d'un bug de flux, le laisser !!!!!!!!!!!!!!!!!!!!!!! */
#decalage {   /* Utiliser à cause d'un bug de flux, sliders img est en absolute, tout se décale */
  z-index:-1;
  position:relative;
  margin:0 auto;
  width:100%;
  background:white;   
}

#decalage img {  

	display: block;
    margin-left: auto;
    margin-right: auto ;
	width:100%;  
}
/* !!!!!!!!!!!!!!!!!!!!!        FIN        !!!!!!!!!!!!!!!!!!!!!!! */
#sliders img {
  -webkit-animation-name: slidersFadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 6s;

  -moz-animation-name: slidersFadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 6s;

  -o-animation-name: slidersFadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 6s;

  animation-name: slidersFadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 6s;
}

#sliders img:nth-of-type(1) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#sliders img:nth-of-type(2) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
#sliders img:nth-of-type(3) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}

