.carousel-J {
    position: relative;
    /* width: 80%;
    max-width: 800px; */
    width: 96%;
    margin: auto;
    overflow: hidden;
}

.buttond12m.carousel-J {
    width: 100%;
}

.carousel-J-index {
    width: 92%!important;
}

.slides-J {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide-J {
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.slide-J-link {
    user-select: none;
    -webkit-user-drag: none;
}

.slide-small-J {
    height: 100%;
    width: 50%;
    display: flex;
    justify-content: center;
}

.small-J, .large-J, .triple-J {
    user-select: none;
    -webkit-user-drag: none;
}

.small-J {
    width: 49%;
}

.slides-J-buttond12m .slide-J .small-J {
    width: 48.5%;
}

.triple-J {
    width: 32%;
}

.large-J {
    width: 100%; 
}

.slide-small-J .small-J {
    width: unset;
}

/* Style des flèches de navigation sous le carrousel */
.navigation-J {
    text-align: center;
    width: 80%;
    max-width: 800px;
    margin: 15px auto 9px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navigation-J.navigation-exhib {
    margin-bottom: 0!important;
}

.J-without-captions {
    max-width: 550px!important;
    justify-content: space-around!important;
}

.navigation-buttondrawing01 {
    max-width: 275px!important;
    justify-content: space-around!important;
}

.navigation-button-J  {
    border: none;
    cursor: pointer;
    padding: 10px;

    width: 50px;
    height: 50px;
    opacity: 0.7;
    transition: opacity 0.25s ease-in-out;
}

.navigation-buttondrawing01 .navigation-button-J {
    width: 40px;
    height: 40px;
}

.navigation-button-J:hover {
    opacity: 1.2;
}

.navigation-button-J.prev-J, .navigation-button-J.next-J {
    background-image: url(../../img/logo_icons/arrow_bold.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
}

.navigation-button-J.next-J {
    transform: rotate(90deg);
}

.navigation-button-J.prev-J {
    transform: rotate(-90deg);
}

.captions-J {
    display: flex;
    align-items: center;
    margin: 0 55px;
}

.captions-J:hover {
    cursor: pointer;
}

.caption-J {
    font-family: "Source Sans Pro", "Source Sans", Arial, sans-serif;
    color: grey;
    font-size: 19px;
    padding: 10px;
    margin: 0;
}