@keyframes AutoSlide {
	0% {
		left: 0px; /*1ère image*/
	}
	40% {
		left: 0px; /*idem pour attente*/
	}
	50% {
		left: -184px; /*2ème image*/
	}
	90% {
		left: -184px; /*idem pour attente*/
	}	
	100% {
		left: 0px; /*1ère image*/
	}
}
.slideshow1 {
	position: relative;
	width: 180px;
	height: 180px;
	overflow: hidden;
}
.slideshow2 {
	position: relative;
	width: 180px;
	height: 180px;
	overflow: hidden;
}
.slideshow3 {
	position: relative;
	width: 180px;
	height: 180px;
	overflow: hidden;
}
.slideshow4 {
	position: relative;
	width: 180px;
	height: 180px;
	overflow: hidden;
}
.slideshow5 {
	position: relative;
	width: 180px;
	height: 180px;
	overflow: hidden;
}
.sContent li {
	display: inline;
}
.sContent {
	position: absolute;
	top: 0;
	left: 0;
	width: 820px;
	margin: 0;            
	padding: 0;

	
	/*CSS3 keyframes animation*/
	animation-name: AutoSlide;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
table {
  table-layout: fixed;
  width: 970px;
  border-collapse: collapse;
  /*border: 1px solid purple;*/
  margin: auto;
}
th, td {
  padding: 6px;
}
header {
	margin-left:15%;
	/*border: 1px solid purple;*/
}
footer {margin-left:21%;margin-top:10px;}