#banner .banner-welcome {
    
    color: var(--text-color-global);
    font-size: 20px;
}



#banner .banner-image-div {
    width: 100%;
    position: relative;
}

#banner .banner-image-div img{
    width: 100%;
    border: var(--primary-color) 2px solid;
    height: 400px;
    z-index: 40;
    transition: 0.5s;
}

#banner .banner-image-div img:hover{
    transform: translateY(-20px);
}

#banner .banner-image-div-late{
    width: 100%;
    height: 400px;
    position: absolute;
    top: 3%;
    right: -20px;
    background-color: var(--primary-color);
    z-index: -100;
}

#banner .banner-image {
    margin-top: 50px;
}

#banner .carousel-inner img {
    width: 300px;
    height: 300px; 
}

#banner .carousel-height {
    
}

.custom-carousel .carousel-control-prev-icon,
.custom-carousel .carousel-control-next-icon {
    background-color: var(--primary-color); /* Changez cette couleur selon vos besoins */
}

.custom-carousel .carousel-control-prev-icon:hover,
.custom-carousel .carousel-control-next-icon:hover {
    background-color: var(--secondary-color); /* Couleur au survol */
}