#gallerie {
	width: 960px;
	height: 540px;
	margin: 0 auto;
	overflow:hidden;
}
@media (min-width: 960px)  { 
#gallery {
  width: 960px;
  height: 540px;
}
}

@media (max-width: 1920px)  { 
#gallery {
  width: 1920px;
  height: 1080px;
}
}


#gallerie figure {
	position: relative ;
	width: 100%;
	margin: 0;	
	padding: 0;
}

#gallerie figcaption {
	position:absolute ;
	left: 1em;
	bottom: 1em;
	color: white;background-color:darkgray;
	font-weight:bolder;font-size:medium;
}

#gallerie img {
	width: 100%;
	margin: 0;
	padding: 0;
}

#gallerie figure {
height: 100%;
animation-name :slide;
animation-duration:  36s;
animation-direction:normal ;
animation-iteration-count:  infinite;
animation-timing-function:ease ;
}

#gallerie:hover figure {
animation-play-state: paused 
}

@keyframes slide {
    0%     {top: 0}
    5.5%  {top: 0}
    11%  {top: -100%}
    16,5%  {top: -100%}
    22%  {top: -200%}
    27.5%  {top: -200%}
    33%  {top: -300%}
    38,5%  {top: -300%}
    44%  {top: -400%}
    49.5%  {top: -400%}
    55%  {top: -500%}
    60,5%  {top: -500%}
    66%  {top: -600%}
    71,5%  {top: -600%}
    77%  {top: -700%}
    82,5%  {top: -700%}
    88%  {top: -800%}
    93,5%  {top: -800%}
    100% {top: 0}
}