@charset "utf-8";
/* CSS Document */
body{
margin: 0px;
padding: 0 px;
width: 100%;
}
.diaporama1{
	margin: 0 auto;
	width: 440px;
	height: 330px;
	border: 3px solid #000;
	background-image:url(1.jpg);
	
	webkit-animation-name: diapo1;
	webkit-animation-duration: 30s;
	webkit-animation-timing-function: linear;
	webkit-animation-iteraction-count: infinite;
	webkit-animation-direction: normal;
	
	moz-animation-name: diapo1;
	moz-animation-duration: 30s;
	moz-animation-timing-function: linear;
	moz-animation-iteraction-count: infinite;
	moz-animation-direction: normal;
	
	animation-name: diapo1;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
}
	
@-webkit-keyframes diapo1{
	0% {background-image:url(1.jpg);}
	10% {background-image:url(z.jpg);}
	20% {background-image:url(7.jpg);}
	30% {background-image:url(e.jpg);}
	40% {background-image:url(9.jpg);}
	5% {background-image:url(10.jpg);}
	60% {background-image:url(a.jpg);}
	70% {background-image:url(51.jpg);}
	80% {background-image:url(11.jpg);}
	90% {background-image:url(4.jpg);}
}
	
@-moz-keyframes diapo1{
	0% {background-image:url(1.jpg);}
	10% {background-image:url(z.jpg);}
	20% {background-image:url(7.jpg);}
	30% {background-image:url(e.jpg);}
	40% {background-image:url(9.jpg);}
	5% {background-image:url(10.jpg);}
	60% {background-image:url(a.jpg);}
	70% {background-image:url(51.jpg);}
	80% {background-image:url(11.jpg);}
	90% {background-image:url(4.jpg);}
}

@keyframes diapo1{
	0% {background-image:url(1.jpg);}
	10% {background-image:url(z.jpg);}
	20% {background-image:url(7.jpg);}
	30% {background-image:url(e.jpg);}
	40% {background-image:url(9.jpg);}
	5% {background-image:url(10.jpg);}
	60% {background-image:url(a.jpg);}
	70% {background-image:url(51.jpg);}
	80% {background-image:url(11.jpg);}
	90% {background-image:url(4.jpg);}
}