diff --git a/HOR01.svg b/HOR01.svg
index c8bd061..8e7d947 100644
--- a/HOR01.svg
+++ b/HOR01.svg
@@ -1,26 +1,26 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 595.28 841.89" style="enable-background:new 0 0 595.28 841.89;" xml:space="preserve">
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 595.3 841.9" style="enable-background:new 0 0 595.3 841.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;}
+	.st1{fill:none;stroke:#000000;stroke-miterlimit:10;}
+	.st2{fill:#FFFFFF;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;}
+	.st3{fill:#FFFFFF;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+</style>
 <g id="spirale">
-	<circle style="fill:none;stroke:#000000;stroke-width:2.3152;stroke-miterlimit:10;" cx="294.46" cy="373.161" r="189.845"/>
-	<circle style="fill:none;stroke:#000000;stroke-width:2.3152;stroke-miterlimit:10;" cx="294.46" cy="373.161" r="160.509"/>
-	
-		<line style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" x1="294.46" y1="151.989" x2="294.46" y2="109.692"/>
-	
-		<line style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" x1="294.46" y1="612.167" x2="294.46" y2="654.463"/>
+	<line class="st0" x1="294.5" y1="152" x2="294.5" y2="109.7"/>
+	<line class="st0" x1="294.5" y1="612.2" x2="294.5" y2="654.5"/>
 </g>
 <g id="seconde">
-	<circle style="fill:none;stroke:#000000;stroke-miterlimit:10;" cx="294.46" cy="244.729" r="1.232"/>
+	<circle class="st1" cx="294.5" cy="244.7" r="1.2"/>
 </g>
 <g id="minutes">
-	<circle style="fill:#FFFFFF;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" cx="294.46" cy="212.882" r="5.509"/>
+	<circle class="st2" cx="294.5" cy="212.9" r="5.5"/>
 </g>
 <g id="heures_x5F_">
-	<circle style="fill:#FFFFFF;stroke:#000000;stroke-width:2;stroke-miterlimit:10;" cx="294.46" cy="183.316" r="17.833"/>
-	
-		<line style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" x1="55.454" y1="373.161" x2="13.158" y2="373.161"/>
-	
-		<line style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" x1="533.466" y1="373.161" x2="575.762" y2="373.161"/>
+	<circle class="st3" cx="294.5" cy="183.3" r="17.8"/>
+	<line class="st0" x1="55.5" y1="373.2" x2="13.2" y2="373.2"/>
+	<line class="st0" x1="533.5" y1="373.2" x2="575.8" y2="373.2"/>
 </g>
 </svg>
diff --git a/index-cercle-mult.html b/index-cercle-mult.html
index 1bc36de..027c5ca 100644
--- a/index-cercle-mult.html
+++ b/index-cercle-mult.html
@@ -13,14 +13,14 @@
 					  width: 100%;
 					  position: absolute;
 					}
-		
+
 		      svg {
 		        border: 1px solid #ddd;
 		        margin: auto;
 		        height: 100%;
 		        width: auto;
 		      }
-		
+
 		        /*
 		        * Rules for Vertical Screens
 		        */
@@ -30,7 +30,7 @@
 		            height: auto;
 		          }
 		        }
-		
+
 		      .scnd {
 		        display: none;
 		      }
@@ -53,101 +53,146 @@
       			<line style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" x1="533.466" y1="300" x2="575.762" y2="300"/>
     		</g>
 		</svg>
-		
+
 		<script>
-			
+
 			// Cloner un élément 60 fois:
 			// On va créer 60 items, et on va les masquer
-			
+
 			// On sélectionner notre modèle:
 			var itm = document.getElementById("seconde");
