@-webkit-keyframes AutoSlide {
	0%, 5%, 100% {
		left: 0px; /* première image et dernière*/
	}
	10%, 15% {
		left: -100%; /*2ème image*/
	}
	20%, 25% {
		left: -200%; /*3ème image*/
	}
	30%, 35% {
		left: -300%; /*3ème image*/
	}
	40%, 45% {
		left: -400%; /*3ème image*/
	}
	50%, 55% {
		left: -500%; /*3ème image*/
	}
	60%, 65% {
		left: -600%; /*3ème image*/
	}
	70%, 75% {
		left: -700%; /*3ème image*/
	}
	80%, 85% {
		left: -800%; /*3ème image*/
	}
}
@-moz-keyframes AutoSlide {
	0%, 5%, 100% {
		left: 0px; /* première image et dernière*/
	}
	10%, 15% {
		left: -100%; /*2ème image*/
	}
	20%, 25% {
		left: -200%; /*3ème image*/
	}
	30%, 35% {
		left: -300%; /*3ème image*/
	}
	40%, 45% {
		left: -400%; /*3ème image*/
	}
	50%, 55% {
		left: -500%; /*3ème image*/
	}
	60%, 65% {
		left: -600%; /*3ème image*/
	}
	70%, 75% {
		left: -700%; /*3ème image*/
	}
	80%, 85% {
		left: -800%; /*3ème image*/
	}
}
@keyframes AutoSlide {
	0%, 5%, 100% {
		left: 0px; /* première image et dernière*/
	}
	10%, 15% {
		left: -100%; /*2ème image*/
	}
	20%, 25% {
		left: -200%; /*3ème image*/
	}
	30%, 35% {
		left: -300%; /*3ème image*/
	}
	40%, 45% {
		left: -400%; /*3ème image*/
	}
	50%, 55% {
		left: -500%; /*3ème image*/
	}
	60%, 65% {
		left: -600%; /*3ème image*/
	}
	70%, 75% {
		left: -700%; /*3ème image*/
	}
	80%, 85% {
		left: -800%; /*3ème image*/
	}
}

#slideshow {
	position: relative;
	left:1em;
	width: 400px;
	height: 308px;
	margin:  20px auto;
	overflow: hidden;      /*on cache ce qui déborde*/
	box-shadow:0px 0px 5px black;
}
#sContent li {
	display: inline;      /*on aligne les éléments du slideshow*/
}
#sContent {
	position: absolute;   /*on sort l'élément du flux*/
	top: 0;               /*on le positionne précisément dans ...*/
	left: 0;              /*l'angle haut gauche de son parent positionné*/
	width: 3600px;
	margin: 0;
	padding: 0;

	/*CSS3 webkit keyframes animation*/
	-webkit-animation-name: AutoSlide;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;

	/*CSS3 moz keyframes animation*/
	-moz-animation-name: AutoSlide;
	-moz-animation-duration: 30s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;

	/*CSS3 W3C keyframes animation*/
	animation-name: AutoSlide;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}