.slideshow
{
  width:550px;
  height:350px;
  overflow: hidden;
  position: relative;
}
.slid_1, .slid_2, .slid_3
{
  position: absolute;
  width:550px;
  height:350px;
}
.slid_1{left: 0;}
.slid_2{left: 550px;}
.slid_3{left: 1100px;}

.slide
{
  width: 550px;
  height: 350px;
  left:0px;
  position: absolute;
  -webkit-animation-duration: 20s;
  -webkit-animation-iteration-count:infinite; /* Pour que ça se répète à l'infini*/
  -webkit-animation-name: anim_slide;
  -moz-animation-duration: 20s;
  -moz-animation-iteration-count:infinite; /* Pour que ça se répète à l'infini*/
  -moz-animation-name: anim_slide;
  -ms-animation-duration: 20s;
  -ms-animation-iteration-count:infinite; /* Pour que ça se répète à l'infini*/
  -ms-animation-name: anim_slide;
  animation-duration: 20s;
  animation-iteration-count:infinite; /* Pour que ça se répète à l'infini*/
  animation-name: anim_slide;
}
@-webkit-keyframes anim_slide 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-550px;}
  45% {left:-550px;}
  66% {left:-1100px;}
  90% {left:-1100px;}
}
@-moz-keyframes anim_slide 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-550px;}
  45% {left:-550px;}
  66% {left:-1100px;}
  90% {left:-1100px;}
}
@-ms-keyframes anim_slide 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-550px;}
  45% {left:-550px;}
  66% {left:-1100px;}
  90% {left:-1100px;}
}
@keyframes anim_slide 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-550px;}
  45% {left:-550px;}
  66% {left:-1100px;}
  90% {left:-1100px;}
}