.slideshow{
border:2px solid silver;
box-shadow:0 0 3px hsla(0,0%,0%,.5);
overflow:hidden;
max-width:1000px;
margin-top:3px;
position:relative}

.slideshow ul{
height:145px;
margin:0;
position:relative}


.slideshow li{
width:100%;
top:0;
left:0;
animation:slideshow 25s ease infinite;
-webkit-animation:slideshow 25s ease infinite;
position:absolute;
opacity:0;
list-style:none}

.slideshow li img{height:100%;width:100%}



.slideshow li:nth-child(2){animation-delay:5s;-webkit-animation-delay:5s}
.slideshow li:nth-child(3){animation-delay:10s;-webkit-animation-delay:10s}
.slideshow li:nth-child(4){animation-delay:15s;-webkit-animation-delay:15s}
.slideshow li:nth-child(5){animation-delay:20s;-webkit-animation-delay:20s}

@keyframes slideshow{0%{opacity:0}10%{opacity:1}20%{opacity:1}25%{opacity:0}100%{opacity:0}} 
@-webkit-keyframes slideshow{0%{opacity:0}10%{opacity:1}20%{opacity:1}25%{opacity:0}100%{opacity:0}} 

.description_slideshow{
width:100%;
height:48px;
text-align:center;
position:absolute;
top:18px;
left:0}

.description_slideshow span{
	text-align:center;
position:absolute;
color:white;
display:block;
font-size:1.4em;
line-height:1.4em}

/*****barre progression *****/
.barre_progression{ 
position:absolute;
bottom:1px;
padding-bottom: 10px; 
width:100%; 
max-height:40px;
background:rgb(255,0,255, 0.85);
color:rgb(255,255,255);
font-size:1.051em;
left:10;
animation:barre_progression 25s ease-out infinite;
-webkit-animation:barre_progression 25sease-out infinite}

/*****animation barre progression *****/ 
@keyframes barre_progression{
	0%,20%,40%,60%,80%,100%{width:0%;opacity:0}
0%,20%,40%,60%,80%,100%{width:0%;opacity:0}
4%,24%,44%,64%,84%{width:0%;opacity:.3}
16%,36%,56%,76%,96%{width:100%;opacity:.7}
17%,37%,57%,77%,97%{width:100%;opacity:.3}
18%,38%,58%,78%,98%{width:100%;opacity:0}}

@-webkit-keyframes barre_progression{
	0%,20%,40%,60%,80%,100%{width:0%;opacity:0}
0%,20%,40%,60%,80%,100%{width:0%;opacity:0}
4%,24%,44%,64%,84%{width:0%;opacity:.3}
16%,36%,56%,76%,96%{width:100%;opacity:.7}
17%,37%,57%,77%,97%{width:100%;opacity:.3}
18%,38%,58%,78%,98%{width:100%;opacity:0}} 


@media screen and (max-width:500){

.slideshow,
.slideshow ul li,
.description_slideshow{

width:100%

}

.slideshow ul{

height:auto

}

.description_slideshow span{

font-size:1em
} }