#overflow_oth{
        overflow: auto;
        scrollbar-width: thin; /* "auto" or "thin" */
        scrollbar-color: #FF2828 #4B0505; /* scroll thumb and track */
        scrollbar-arrow-color: FF2828;
      }

      #overflow_oth::-webkit-scrollbar{
        width: 12px; /* width of the entire scrollbar */
      }

      #overflow_oth::-webkit-scrollbar-track{
        background: #4B0505; /* color of the tracking area */
      }

      #overflow_oth::-webkit-scrollbar-thumb {
        background-color: #FF2828; /* color of the scroll thumb */
        border-radius: 20px; /* roundness of the scroll thumb */
        border: 3px solid #4B0505; /* creates padding around scroll thumb */
      }

      .box-rebours{ 
          display: flex; 
          justify-content: center; 
          align-items: center; 
          text-align: center; 
      }
      .box_jour, .box_heure, .box_minute, .box_seconde { 
          padding-left: 10px; 
      }
      #jour, #heure, #minute, #seconde { 
          background:black; 
          padding: 5px; 
          color: white; 
          font-size: 2rem; 
          font-weight: bold; 
      }
      #jour_label, #heure_label, #minute_label, #seconde_label { 
          font-size: 1.0rem; 
      }
      .bout{
            background: rgba(249, 32, 32, 0.4);
            color: white;
            border-radius: 50% 5% 50% 5%;
      }
      .bout:hover{
            background: rgba(249, 190, 190, 0.6); 
            color: black;
            border-radius: 5% 50% 5% 50%;
      }




      .move_j{
            animation: anim_j 5s linear infinite;
        }
      .move_b{
            animation: anim_b 5s linear infinite;
        }
      .move_v{
            animation-delay: 1s;
            animation: anim_v 5s linear infinite;
            
        }


        @keyframes anim_j {
            0% {
                transform: rotate( 0deg);
                opacity: 1.0;
              }
            50% {
                transform: rotate( 180deg);
                opacity: 0.0;
              }
            100% {
                transform: rotate( 360deg);
                opacity: 1.0;
              }            
        }

        @keyframes anim_b {
            0% {
                transform: rotate( 0deg);
                opacity: 0.4;
              }
            50% {
                transform: rotate( 180deg);
                opacity: 1.0;
              }
            100% {
                transform: rotate( 360deg);
                opacity: 0.4;
              }            
        }

        @keyframes anim_v {            
            0%  {
                transform: rotate( 0deg);
                opacity: 0.5;
              }
            25% {
                transform: rotate( 90deg);
                opacity: 0.0;
              }
            75% {
                transform: rotate( 275deg);
                opacity: 1.0;
              }
            100% {
                transform: rotate( 360deg);
                opacity: 0.5;
              }            
        }