/* Pour Webkit (Chrome, Safari, etc.) */
::-webkit-scrollbar {
    width: 10px; /* Largeur de la barre de défilement */
    background-color: transparent; /* Couleur de fond de la barre */
}

/* Pour Internet Explorer */
body {
    scrollbar-base-color: transparent; 
    scrollbar-3dlight-color: transparent;
    scrollbar-highlight-color: transparent;
}

/* Pour Webkit */
::-webkit-scrollbar-thumb {
    background-color: #00A9FF; /* Couleur de la poignée */
    border-radius: 5px; /* Bord arrondi pour la poignée */
    background-clip: padding-box; 
    border: 2px solid transparent;
}

/* Pour Internet Explorer */
body {
    scrollbar-arrow-color: #00A9FF;
    scrollbar-darkshadow-color: #00A9FF;
    scrollbar-face-color: #00A9FF;
    scrollbar-shadow-color: #00A9FF;
    scrollbar-track-color: transparent; 
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Darken the thumb's color on hover */
}

::-webkit-scrollbar-button {
    background-color: #F5F5F5; 
    width: 5px; 
    height: 5px;
}