/*COULEUR DEFAUT*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-track {
    background-color: #eeeeee;
}
.scroll::-webkit-scrollbar-thumb {
    background: var(--scroll-color, #49494b);
}
.scrolly {
    overflow: hidden;
    overflow-y: auto;
}
.scrollx{
    overflow: hidden;
    overflow-x: auto;
}
/*COULEUR BLEU*/
.scroll_bleu::-webkit-scrollbar-thumb {
    background: var(--bleu) !important;
}
.scroll_bleu2::-webkit-scrollbar-thumb {
    background: var(--bleu2) !important;
}
/*COULEUR BLEU_CIEL*/
.scroll_bleu-ciel::-webkit-scrollbar-thumb {
    background: var(--bleu-ciel) !important;
}
/*COULEUR GRIS*/
.scroll_gris::-webkit-scrollbar-thumb {
    background: var(--gris) !important;
} 
/*COULEUR JAUNE*/
.scroll_jaune::-webkit-scrollbar-thumb {
    background: var(--jaune) !important;
}
.scroll_jaune2::-webkit-scrollbar-thumb {
    background: var(--jaune2) !important;
}
/*COULEUR ORANGE*/
.scroll_mauve::-webkit-scrollbar-thumb {
    background: var(--mauve) !important;
}
/*COULEUR MAUVE*/
.scroll_orange::-webkit-scrollbar-thumb {
    background: var(--orange) !important;
}
.scroll_orange2::-webkit-scrollbar-thumb {
    background: var(--orange2) !important;
}
/*COULEUR ROUGE*/
.scroll_rouge::-webkit-scrollbar-thumb {
    background: var(--rouge) !important;
}
/*COULEUR VERT*/
.scroll_vert::-webkit-scrollbar-thumb {
    background: var(--vert) !important;
}
.scroll_vert2::-webkit-scrollbar-thumb {
    background: var(--vert2) !important;
}