-			
+
 			var i; // i = convention, pour "integer" (nombre entier)
 			for (i = 0; i < 61; i++) {
-					
+
 				var angle = i*6;
-				
+
 				var angle = angle - 135; // Correction du "translate(50%,50%)"
-			
+
 				// Copy the element
 				var cln = itm.cloneNode(true);
-				
+
 				// Change the elment
 				cln.id = 'seconde'+i;
 				cln.style.transform = 'translate(50%,50%) rotate('+angle+'deg)';
-				
+
+				// Append the cloned element to something
+				document.getElementById("vector").appendChild(cln);
+
+			}
+
+
+
+			var itm = document.getElementById("minutes");
+
+			var i; // i = convention, pour "integer" (nombre entier)
+			for (i = 0; i < 61; i++) {
+
+				var angle = i*6;
+
+				var angle = angle - 135; // Correction du "translate(50%,50%)"
+
+				// Copy the element
+				var cln = itm.cloneNode(true);
+
+				// Change the elment
+				cln.id = 'minutes'+i;
+				cln.style.transform = 'translate(50%,50%) rotate('+angle+'deg)';
+
 				// Append the cloned element to something
 				document.getElementById("vector").appendChild(cln);
-			
+
 			}
-			
-			// Colorisation de quelques éléments pour visualiser leur position: 
-			
+
+			// Colorisation de quelques éléments pour visualiser leur position:
+
 			var sec0 = document.getElementById("seconde0");
 			sec0.style.fill = "red";
-			
+
 			var sec15 = document.getElementById("seconde15");
 			sec15.style.fill = "red";
-			
-			var sec45 = document.getElementById("seconde45");
-			sec45.style.fill = "red";
-			
+
 			var sec30 = document.getElementById("seconde30");
 			sec30.style.fill = "red";
-		
-			
-			
+
+			var sec45 = document.getElementById("seconde45");
+			sec45.style.fill = "red";
+
+			// Colorisation de quelques éléments pour visualiser leur position:
+
+
+			var minutes0 = document.getElementById("minutes0");
+			minutes0.style.fill = "blue";
+
+			var minutes15 = document.getElementById("minutes15");
+			minutes15.style.fill = "green";
+
+			var minutes30 = document.getElementById("minutes30");
+			minutes30.style.fill = "red";
+
+			var minutes45 = document.getElementById("minutes45");
+			minutes45.style.fill = "red";
+
+
+
+
+
+
+
 			function metronome() {
-			
+
 			  var date = new Date();
-			  
+
 			  var seconde = date.getSeconds();
-			  
+
 			  if ( seconde == 0 ) {
-			  
+
 			  	// masquer tous les .scnd
-			  	
+
 			  	var hideAll = document.getElementsByClassName("scnd") ;
-			  	
+
 			  	var i;
 			  	for (i = 0; i < hideAll.length; i++) {
 			  		hideAll[i].style.display = "none";
 			  	}
-			  	
+
 			  	// afficher l'élément zéro:
-			  	
+
 			  	var showSec = document.getElementById("seconde0");
 			  	showSec.style.display = "block";
-			  	
-			  
+
+
 			  } else {
-			  
+
 			  	// afficher l'élément
-			  
+
 			  	var sec = 'seconde' + date.getSeconds();
-		
+
 				  // console.log(sec);
-				  
+
 				  var showSec = document.getElementById(sec);
-				  
+
 				  showSec.style.display = "block";
-			  
+
 			  }
-		
+
 			} // fin de metronome()
-			
-			
+
+
+
+
+
 			// On lance metronome() une fois dès le chargement de la page:
-			
+
 			metronome();
-			
-			
+
+
 			// Répéter la fonction metronone une fois par seconde
-			
+
 			var forever = setInterval(function() {
 			  metronome();
 			}, 1000);
-		
+
 		</script>
   </body>
 </html>
diff --git a/index-cercle.html b/index-cercle.html
index c8ee724..a51fba6 100644
--- a/index-cercle.html
+++ b/index-cercle.html
@@ -6,7 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link rel="stylesheet" href="css/normalize.css">
         <style>
-	
+
 	        body {
 					  display: flex;
 					  flex-direction: column;
@@ -17,7 +17,7 @@
 					  position: absolute;
 					  top: 0;
 					}
-		
+
 		      svg {
 		        border: 1px solid #ddd;
 		        background: #fff;
@@ -25,21 +25,21 @@
 		        height: 100%;
 		        width: auto;
 		      }
