/* homeslider - image mobile dediee */
#homeslider .homeslider-container picture {
	display: block;
}
#homeslider .homeslider-container img {
	max-width: 100%;
}
@media (max-width: 767px) {
	/* La hauteur max calculee sur l'image desktop ne doit pas rogner l'image mobile */
	#homepage-slider #homeslider {
		max-height: none !important;
	}
	#homeslider .homeslider-container img.homeslider-has-mobile {
		width: 100%;
		height: auto;
	}
}

/* Template du theme (carousel Bootstrap) : image en <img>/<picture> au lieu d'un fond .fill
   L'image garde toujours ses proportions : jamais rognee, jamais deformee. */
#homepage-slider.carousel,
#homepage-slider.carousel .carousel-inner,
#homepage-slider.carousel .carousel-inner > .item {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	width: 100% !important;
}
/* Safari : empeche l'etirement de l'image si le conteneur est en flex */
#homepage-slider.carousel .carousel-inner > .item {
	align-items: flex-start !important;
}
#homepage-slider.carousel .homeslider-picture {
	display: block;
	width: 100%;
	height: auto !important;
	align-self: flex-start;
	flex: 0 0 auto;
}
#homepage-slider.carousel .homeslider-img {
	display: block;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	align-self: flex-start;
	flex: 0 0 auto;
	object-fit: initial;
}