.fiche_du_site_bloc_droit #slideshow-container {
	height: 240px;
}

.fiche_du_site_bloc_droit #slideshow-container img {
	/* Laisser cette règle vide ou la supprimer si elle n'a pas d'impact ailleurs */
}

#slideshow-container {
	position: relative;
	width: 100%;
	height: 240px;
	overflow: hidden;
	display: flex; /* Gardez flex pour le centrage des petites images */
	justify-content: center; /* Centre horizontalement */
	align-items: center; /* Centre verticalement */
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

#slideshow-container img {
	opacity: 0;
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%); /* Centrage de l'image */
	pointer-events: none;

	max-width: 100%; /* L'image ne dépassera pas la largeur du conteneur */
	max-height: 100%; /* L'image ne dépassera pas la hauteur du conteneur */
	width: auto;	 /* Permet à l'image de conserver sa largeur naturelle si elle est plus petite */
	height: auto;	/* Permet à l'image de conserver sa hauteur naturelle si elle est plus petite */
	object-fit: contain; /* Assure que l'image ne soit pas déformée si elle doit être redimensionnée */

	transition:
		opacity 2s cubic-bezier(0.7, 0.05, 0.2, 1),
		filter 2s cubic-bezier(0.7, 0.05, 0.2, 1),
		transform 2s cubic-bezier(0.7, 0.05, 0.2, 1);
}

#slideshow-container img.active {
	opacity: 1;
	z-index: 10;
	pointer-events: auto;
	filter: blur(0);
	transform: translate(-50%, -50%) scale(1);
}

/* Disparition */
#slideshow-container img.fading-out {
	animation: fadeOut 1s cubic-bezier(0.6, 0.05, 0.3, 1) forwards;
}