body {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}


.capitalize-first-letter::first-letter {
    text-transform: uppercase;
  }
 .carousel-caption{
	 left: 0% !important;
	 right: 0% !important;
 } 


#content.fade-out {
  opacity: 0; /* Opacité à zéro lors du fondu */
}

.transition {
  z-index: 2; /* Assure que le lien reste au-dessus de l'overlay */
}

#dLoader{ display: none}

 .image-container {
            position: relative;
            display: inline-block;
        }
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .image-container:hover .overlay {
            opacity: 1;
            cursor: pointer;
        }
        .overlay .text {
            position: absolute;
            bottom: 10px;
            right: 10px;
            text-align: right;
        }