diff --git a/code/index.css b/code/index.css
index 02ba8bb..e9f3021 100644
--- a/code/index.css
+++ b/code/index.css
@@ -1,6 +1,8 @@
 
 .all-container {
-    display : flex; /*
+    display : flex; 
+    justify-content: space-between;
+    /*
     align-items: baseline;
     width : min-content;
     flex-direction: row;
diff --git a/code/index.html b/code/index.html
index 52ef980..f9b0ad8 100644
--- a/code/index.html
+++ b/code/index.html
@@ -7,6 +7,13 @@
 </head>
 <body>
     <ul id="all-container" class="all-container" style="border:2px solid orangered"> 
+        <ul id="obj-container" class="obj-container" style="border:2px solid yellow">
+            <h1>Résultat</h1>
+            <canvas id="canvasTotal" style="border:1px solid #000"></canvas>
+            <h1>Objectif</h1>
+            <canvas id="canvasObj" style="border:1px solid green"></canvas>
+            <button onclick="generateEasy()">gen easy</button>
+        </ul>
         <ul id="vitraux" class="vitraux" style="border:2px solid purple">
             <canvas id="canvas1" class="vitrail" style="border:1px solid #000"></canvas>
             
@@ -17,17 +24,14 @@
             <canvas id="canvas4" class="vitrail" style="border:1px solid #000"></canvas>
         </ul>
         
-        <canvas id="canvasTotal" style="border:1px solid #000"></canvas>
-        <h1>Objectif</h1>
-        <canvas id="canvasObj" style="border:1px solid green"></canvas>
-        <button onclick="generateEasy()">gen easy</button>
-        
         <ul id="canvasR" class="flex-container" style="border:1px solid violet">
+            <h1>Réserve</h1>
             <canvas id="canvasR1" class="flex-item" width="150" height="150" style="border:1px solid red"></canvas>
             <canvas id="canvasR2" class="flex-item" width="150" height="150" style="border:1px solid blue"></canvas>
             <canvas id="canvasR3" class="flex-item" style="border:1px solid violet"></canvas>
             <canvas id="canvasR4" class="flex-item" style="border:1px solid violet"></canvas>
         </ul>
+        
     </ul>
     <script>
         var canvas1 = document.getElementById('canvas1');
@@ -295,42 +299,67 @@
             if(!ne && !se ) return "O";
         }
         
+
+        /*
+        6 cas : v1 vis->v1 vis
+
+        */
         function rotationManager(e)
         {
             canvasNumber=e.currentTarget.id.substring(6);
-            if(canvasNumber=="R")
+            if(mousePos[0]=="R" && canvasNumber!="R")
             {
-                toggleVisible(mousePos[0]);
+                if(!isVisible(canvasNumber))
+                {
+                    toggleVisible(canvasNumber);
+                }
             }
             else
             {
-                lecanvas=eval("canvas"+canvasNumber);
-                letab=eval("tab"+canvasNumber);
-                lectx=lecanvas.getContext('2d');
-                dir = compas(e.clientX,e.clientY,e.currentTarget);
-                if(mousePos[0]==canvasNumber)
+                if(isVisible(mousePos[0]))
                 {
-                    if((mousePos[1]=="N" && dir == "O") || (mousePos[1]=="S" && dir == "E") || (mousePos[1]=="O" && dir == "S") || (mousePos[1]=="E" && dir == "N"))
-                    {
-                        tourneG(letab,lecanvas,lectx);
-                    }
-                    else if((mousePos[1] == "N" && dir == "E") || (mousePos[1] == "S" && dir == "O") || (mousePos[1] == "E" && dir == "S") || (mousePos[1] == "O" && dir == "N"))
-                    {
-                        tourneD(letab,lecanvas,lectx);
-                    }
-                    else if ((mousePos[1] == "E" && dir == "O") || (mousePos[1] == "O" && dir == "E"))
+                    if(canvasNumber=="R")
                     {
-                        swap(letab,lecanvas,lectx,"V");
+                        /*
+                        eval("tab"+mousePos[0]+"[0]=!tab"+mousePos[0]+"[0];");
+                        empiler();
+                        toutDessiner(eval("tab"+mousePos[0]),eval("canvas"+mousePos[0]),eval("ctx"+mousePos[0]));
+                        toutDessiner(tabTotal,canvasT,ctxT);
+                        */
+                        toggleVisible(mousePos[0]);
+                        tabR.push(eval("tab"+mousePos[0]));
                     }
-                    else if ((mousePos[1] == "N" && dir == "S") || (mousePos[1] == "S" && dir == "N"))
+                    else
                     {
-                        swap(letab,lecanvas,lectx,"H");
+                        lecanvas=eval("canvas"+canvasNumber);
+                        letab=eval("tab"+canvasNumber);
+                        lectx=lecanvas.getContext('2d');
+                        dir = compas(e.clientX,e.clientY,e.currentTarget);
+                        if(mousePos[0]==canvasNumber)
+                        {
+                            if((mousePos[1]=="N" && dir == "O") || (mousePos[1]=="S" && dir == "E") || (mousePos[1]=="O" && dir == "S") || (mousePos[1]=="E" && dir == "N"))
+                            {
+                                tourneG(letab,lecanvas,lectx);
+                            }
+                            else if((mousePos[1] == "N" && dir == "E") || (mousePos[1] == "S" && dir == "O") || (mousePos[1] == "E" && dir == "S") || (mousePos[1] == "O" && dir == "N"))
+                            {
+                                tourneD(letab,lecanvas,lectx);
+                            }
+                            else if ((mousePos[1] == "E" && dir == "O") || (mousePos[1] == "O" && dir == "E"))
+                            {
+                                swap(letab,lecanvas,lectx,"V");
+                            }
+                            else if ((mousePos[1] == "N" && dir == "S") || (mousePos[1] == "S" && dir == "N"))
+                            {
+                                swap(letab,lecanvas,lectx,"H");
+                            }
+                        }
+                        else
+                        {
+                            changeOrder(mousePos[0],canvasNumber);
+                        }
                     }
                 }
-                else
-                {
-                    changeOrder(mousePos[0],canvasNumber);
-                }
             }
         }
         
@@ -373,6 +402,11 @@
             
         }
         
+        function isVisible(what)
+        {
+            return eval("tab"+what+"[0]");
+        }
+        
         function toggleVisible(where)
         {
             eval("tab"+where+"[0]=!tab"+where+"[0];");
@@ -414,6 +448,10 @@
             rotationManager(e);
         })
         
+        canvasR.addEventListener("mousedown",function(e){
+            mousePos = [e.currentTarget.id.substring(6),compas(e.clientX,e.clientY,e.currentTarget)];
+        })
+        
         canvasR.addEventListener("mouseup",function(e){
             rotationManager(e);
         })
