Index: gc_lang/fr/webext/content_scripts/menu.css
==================================================================
--- gc_lang/fr/webext/content_scripts/menu.css
+++ gc_lang/fr/webext/content_scripts/menu.css
@@ -12,43 +12,36 @@
     box-sizing: border-box;
     display: none;
     margin: -8px 0 0 -8px;
     width: 16px;
     height: 16px;
-    background-color: hsla(210, 80%, 80%, .5);
-    border: 4px solid hsla(210, 80%, 60%, .5);
-    border-top: 4px solid hsla(210, 100%, 40%, .7);
-    border-bottom: 4px solid hsla(210, 100%, 40%, .7);
+    background-color: hsla(210, 80%, 40%, .2);
+    border: 4px solid hsla(210, 80%, 30%, .5);
+    border-top: 4px solid hsla(210, 100%, 70%, .9);
+    border-bottom: 4px solid hsla(210, 100%, 70%, .9);
     border-radius: 50%;
     text-align: center;
     cursor: pointer;
-    box-shadow: 0 0 0 0 hsla(210, 50%, 50%, .5);
+    box-shadow: 0 0 0 0 hsla(210, 80%, 50%, .5);
     /*z-index: 2147483640; /* maximum is 2147483647: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index */
     animation: grammalecte-spin 2s ease 1;
 }
 .grammalecte_menu_main_button:hover {
-    border: 4px solid hsla(210, 80%, 35%, .5);
-    background-color: hsla(210, 80%, 55%, .5);
+    background-color: hsla(180, 100%, 55%, .6);
     animation: grammalecte-spin .5s linear infinite;
 }
 
 @keyframes grammalecte-spin {
     0% {
         transform: rotate(0deg) scale(1);
-        border-top: 4px solid hsla(210, 100%, 40%, .7);
-        border-bottom: 4px solid hsla(210, 100%, 40%, .7);
-    }
-    70% {
-        transform: rotate(180deg) scale(.8);
-        border-top: 4px solid hsla(0, 100%, 40%, .7);
-        border-bottom: 4px solid hsla(0, 100%, 40%, .7);
-        box-shadow: 0 0 0 20px hsla(210, 50%, 50%, 0);
+    }
+    50% {
+        transform: rotate(180deg) scale(.9);
+        box-shadow: 0 0 0 10px hsla(210, 50%, 50%, 0);
     }
     100% {
         transform: rotate(360deg) scale(1);
-        border-top: 4px solid hsla(210, 100%, 40%, .7);
-        border-bottom: 4px solid hsla(210, 100%, 40%, .7);
         box-shadow: 0 0 0 0 hsla(210, 50%, 50%, 0);
     }
 }
 
 

Index: gc_lang/fr/webext/content_scripts/panel.css
==================================================================
--- gc_lang/fr/webext/content_scripts/panel.css
+++ gc_lang/fr/webext/content_scripts/panel.css
@@ -125,37 +125,30 @@
     visibility: hidden;
     box-sizing: border-box;
     width: 40px;
     height: 40px;
     position: absolute;
-    top: 0px;
+    top: 2px;
     right: 200px;
-    background-color: hsla(210, 80%, 80%, .5);
-    border: 10px solid hsla(210, 80%, 60%, .5);
-    border-top: 10px solid hsla(210, 100%, 40%, .7);
-    border-bottom: 10px solid hsla(210, 100%, 40%, .7);
+    background-color: hsla(210, 100%, 30%, .1);
+    border: 3px solid hsla(210, 100%, 30%, .1);
+    border-top: 3px solid hsla(210, 100%, 50%, .8);
     border-radius: 50%;
     text-align: center;
     cursor: pointer;
-    box-shadow: 0 0 0 0 hsla(210, 50%, 50%, .5);
-    animation: grammalecte-spin-big .5s linear infinite;
+    box-shadow: 0 0 0 0 hsla(210, 80%, 50%, .5);
+    animation: grammalecte-spin-big 2s linear infinite;
 }
 
 @keyframes grammalecte-spin-big {
     0% {
         transform: rotate(0deg) scale(1);
-        border-top: 10px solid hsla(210, 100%, 40%, .7);
-        border-bottom: 10px solid hsla(210, 100%, 40%, .7);
-    }
-    70% {
-        transform: rotate(180deg) scale(.8);
-        border-top: 10px solid hsla(0, 100%, 40%, .7);
-        border-bottom: 10px solid hsla(0, 100%, 40%, .7);
-        box-shadow: 0 0 0 20px hsla(210, 50%, 50%, 0);
+    }
+    50% {
+        transform: rotate(180deg) scale(.9);
+        box-shadow: 0 0 0 10px hsla(210, 50%, 50%, 0);
     }
     100% {
         transform: rotate(360deg) scale(1);
-        border-top: 10px solid hsla(210, 100%, 40%, .7);
-        border-bottom: 10px solid hsla(210, 100%, 40%, .7);
         box-shadow: 0 0 0 0 hsla(210, 50%, 50%, 0);
     }
 }