@-webkit-keyframes AutoSlide {
	0%, 10%, 100% {
		left: 0px; /* première image et dernière*/
	}
	25%, 35% {
		left: -650px; /*2ème image*/
	}
	50%, 60% {
		left: -1300px; /*3ème image*/
	}
	75%, 90% {
		left: -1950px; /*4ème image*/
	}
}
@-moz-keyframes AutoSlide {
	0%, 10%, 100% {
		left: 0px; /* première image et dernière*/
	}
	25%, 35% {
		left: -650px; /*2ème image*/
	}
	50%, 60% {
		left: -1300px; /*3ème image*/
	}
	75%, 90% {
		left: -1950px; /*4ème image*/
	}
}
@keyframes AutoSlide {
	0%, 10%, 100% {
		left: 0px; /* première image et dernière*/
	}
	25%, 35% {
		left: -650px; /*2ème image*/
	}
	50%, 60% {
		left: -1300px; /*3ème image*/
	}
	75%, 90% {
		left: -1950px; /*4ème image*/
	}
}

#slideshow {
	position: relative;    /*le parent positionné*/
	width: 650px;          /*limite en largeur (1 élément du slideshow)*/
	height: 370px;         /*limite en hauteur*/
	overflow: hidden;      /*on cache ce qui déborde*/
}
#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: 2600px;
	margin: 0;            
	padding: 0;
	
	/*CSS3 webkit keyframes animation*/
	-webkit-animation-name: AutoSlide;
	-webkit-animation-duration: 13s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	
	/*CSS3 moz keyframes animation*/
	-moz-animation-name: AutoSlide;
	-moz-animation-duration: 13s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	
	/*CSS3 W3C keyframes animation*/
	animation-name: AutoSlide;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}