/*** le translateX indique le décalage pour passer d'une image à une autre. diminuer cette valeur fera que le slide s'arrêtera avant la fin de l'image précédente
		l'augmenter fera que le slide coupera le début de l'image concernée (sur la limite à gauche).
  ***/

@keyframes scroll {
  0% { transform: translateX(0); }
  4.17% { transform: translateX(0); }
  8.33% { transform: translateX(-300px); }
  12.5% { transform: translateX(-300px); }
  16.67% { transform: translateX(-604px); } 
  20.83% { transform: translateX(-604px); }
  25% { transform: translateX(-908px); }
  29.17% { transform: translateX(-908px); }
  33.33% { transform: translateX(-1213px); }
  37.5% { transform: translateX(-1213px); }
  41.67% { transform: translateX(-1517px); }
  45.83% { transform: translateX(-1517px); }
  50% { transform: translateX(-1821px); }
  54.17% { transform: translateX(-1821px); }
  58.33% { transform: translateX(-2125px); }
  62.5% { transform: translateX(-2125px); }
  66.67% { transform: translateX(-2429px); }
  70.83% { transform: translateX(-2429px); }
  75% { transform: translateX(-2733px); }
  79.17% { transform: translateX(-2733px); }
  83.33% { transform: translateX(-3037px); }
  87.5% { transform: translateX(-3037px); }
  91.67% { transform: translateX(-3341px); }
  95.83% { transform: translateX(-3341px); }
  100% { transform: translateX(0); }
}


.carousel {
  width: 900px;
  overflow: hidden;
  white-space: nowrap;
}

.carousel img {
  width: 300px;	
  height: 300px;
  display: inline-block;
  animation: scroll 35s infinite;   /****  Temps de scroll complet de toutes les images : plus il y a d'images, plus c'est rapide ! il faut donc ajuster  (ideal 50 pour 14 iumages) **/
}