.diapo{/*conflit avec text-flex img sans# recopier toutes ses valeur ici et les modifier*/
	position: relative;/*les images sont superposées, empilées*/
	display: block;/*supprime les espaces blancs autour de l'image*/
	height: auto;/*c'est padding-bottom de text-flex qui définit le height*/
	width: 100%;/*définit l'espace d'affichage (vide) pour la mise en page*/

}
.diapo img{/*positionne la première image*/
	position: relative;/*conflit avec text-flex img recopier toutes ses valeur ici et les modifier*/
	display: block;
	margin: 0 auto;/*auto = centrer*/
	height: auto;
	box-shadow: -2px 5px 8px 0 rgba(0, 0, 0, 0.6), 0 0 0 2px var(--blec);
}
.diapo img:not(:first-child){/*positionne les autres images*/
	position: absolute;/**/
	display: block;
	top: 0;/*positionne les images par rapport à la première*/
	opacity: 0;/*cache les images 0 = transparent*/
	animation: diapo-ani 18s ease-in infinite both;/*temps de transition de l'ensemble des animations : somme+1 des temps des nth-child*/
	transition: opacity 2s ease-in;
}
@media (orientation: portrait){
.diapo img{
	max-width: 100%;/*ajuster left en-dessous avec (x%-100)/2*/
}
.diapo img:not(:first-child){
	left: 0;/*positionne les images par rapport à la première*/
}
}
@media (orientation: landscape){
.diapo img{
	max-width: 70%;/*ajuster left en-dessous avec (x%-100)/2*/
}
.diapo img:not(:first-child){
	left: 15%;/*positionne les images par rapport à la première*/
}
}
@keyframes diapo-ani{/*définit l'animation*/
	0% {opacity: 0; z-index: 2;}/*toujours définir le point de départ*/
	6% {opacity: 1;}/*temps d'apparition de l'image*/
	26% {opacity: 1;}
	27% {opacity: 0; z-index: 1;}
	100% {opacity: 0;}/*toujours définir le point d'arrivée*/
}
.diapo img:nth-child(1){animation-delay: 0s;}/*temps plus court de la première image*/
.diapo img:nth-child(2){animation-delay: 1s;}/*temps d'animation de chaque élément avant que l'animation commence*/
.diapo img:nth-child(3){animation-delay: 4s;}
.diapo img:nth-child(4){animation-delay: 7s;}
.diapo img:nth-child(5){animation-delay: 10s;}
.diapo img:nth-child(6){animation-delay: 13s;}
.diapo img:nth-child(7){animation-delay: 16s;}/*reste du temps de la première image*/