diff --git a/SwichGIT/src/css/Resp3.css b/SwichGIT/src/css/Resp3.css
index cfaf622..27ed7fa 100644
--- a/SwichGIT/src/css/Resp3.css
+++ b/SwichGIT/src/css/Resp3.css
@@ -4,7 +4,7 @@
     .anneau {
         position: relative;
         left: calc((var(--x) - var(--y)) / 2);
-        background-color: var(--colorrond);
+        background-color: var(--colorbase);
         border-radius: var(--y);
         height: var(--y);
         width: var(--y);
diff --git a/SwichGIT/src/css/base.css b/SwichGIT/src/css/base.css
index cc87cc3..d59d42b 100644
--- a/SwichGIT/src/css/base.css
+++ b/SwichGIT/src/css/base.css
@@ -3,7 +3,11 @@
 	--lightprima: #DEDEDE;
 	--lightsedonca: #B7B7B7;
 	--lighttercia: #E6E6E6;
-	--colorrond : #e75259;
+	/*Couleur*/
+	--colorbase : #e75259;
+	--colorone : #00CBFF;
+	--colortwo : #00FF6E;
+	--colorthree : #C800FF;
 	--colorcarre : #30C0DE;
 	/*Les formes*/
 	--x : 3vw;
diff --git a/SwichGIT/src/js/main.js b/SwichGIT/src/js/main.js
index af5fbd6..2737814 100644
--- a/SwichGIT/src/js/main.js
+++ b/SwichGIT/src/js/main.js
@@ -171,13 +171,13 @@ class Figure {
 						unCercle.className = "anneau";
 
 						if (pos == 0 || pos == 2 || pos == 9 || pos == 11) {
-							unCercle.style.backgroundColor = "#00CBFF";
+							unCercle.style.backgroundColor = "var(--colorone)";
 						}
 						if (pos == 1 || pos == 10) {
-							unCercle.style.backgroundColor = "#00FF6E";
+							unCercle.style.backgroundColor = "var(--colortwo)";
 						}
 						if (pos == 4 || pos == 7) {
-							unCercle.style.backgroundColor = "#C800FF";
+							unCercle.style.backgroundColor = "var(--colorthree)";
 						}
 
 						var unRond = document.createElement('div');