/* --------------------- */
   /* Horloge circulaire */
   /* --------------------- */
   /* Nombre interieur */

   
   
   /* !!! espacement en les chiffre */
   
   /*  possition de l'horloge annalogique */
   
   /* (x * 2) + 100  = width   */
   /* (x * 2) + 200  = height  */  
   #time .circle {width:330px;height:345px;}
   
   /* --------------------------- */
   
   /* Texte de la date */
   /* x / 2 = font-size */  
   .date {font-size:70pt;}

   /* width : largeur de remplissage pour les cercles */
   /* x * 2.1 = width */
   /* x * 2.1 = height */
   #time .circle svg {width:294px;height: 294px;}
   
   /* epaisseur du trait et possition  */
   /* stroke-width: epaisseur du trait  */
   /* x /10 = stroke-width */
   /* x /25 = translate */
   #time .circle svg circle {stroke-width:14px;transform:translate(5.6px,5.6px);}

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