-	
+
 	        /*
 	        * Rules for Vertical Screens
 	        */
 	        @media screen and ( max-aspect-ratio: 1/1 ) {
 	          body {
-	            background: #ccc;
+	            background: #f57578;
 	          }
 	          svg {
 	            width: 100%;
 	            height: auto;
 	          }
 	        }
-	
-	
+
+
 	        @keyframes sarabande {
 		        0% {
 		          transform: translate(50%,50%) rotate(0deg);
@@ -48,64 +48,99 @@
 		          transform: translate(50%,50%) rotate(360deg);
 		        }
 		      }
-	
+
 		      #seconde {
-		      	animation: sarabande 2s infinite;
+		      	animation: sarabande 60s infinite;
 	        	animation-timing-function: linear;
 	        	stroke: #00ff00;
 	        	fill: none;
 	        	stroke-miterlimit: 10;
 	        	transform: translate(50%,50%) rotate(0deg);
 		      }
+			  #minutes {
+			   animation: sarabande 60s infinite;
+			   animation-timing-function: linear;
+			   stroke: #00ff00;
+			   fill: none;
+			   stroke-miterlimit: 10;
+			   transform: translate(50%,50%) rotate(0deg);
+			 }
 
         </style>
     </head>
     <body>
 
 			<svg id="vector" width="600" height="600" viewbox="0 0 600 600">
-	
+
 	    		<circle id="seconde" cx="100" cy="100" r="16"/>
-		
+					<circle id="minutes" cx="100" cy="100" r="16"/>
+
 	    		<g id="markers">
 	      		<line style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" x1="55.454" y1="300" x2="13.158" y2="300"/>
-	
+
 	      		<line style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" x1="533.466" y1="300" x2="575.762" y2="300"/>
 	    		</g>
 			</svg>
 
+
 			<script>
-				
+
 
 				// coloriser un élément SVG
-				
+
 				// paramètres SVG:
 				// stroke-width
 				// stroke
-				
+
 				// document.getElementById("seconde").style.stroke = '#00ff00';
-				
+
 				document.querySelector("#seconde").style.stroke = '#00ffff';
 				document.querySelector("#seconde").style.strokeWidth = 3;
 				// document.querySelector("#seconde").style.transform = 'translate(0,-20%) rotate(-3deg)';
 				// document.getElementById("seconde").style.display = 'none';
 				// Changer la position:
-				
+
 				// Cloner un élément:
-				
+
 				// Get the last <li> element ("Milk") of <ul> with id="myList2"
 				var itm = document.getElementById("seconde");
-				
+
 				// Copy the element
 				var cln = itm.cloneNode(true);
-				
+
 				// Change the elment
 				cln.id = 'seconde1';
 				cln.style.stroke = '#ff0000';
 				cln.style.transform = 'translate(50%,50%) rotate(-0deg)';
-				
+
 				// Append the cloned element to something
 				document.getElementById("vector").appendChild(cln);
-				
+
+
+
+
+				document.querySelector("#minutes").style.stroke = '#00ffff';
+				document.querySelector("#minutes").style.strokeWidth = 3;
+				// document.querySelector("#seconde").style.transform = 'translate(0,-20%) rotate(-3deg)';
+				// document.getElementById("seconde").style.display = 'none';
+				// Changer la position:
+
+				// Cloner un élément:
+
+				// Get the last <li> element ("Milk") of <ul> with id="myList2"
+				var itm = document.getElementById("minutes");
+
+				// Copy the element
+				var cln = itm.cloneNode(true);
+
+				// Change the elment
+				cln.id = 'minutes1';
+				cln.style.stroke = '#ff0000';
+				cln.style.transform = 'translate(50%,50%) rotate(-0deg)';
+
+				// Append the cloned element to something
+				document.getElementById("vector").appendChild(cln);
+
 			</script>
     </body>
 </html>
diff --git a/visueL.pdf b/visueL.pdf
new file mode 100644
index 0000000..9ceb8cd
Binary files /dev/null and b/visueL.pdf differ