@import url("site-variables.css");
/*€──────────────────────────────────────────────────────────────────────────────────────────────*/
/*€--- Fichier site-scroll.css ===>                                                              */
/*€--- ===> STYLE appliqué sur les scrolls des pages WEB                                         */
/*€──────────────────────────────────────────────────────────────────────────────────────────────*/

/*:___ DEBUT - 01 ______________________________________________________________________________:*/

::-webkit-scrollbar-track       { box-shadow: inset 0 0 6px rgb(2, 6, 23); border-radius: 0px ;}
::-moz-scrollbar-track          { box-shadow: inset 0 0 6px rgb(2, 6, 23); border-radius: 0px ;}
::-ms-scrollbar-track           { box-shadow: inset 0 0 6px rgb(2, 6, 23); border-radius: 0px ;}
::-o-scrollbar-track            { box-shadow: inset 0 0 6px rgb(2, 6, 23); border-radius: 0px ;}
::scrollbar-track               { box-shadow: inset 0 0 6px rgb(2, 6, 23); border-radius: 0px ;}

::-webkit-scrollbar-track:hover { box-shadow: inset 0 0 12px rgb(2, 6, 23); border-radius: 0px ;}
::-moz-scrollbar-track:hover    { box-shadow: inset 0 0 12px rgb(2, 6, 23); border-radius: 0px ;}
::-ms-scrollbar-track:hover     { box-shadow: inset 0 0 12px rgb(2, 6, 23); border-radius: 0px ;}
::-o-scrollbar-track:hover      { box-shadow: inset 0 0 12px rgb(2, 6, 23); border-radius: 0px ;}
::scrollbar-track:hover         { box-shadow: inset 0 0 12px rgb(2, 6, 23); border-radius: 0px ;}

::-webkit-scrollbar             { width: 6px; height: 100px; background: rgb(2, 6, 23) ;}
::-moz-scrollbar                { width: 6px; height: 100px; background: rgb(2, 6, 23) ;}
::-ms-scrollbar                 { width: 6px; height: 100px; background: rgb(2, 6, 23) ;}
::-o-scrollbar                  { width: 6px; height: 100px; background: rgb(2, 6, 23) ;}
::scrollbar                     { width: 6px; height: 100px; background: rgb(2, 6, 23) ;}

::-webkit-scrollbar:hover       { width: 12px; height: 100px; background: rgb(2, 6, 23) ;}
::-moz-scrollbar:hover          { width: 12px; height: 100px; background: rgb(2, 6, 23) ;}
::-ms-scrollbar:hover           { width: 12px; height: 100px; background: rgb(2, 6, 23) ;}
::-o-scrollbar:hover            { width: 12px; height: 100px; background: rgb(2, 6, 23) ;}
::scrollbar:hover               { width: 12px; height: 100px; background: rgb(2, 6, 23) ;}

::-webkit-scrollbar-thumb       { border-radius: 0px; background-image: linear-gradient( #fddd5a 10%, #02b3f8 15%, #02b3f8 85%,#fddd5a 90% ) ;}
::-moz-scrollbar-thumb          { border-radius: 0px; background-image: linear-gradient( #fddd5a 10%, #02b3f8 15%, #02b3f8 85%,#fddd5a 90% ) ;}
::-ms-scrollbar-thumb           { border-radius: 0px; background-image: linear-gradient( #fddd5a 10%, #02b3f8 15%, #02b3f8 85%,#fddd5a 90% ) ;}
::-o-scrollbar-thumb            { border-radius: 0px; background-image: linear-gradient( #fddd5a 10%, #02b3f8 15%, #02b3f8 85%,#fddd5a 90% ) ;}
::scrollbar-thumb               { border-radius: 0px; background-image: linear-gradient( #fddd5a 10%, #02b3f8 15%, #02b3f8 85%,#fddd5a 90% ) ;}

::-webkit-scrollbar-thumb:hover {border-radius: 0px; background-image: linear-gradient( #02b3f8 10%, #fddd5a 15%, #fddd5a 85%, #02b3f8 90% );}
::-moz-scrollbar-thumb:hover    {border-radius: 0px; background-image: linear-gradient( #02b3f8 10%, #fddd5a 15%, #fddd5a 85%, #02b3f8 90% );}
::-ms-scrollbar-thumb:hover     {border-radius: 0px; background-image: linear-gradient( #02b3f8 10%, #fddd5a 15%, #fddd5a 85%, #02b3f8 90% );}
::-o-scrollbar-thumb:hover      {border-radius: 0px; background-image: linear-gradient( #02b3f8 10%, #fddd5a 15%, #fddd5a 85%, #02b3f8 90% );}
::scrollbar-thumb:hover         {border-radius: 0px; background-image: linear-gradient( #02b3f8 10%, #fddd5a 15%, #fddd5a 85%, #02b3f8 90% );}
/*:________________ FIN - 01 ___________________________________________________________________:*/