body {
	margin: 0px;
	padding: 0px;
	width: 100;
}

.diaporama1{
	margin: 0 auto;
	width: 960px;
	height: 500px;
	border: 3px solid #333;
	background-image: url("../img/diapo1.jpg");

    webkit-animation-name: slide1;
    webkit-animation-duration: 9s;
    webkit-animation-timing-function: linear;
    webkit-animation-iteration-count: infinite;
    webkit-animation-direction: normal;

    moz-animation-name:slide1;
    moz-animation-duration: 9s;
    moz-animation-timing-function: linear;
    moz-animation-iteration-count: infinite;
    moz-animation-direction: normal;

    animation-name:slide1;
    animation-duration: 9s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
}

@-webkit-keyframes slide1{
	0%{background-image: url("../img/diapo1.jpg");}
	33%{background-image: url("../img/diapo2.jpg");}
	66%{background-image: url("../img/diapo3.jpg");}
}

@-moz-keyframes slide1{
	0%{background-image: url("../img/diapo1.jpg");}
	33%{background-image: url("../img/diapo2.jpg");}
	66%{background-image: url("../img/diapo3.jpg");}
}

@-keyframes slide1{
	0%{background-image: url("../img/diapo1.jpg");}
	33%{background-image: url("../img/diapo2.jpg");}
	66%{background-image: url("../img/diapo3.jpg");}
}


.diaporama2{
	
	margin: 0 auto;
	width: 1152px;
	height: 200px;
	border: 3px solid #333;
	background-image: url("../img/diapo1152X200.jpg");


    webkit-animation-name: slide2;
    webkit-animation-duration: 12s;
    webkit-animation-timing-function: linear;
    webkit-animation-iteration-count: infinite;
    webkit-animation-direction: normal;

    moz-animation-name: slide2;
    moz-animation-duration: 12s;
    moz-animation-timing-function: linear;
    moz-animation-iteration-count: infinite;
    moz-animation-direction: normal;

    animation-name: slide2;
    animation-duration: 12s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
}

@-webkit-keyframes slide2{
	0%{background-position: 0px 0px;}
	2%{background-position: 0px 0px;}
	31%{background-position: -384px 0px;}
	35%{background-position: -384px 0px;}
	64%{background-position: -768px 0px;}
	68%{background-position: -768px 0px;}
	98%{background-position: -1152px 0px;}
	100%{background-position: -1152px 0px;}
}

@-moz-keyframes slide2{
	0%{background-position: 0px 0px;}
	2%{background-position: 0px 0px;}
	31%{background-position: -384px 0px;}
	35%{background-position: -384px 0px;}
	64%{background-position: -768px 0px;}
	68%{background-position: -768px 0px;}
	98%{background-position: -1152px 0px;}
	100%{background-position: -1152px 0px;}
}

@keyframes slide2{
	0%{background-position: 0px 0px;}
	2%{background-position: 0px 0px;}
	31%{background-position: -384px 0px;}
	35%{background-position: -384px 0px;}
	64%{background-position: -768px 0px;}
	68%{background-position: -768px 0px;}
	98%{background-position: -1152px 0px;}
	100%{background-position: -1152px 0px;}
}