body {
    background-color: #663333;
    color: #fff;
    font-family: "Arial", Helvetica, sans-serif;
}

.carousel-inner img {
    max-height: 400px;
    object-fit: cover;
}

a.text-white:hover {
    text-decoration: underline;
}

.navbar {
    font-size: 0.95rem;
    letter-spacing: 0.03em;
}

.navbar .nav-link {
    color: #cccccc !important;
    transition: color 0.2s ease-in-out;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: #ffffff !important;
    text-decoration: underline;
}
.fixed-carousel {
    width: 420px;      /* largeur fixe */
    height: 400px;     /* hauteur fixe */
    overflow: hidden;  /* évite les débordements */
    margin: 0 auto;    /* centrage horizontal */
}

/* Les images s’adaptent sans déformer */
.fixed-carousel .carousel-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* remplit le cadre proprement */
    object-position: center; /* centré verticalement */
}

/* Ajustements responsive */
@media (max-width: 991.98px) {
    .fixed-carousel {
        width: 300px;
        height: 280px;
    }
}