/*CARROUSSEL*/

div#slider {
overflow: hidden;
}

.abstrrod {background-color:#999999; width:60%; 
		  position : absolute; left: 20%;
		  margin: auto;
		  padding:0%;
		  font-size:12px; box-shadow: 3px 3px 3px #a0a0a0;
          border-radius: 7px 7px;}

div#slider figure {
position : relative;
width: 1000%;
margin: 0%;
padding: 0%;
animation: slides  40s  infinite;
}

div#slider figure img {
width: 10%;  
height: auto;
margin: 0%;
padding: 0%;
float: left;
}

@keyframes slides {
0% {margin-left: 0%;}
9% {margin-left: 0%;}
11% {margin-left: -100%;}
20% {margin-left: -100%;}
22% {margin-left: -200%;}
31% {margin-left: -200%;}
33% {margin-left: -300%;}
42% {margin-left: -300%;}
44% {margin-left: -400%;}
53% {margin-left: -400%;}
55% {margin-left: -500%;}
64% {margin-left: -500%;}
66% {margin-left: -600%;}
75% {margin-left: -600%;}
77% {margin-left: -700%;}
86% {margin-left: -700%;}
88% {margin-left: -800%;}
100% {margin-left: -800%;}

}