.slider h1{
	position: absolute;
	color: white;
	font-size: 55px;
	transform:translate(-50%, -50%);
	left: 50%;
	top: 40%;
	text-shadow: #00BFFF 1px 0 10px;
}
.slider h2{
	position: absolute;
	color: white;
	font-size: 35px;
	transform:translate(-50%, -50%);
	left: 50%;
	top: 61%;
	text-shadow: #00BFFF 1px 0 10px;
}
.slider h3{
	position: absolute;
	color: white;
	font-size: 25px;
	transform:translate(-50%, -50%);
	left: 50%;
	top: 54%;
	text-shadow: #00BFFF 1px 0 10px;
}
.slider h4{
	position: absolute;
	color: white;
	font-size: 25px;
	transform:translate(-50%, -50%);
	left: 50%;
	top: 47%;
	text-shadow: #00BFFF 1px 0 10px;

}


#pagedaccueil{
  position: relative;
  width: 100%;
  height: 100%;
}

.slider{
  width:100%;
  height:100%;
}

.imagen{
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#imagen1{
  background-image:url(../Picture/footCruseilles.jpg);
  animation:aparecer 20s infinite;
-webkit-animation: aparecer 20s infinite;
}

#imagen2{
  background-image:url(../Picture/remisedescoupes.jpg); 
  animation:aparecer2 20s infinite;
-webkit-animation: aparecer2 20s infinite;
}

#imagen3{
  background-image:url(../Picture/equipeesvalleiry.jpg);
  animation:aparecer3 20s infinite;
-webkit-animation: aparecer3 20s infinite;
}

#imagen4{
  background-image:url(../Picture/equipeallemagne.jpg);
  animation:aparecer4 20s infinite;
-webkit-animation: aparecer4 20s infinite;
}

#imagen5{
  background-image:url(../Picture/equipeallemagnetenue.jpg);
  animation:aparecer5 20s infinite;
-webkit-animation: aparecer5 20s infinite;
}

@keyframes aparecer
{
  0%   {opacity:1}
  20% { opacity: 0}
  40% { opacity: 0}
  60% { opacity: 0}
  80% { opacity: 0}
  100% { opacity: 1}
}
@keyframes aparecer2
{
  0%   {opacity:0}
  20% { opacity: 1}
  40%   {opacity:0}
  60%   {opacity:0}
  80%   {opacity:0}
  100% { opacity: 0}
}
@keyframes aparecer3
{
  0%   {opacity:0}
  20% { opacity: 0}
  40% { opacity: 1}
  60%   {opacity:0}
  80%   {opacity:0}
  100% { opacity: 0}
}

@keyframes aparecer4
{
  0%   {opacity:0}
  20% { opacity: 0}
  40% { opacity: 0}
  60%   {opacity:1}
  80%   {opacity:0}
  100% { opacity: 0}
}

@keyframes aparecer5
{
  0%   {opacity:0}
  20% { opacity: 0}
  40% { opacity: 0}
  60%   {opacity:0}
  80%   {opacity:1}
  100% { opacity: 0}
}