/* définition de l'animation sur les images */
.diaporama img {
	animation: fade-in-out 16s ease infinite 0s;
	opacity: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.diaporama :first-child {
	position: relative;
  }
/* définition délai des images */
.diaporama img:nth-child(1) {animation-delay: 0s}
.diaporama img:nth-child(2) {animation-delay: 4s}
.diaporama img:nth-child(3) {animation-delay: 8s}
.diaporama img:nth-child(4) {animation-delay: 12s}

/* définition des étapes */
@keyframes fade-in-out {
  0%, 100% {opacity: 0;}
  20% {opacity: 1;}
  40.0% {opacity: 0;}
}

.diaporama {
	top: 0;
	left: 0;
	padding: 0;
	position: relative;
  	display: block;
	}

.cadre {
	position: relative;
	margin: 0px;
	border: 6px solid #FFF;
	overflow: hidden;
	box-shadow: 1px 1px 15px #888;
	border-radius: 5px;
	max-width: 100%;
	box-sizing: border-box;
	width: auto;
	line-height: 1.5em;
	font-size: 95%
}
#diapo{
	display: flex;
	xheight: 80px;
	background-color: #FFFFFF;
	vertical-align: middle;
	justify-content: center;
	align-items: center;
	}

/* bannierePUB home */
.conteneurpubban{
	max-width: 980px;
}
.pubban1{
	padding-top: 18.450%;
	width: 100%;
	height: 0px;
	xbox-shadow: 0px 1px 10px #777;
	background-color: #EDEDED;
	background-size: contain;
	animation: fondu 35s ease-in-out infinite both;
	margin: 0 auto 5px auto;
}

@keyframes fondu{
0% {background-image:url('banniere/banimg1.jpg');}
16.66% {background-image:url('banniere/banimg2.jpg');}
33.33% {background-image:url('banniere/banimg3.jpg');}
50% {background-image:url('banniere/banimg4.jpg');}
66.65% {background-image:url('banniere/banimg5.jpg');}
83.30% {background-image:url('banniere/banimg6.jpg');}
100% {background-image:url('banniere/banimg1.jpg');}
}

/* bannierePUB 2 */
.pubban2{
	padding-top: 18.450%;
	width: 100%;
	height: 0px;
	xbox-shadow: 0px 1px 10px #777;
	background-color: #EDEDED;
	background-size: contain;
	animation: fondu2 35s ease-in-out infinite both;
	margin: 0 auto 5px auto;
}

@keyframes fondu2{
0% {background-image:url('banniere/banimg2.jpg');}
16.66% {background-image:url('banniere/banimg3.jpg');}
33.33% {background-image:url('banniere/banimg4.jpg');}
50% {background-image:url('banniere/banimg5.jpg');}
66.65% {background-image:url('banniere/banimg6.jpg');}
83.30% {background-image:url('banniere/banimg1.jpg');}
100% {background-image:url('banniere/banimg2.jpg');}
}

/* bannierePUB 3 */
.pubban3{
	padding-top: 18.450%;
	width: 100%;
	height: 0px;
	xbox-shadow: 0px 1px 10px #777;
	background-color: #EDEDED;
	background-size: contain;
	animation: fondu3 35s ease-in-out infinite both;
	margin: 0 auto 5px auto;
}

@keyframes fondu3{
0% {background-image:url('banniere/banimg5.jpg');}
16.66% {background-image:url('banniere/banimg6.jpg');}
33.33% {background-image:url('banniere/banimg1.jpg');}
50% {background-image:url('banniere/banimg2.jpg');}
66.65% {background-image:url('banniere/banimg3.jpg');}
83.30% {background-image:url('banniere/banimg4.jpg');}
100% {background-image:url('banniere/banimg5.jpg');}
}