diff --git a/code/index.css b/code/index.css
index 3fbfc16..41ceff5 100644
--- a/code/index.css
+++ b/code/index.css
@@ -90,15 +90,13 @@
   }
 
   .dot {
-    height: 25px;
-    width: 25px;
-    background-color: lime;
+    background-color: green;
     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;
diff --git a/code/options.js b/code/options.js
index 0d82369..3bfdf6f 100644
--- a/code/options.js
+++ b/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;
diff --git a/code/vitraux.js b/code/vitraux.js
index 84f68e2..112ff17 100644
--- a/code/vitraux.js
+++ b/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);   
     }
     
 }