Index: gc_core/js/lang_core/gc_engine.js
==================================================================
--- gc_core/js/lang_core/gc_engine.js
+++ gc_core/js/lang_core/gc_engine.js
@@ -218,11 +218,11 @@
         sMessage = oEvalFunc[sMsg.slice(1)](s, m)
     } else {
         sMessage = sMsg._expand(m);
     }
     if (bIdRule) {
-        sMessage += "  #" + sLineId + " #" + sRuleId;
+        sMessage += " ##" + sLineId + " #" + sRuleId;
     }
     oErr["sMessage"] = sMessage;
     // URL
     oErr["URL"] = sURL || "";
     // Context

Index: gc_lang/fr/xpi/data/gc_panel.css
==================================================================
--- gc_lang/fr/xpi/data/gc_panel.css
+++ gc_lang/fr/xpi/data/gc_panel.css
@@ -164,17 +164,19 @@
     position: absolute;
     display: none;
 }
 #gc_tooltip #gc_rule_id {
     display: none;
-    background-color: hsla(0, 5%, 35%, 1);
+    margin: 0 0 5px 0;
+    border: 1px solid hsl(210, 50%, 60%);
+    background-color: hsl(210, 50%, 40%);
     padding: 2px 5px;
-    margin-left: 5px;
     border-radius: 2px;
-    color: hsla(0, 0%, 96%, 1);
+    color: hsla(210, 0%, 96%, 1);
     font-size: 11px;
     font-style: normal;
+    text-align: center;
 }
 #gc_message_block {
     padding: 5px 10px 10px 10px;
     background-color: hsl(210, 50%, 30%);
     color: hsl(210, 50%, 96%);

Index: gc_lang/fr/xpi/data/gc_panel.js
==================================================================
--- gc_lang/fr/xpi/data/gc_panel.js
+++ gc_lang/fr/xpi/data/gc_panel.js
@@ -304,11 +304,18 @@
         xNodeTooltipArrow.style.left = (xNodeErr.offsetLeft + Math.floor((xNodeErr.offsetWidth / 2))-4) + "px" // 4 is half the width of the arrow.
         xNodeTooltip.style.top = (xNodeErr.offsetTop + 20) + "px";
         xNodeTooltip.style.left = (xNodeErr.offsetLeft > nLimit) ? nLimit + "px" : xNodeErr.offsetLeft + "px";
         if (xNodeErr.dataset.error_type === "grammar") {
             // grammar error
-            document.getElementById("gc_message").textContent = xNodeErr.dataset.gc_message;
+            if (xNodeErr.dataset.gc_message.includes(" ##")) {
+                let n = xNodeErr.dataset.gc_message.indexOf(" ##");
+                document.getElementById("gc_message").textContent = xNodeErr.dataset.gc_message.slice(0, n);
+                document.getElementById("gc_rule_id").textContent = "Règle : " + xNodeErr.dataset.gc_message.slice(n+2);
+                document.getElementById("gc_rule_id").style.display = "block";
+            } else {
+                document.getElementById("gc_message").textContent = xNodeErr.dataset.gc_message;
+            }
             if (xNodeErr.dataset.gc_url != "") {
                 document.getElementById("gc_url").style.display = "inline";
                 document.getElementById("gc_url").setAttribute("href", xNodeErr.dataset.gc_url);
             } else {
                 document.getElementById("gc_url").style.display = "none";
@@ -368,10 +375,11 @@
     stopWaitIcon();
 }
 
 function hideAllTooltips () {
     document.getElementById("gc_tooltip").style.display = "none";
+    document.getElementById("gc_rule_id").style.display = "none";
     document.getElementById("sc_tooltip").style.display = "none";
     document.getElementById("gc_tooltip_arrow").style.display = "none";
     document.getElementById("sc_tooltip_arrow").style.display = "none";
 }