taille des gemmes dans les points réduite

code/index.css

@@ -90,15 +90,13 @@
   }
 
   .dot {
-    height: 25px;
+    background-color: green;
-    width: 25px;
-    background-color: lime;
     border-radius: 50%;
     display: inline-block;
   }
 
   .both {
-    background-image: url("ress/yellow.png");
+    background-image: url("ress/green.png");
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;

code/options.js

@@ -42,6 +42,10 @@ function saveOptions() {
 //initialisation des valeurs des préférences
 
 document.getElementById("gem").width=size/6;
+document.getElementById("dot").style.height=size/6;
+document.getElementById("dot").style.width=size/6;
+document.getElementById("both").style.height=size/6
+document.getElementById("both").style.width=size/6
 
 if(getCookie("pause")!=1)
   document.getElementById("no_pause").checked=true;

code/vitraux.js

@@ -102,7 +102,7 @@ function drawImg(x,y,color,lectx)
     img.src="ress/"+color.substring(0, color.length-2)+".png";
     
     img.onload = function(){
-        lectx.drawImage(img,nx,ny,size/6,size/6);   
+        lectx.drawImage(img,nx+(size/48),ny+(size/48),size/8,size/8);   
     }
     
 }