#imageCarousel {
    max-width: 800px;
    margin: 20px auto;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.carousel-item img {
    max-height: 95vh;   /* Ne dépasse jamais la hauteur de l’écran */
    width: auto;         /* Respecte les proportions */
    object-fit: contain; /* Affiche l’image entière sans la couper */
    margin: 0 auto;      /* Centre l’image */
    background-color: #f0f0f0;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c00' viewBox='0 0 16 16'%3E%3Cpath d='M11 1L3 8l8 7'/%3E%3C/svg%3E");}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23c00' viewBox='0 0 16 16'%3E%3Cpath d='M5 1l8 7-8 7'/%3E%3C/svg%3E");} 
.page {
    color: #c00;
    text-shadow:
        -1px -1px 0 white,
         1px -1px 0 white,
        -1px  1px 0 white,
         1px  1px 0 white;
}
 #return {
  font-weight: bold;
  position: fixed;
  top: 20px;
  left: 10px;
  color: yellow;
  background-color: black;
  width: 100px;
  border-radius: 5px;
  text-align:center;
  padding: 5px 0 10px 0;
  z-index: 9999;
  transition: transform 0.2s ease; /* animation fluide */
 }
 #return:hover {
	font-weight: bold;
	background-color: #c00; 
	color: white;
	transform: translateY(-3px); /* petit déplacement vers le haut */
 }
/* Sur smartphone (moins de 768px) */
@media (max-width: 768px) {
   #imageCarousel {
    margin: 100px auto;
}
}