#gallerie {
	width: 960px;
	height: 540px;
	margin: 0 auto;
	overflow:hidden;
}

@media (max-width: 960px)  { 
#gallerie {
  width: 960px;
  height: 540px;
}
}


#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:  28s;
animation-direction:normal ;
animation-iteration-count:  infinite;
animation-timing-function:ease ;
}

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

@keyframes slide {
    0%     {top: 0}
    7%  {top: 0}
    14%  {top: -100%}
    21%  {top: -100%}
    28%  {top: -200%}
    35%  {top: -200%}
    42%  {top: -300%}
    49%  {top: -300%}
    56%  {top: -400%}
    63%  {top: -400%}
    70%  {top: -500%}
    77%  {top: -500%}
    84%  {top: -600%}
    92%  {top: -600%}
    100% {top: 0}
}