/* --------------------- */
   /* Horloge circulaire */
   /* --------------------- */
   /* Nombre interieur */
   #time {display:flex;gap:5px;}
   /* Definition du texte point flotant */
   .dots {width: 0%;height: 83%;}
   
   
   /* !!! espacement en les chiffre */
   
   
   /* --------------------------- */
   
   /* Texte de la date */
   /* x / 2 = font-size */  
   .date {font-size:15pt;}

   /*  possition de l'horloge annalogique */
   /* (x+1)*2.1  = width   */
   /* (x+2)*2.35 = height  */  
   #time .circle {width:64px;height:75px;}

   
   /* x * 2.1 = width */
   /* x * 2.1 = height */
   #time .circle svg {width:63x;height: 63px;}
   
   /* epaisseur du trait et possition  */
   /* stroke-width: epaisseur du trait  */
   /* x /10 = stroke-width */
   /* x /25 = translate */
   #time .circle svg circle {stroke-width:3px;transform:translate(1.2px,1.2px);}

   /* forme de l'avvancement !!!!*/
   /* x * 6.3  = stroke-dasharray */
   /* 30 = 189 */
   /* 70 = 440 */
   /* 200 = 1245 */
   /* 300 = 1890 */
   #time .circle svg circle:nth-child(2) {stroke-dasharray:189;}
   
   /* taille chifre interieur */
   /* x / 12 = font-size */
   #time div {font-size:2.5rem;}
   
   /* forme du point flotant */
   /* x / -10 = top     */
   /* x / 5  = width   */
   /* x / 5  = height  */  
   .dots::before {top: -3px;width: 6px;height: 6px;}