.carousel-N {
    position: relative;
    width: 100%; /* La largeur visible du carrousel */
    margin: auto;
    overflow: hidden; /* Masquer les débordements */
}

.slides-N {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%; /* Sera étendu dynamiquement par le JS */
}

.slide-N, .clone {
    /* flex: 0 0 100%; */ /* Chaque slide prend 100% de la largeur du conteneur parent */
    display: flex;
    justify-content: center; /* Centrer le contenu de la slide */
    align-items: center;
    flex-direction: column;
}

.slide-N img, .clone img, .slide-N video, .clone video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajuste l'image pour qu'elle remplisse correctement */
    user-drag: none;
    -webkit-user-drag: none;
}

.slide-N-indexNewsLitho img {
    width: 90%;
    height: unset;
}

.slide-N-index img {
    width: 91%;
    height: unset;
}


/* Navigation */
.navigation-N {
    display: flex;
    justify-content: center;
    margin-top: 25px; 
}

.navigation-N.navigation-N-manifesto2 {
    margin-top: 50px;
    margin-bottom: 50px; 
}

.navigation-N-index, .navigation-N-indexNewsLitho {
    margin-top: 45px!important;
    margin-left: 150px;
    margin-right: 80px;
}

.nav-buttons-G-without-captions {
    display: flex;
    justify-content: end;
    margin-top: 25px; 
}
  
.navigation-button-N {
    color: #b9a18d;
    background: transparent;
    border: none;
    cursor: pointer;
    margin: 0 10px; /* Espacement entre les deux boutons */
}

.prev-N.prev-N-manifesto3, .next-N.next-N-manifesto3,
.prev-N.prev-N-manifesto2, .next-N.next-N-manifesto2 {
    margin: 0 40px;
}

.navigation-N.product-N {
    width: 50%;
}

.navigation-N.product-N .navigation-button-N {
    margin: 0 auto!important;
}

.navigation-N-manifesto3 {
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -5px;
}

.caption-N-manifesto3 {
    margin-top: 25px;
}

/* .navigation-button-N.litho01a, .navigation-button-N.litho01b {
    margin: 0 auto!important;
}
 */
.thumbnails-N {
    display: flex;
    justify-content: space-evenly;
    margin-top: 45px;
}

.thumbnail-N.active {
    opacity: 1;
}

.thumbnail-N {
    width: 20%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s;
    margin-left: 50px;
}

.thumbnails-N.product-N .thumbnail-N {
    margin-left: 0;
}