#slider{
height: 230px;
width:350px; 
position:relative;
float:left; 
left:10px; 
padding:0;

}

.slider-list{
list-style-type:none;
display:flex;
margin:0;
position:absolute;
left:0;
top:0;
padding:0;

-webkit-animation: slideshow 15s infinite;
-moz-animation: slideshow 15s infinite;
-o-animation: slideshow 15s infinite;
animation: slideshow 15s infinite;
}


/* Mise en place de l'animation */

.slider-list img{

height:230px;
/* width:400px; */
margin:0px 5px;
padding:0;
border:solid 1px #555;
}



	/* Animation - définir l'état des propriétés css à un certain pourcentage d'avancement de l'animation. */
			@-webkit-keyframes slideshow {
			  0%   	{ margin-left: 1%; 	}
			  25% 	{ margin-left: -100%; 	}
			  50% 	{ margin-left: -200%;	}
			  75% 	{ margin-left: -300%; }
			}
			@-moz-keyframes slideshow {
			  0%   	{ margin-left: 1%; 	}
			  25% 	{ margin-left: -100%; 	}
			  50% 	{ margin-left: -200%;	}
			  75% 	{ margin-left: -300%; }
			  
			}
			@-o-keyframes slideshow {
			  0%   	{ margin-left: 0.5%; 	}
			  25% 	{ margin-left: -100%; 	}
			  50% 	{ margin-left: -200%;	}
			  75% 	{ margin-left: -300%; }
			}
			@keyframes slideshow {
			  0%   	{ margin-left: 1%; 	}
			  20% 	{ margin-left: -100%; 	}
			  40% 	{ margin-left: -200%;	}
			  60% 	{ margin-left: -300%; }
			  
			}