body {
	margin: 0;
	padding:0;
	background-image: url(../media/fond_sorties.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
#images {
	width: 90%;
	max-width: 800px;
	margin: auto;
}
.image-1, .image-2, .image-3, .image-4, .image-5 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 90%;
	max-width: 800px;
	border-radius: 25px;
	border: 3px solid #ccc;
	animation-duration: 20s;
	animation-iteration-count: infinite;
}
.image-1 {
	animation-name: image1;
}
.image-2 {
	animation-name: image2;
}
.image-3 {
	animation-name: image3;
}
.image-4 {
	animation-name: image4;
}
.image-5 {
	animation-name: image5;
}

@keyframes image1 {
	0%   { opacity: 1; }
	20%  { opacity: 0; }
	40%  { opacity: 0; }
	60%  { opacity: 0; }
	80%  { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes image2 {
	0%   { opacity: 0; }
	20%  { opacity: 1; }
	40%  { opacity: 0; }
	60%  { opacity: 0; }
	80%  { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes image3 {
	0%   { opacity: 0; }
	20%  { opacity: 0; }
	40%  { opacity: 1; }
	60%  { opacity: 0; }
	80%  { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes image4 {
	0%   { opacity: 0; }
	20%  { opacity: 0; }
	40%  { opacity: 0; }
	60%  { opacity: 1; }
	80%  { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes image5 {
	0%   { opacity: 0; }
	20%  { opacity: 0; }
	40%  { opacity: 0; }
	60%  { opacity: 0; }
	80%  { opacity: 1; }
	100% { opacity: 0; }
}