use class="hidden" not style="display:none"

30 files changed, 34 insertions, 36 deletions

diff --git a/files/fr/web/api/cachestorage/match/index.html b/files/fr/web/api/cachestorage/match/index.html
index 42346f8fd0..22e25ab644 100644
--- a/files/fr/web/api/cachestorage/match/index.html
+++ b/files/fr/web/api/cachestorage/match/index.html
@@ -40,7 +40,7 @@ translation_of: Web/API/CacheStorage/match
   <li><code>ignoreSearch</code>: Un {{domxref("Boolean")}} qui détermine si le preocessus de rapprochement doit ignorer la chaîne de requête dans l'url. Défini à <code>true</code>, la partie <code>?value=bar</code> de <code>http://foo.com/?value=bar</code> sera ignoré lors d'un rapporchement. La valeur par défaut est <code>false</code>.</li>
   <li><code>ignoreMethod</code>: Un {{domxref("Boolean")}} qui, quand défini à <code>true</code>, empêche l'opération de rapprochement de valider le verbe http de la {{domxref("Request", "Requête")}} <code>http</code> (normalement, seulement <code>GET</code> et <code>HEAD</code> sont authorisés) La valeur par défaut est <code>false</code>.</li>
   <li><code>ignoreVary</code>: Un {{domxref("Boolean")}} qui, quand défini à <code>true</code>, dit à l'opération de rapprochement de ne pas faire le rapprochement avec le header <code>VARY</code>. En d'autres termes, si une URL est sélectionnée elle sera conservée indépemment de la présence du header <code>VARY</code>. La valeur par défaut est <code>false</code>.</li>
-  <li><code>cacheName</code>: Un {{domxref("DOMString")}} qui représente le cache dans lequel on recherche.<span style="display: none;"> </span></li>
+  <li><code>cacheName</code>: Un {{domxref("DOMString")}} qui représente le cache dans lequel on recherche.<span class="hidden"> </span></li>
  </ul>
  </dd>
 </dl>
diff --git a/files/fr/web/api/canvasgradient/addcolorstop/index.html b/files/fr/web/api/canvasgradient/addcolorstop/index.html
index 76059cf23b..3929dde01b 100644
--- a/files/fr/web/api/canvasgradient/addcolorstop/index.html
+++ b/files/fr/web/api/canvasgradient/addcolorstop/index.html
@@ -52,7 +52,7 @@ ctx.fillRect(10, 10, 200, 100);
 
 <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/arc/index.html b/files/fr/web/api/canvasrenderingcontext2d/arc/index.html
index 28219272c1..f71bbb14db 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/arc/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/arc/index.html
@@ -55,7 +55,7 @@ ctx.stroke();</code></pre>
 
 <p>Modifiez le code ci-dessous et voyez les changements en direct sur le canvas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code" name="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -101,7 +101,7 @@ window.addEventListener("load", drawCanvas);
 
 <p>Dans cet exemple, plusieurs formes différentes sont dessinées, afin de montrer les possibilités offertes par <code>arc()</code>.</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="HTML_2">HTML</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="150" height="200"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html
index 4df338c796..63a7c190dc 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html
@@ -49,7 +49,7 @@ ctx.stroke();
 
 <p>Éditez le code ci-dessous pour voir vos changements directemment apportés au canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
index b3748ccbd7..6d32bb14f5 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
@@ -40,7 +40,7 @@ ctx.stroke();
 
 <p>Editez le code ci-dessous et observez les répercutions dans le canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html b/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html
index 76fb50df9f..a764bd4477 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html
@@ -70,7 +70,7 @@ ctx.fillRect(10, 10, 200, 100);
 
 <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel sur le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html
index 1d217a65b7..9355533e78 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html
@@ -65,7 +65,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sLargeur, sHauteur, dx, dy, dLar
 <h4 id="HTML">HTML</h4>
 
 <pre class="brush: html">&lt;canvas id="canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
   &lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg"
        width="300" height="227"&gt;
 &lt;/div&gt;
@@ -82,11 +81,10 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104);
 
 <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
-&lt;div style="display:none;"&gt;
   &lt;img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"&gt;
 &lt;/div&gt;
 &lt;div class="playable-buttons"&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html b/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html
index 61d8e1345d..80b247abdc 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html
@@ -62,7 +62,7 @@ ctx.stroke();
 
 <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas (vérifiez le support de votre navigateur dans la table de compatibilité si aucune ellipse n'est tracée) :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code" name="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html
index 2a5e36e2cb..3bec32ef04 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html
@@ -54,7 +54,7 @@ ctx.fillRect(10, 10, 100, 100);
 
 <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html b/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html
index 666e230f59..598c9bb3ac 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html
@@ -58,7 +58,7 @@ ctx.fillText('Hello world', 50, 100);
 
 <p>Modifiez le code ci-dessous et voyez vos changements être mis à jour en temps réel dans le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html b/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html
index 51359d72fd..afa3187b8b 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html
@@ -51,7 +51,7 @@ ctx.stroke();
 
 <p>Éditez le code suivant pour voir les changements en direct:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html b/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html
index f7890599d4..a290011500 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html
@@ -49,7 +49,7 @@ ctx.stroke();
 
 <p>Éditez le code ci-dessous pour voir vos changements mettre à jour le canvas en direct:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/rect/index.html b/files/fr/web/api/canvasrenderingcontext2d/rect/index.html
index f030ad7c92..72cc18fca8 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/rect/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/rect/index.html
@@ -51,7 +51,7 @@ ctx.fill();
 
 <p>Éditez le code ci-dessous pour voir vos mises à jour apportées au canvas directement:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html
index 94dabd0201..66a5dcea2d 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
 
 <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/scale/index.html b/files/fr/web/api/canvasrenderingcontext2d/scale/index.html
index 91746be321..d0315f61ea 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/scale/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/scale/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
 
 <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
@@ -100,7 +100,7 @@ window.addEventListener("load", drawCanvas);
 
 <p>Vous pouvez utiliser <code>ctx.scale(-1, 1)</code> pour retourner le contexte horizontalement et <code>ctx.scale(1, -1) </code>pour le retourner verticalement.</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code2">Playable code2</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html b/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html
index 99a57ca4c5..2f821c9367 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html
@@ -69,7 +69,7 @@ ctx.stroke();
 
 <p>Editez le code ci-dessous et observez les changements se produire dans le canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html b/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html
index 54a288091b..e538f72e22 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html
@@ -61,7 +61,7 @@ ctx.fillRect(0, 0, 100, 100);
 
 <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html b/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html
index 59f9bb5f95..4813eca699 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html
@@ -41,7 +41,7 @@ ctx.stroke();
 
 <p>Editer le code en dessous et voir vos modifications mises à jour en direct dans le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
index e2ac6a0f97..e625af9801 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
@@ -53,7 +53,7 @@ ctx.strokeRect(10, 10, 100, 100);
 
 <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html
index 379e409679..8c89a5bf6b 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html
@@ -58,7 +58,7 @@ ctx.strokeText('Hello world', 50, 100);
 
 <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas:</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/transform/index.html b/files/fr/web/api/canvasrenderingcontext2d/transform/index.html
index fa60151b13..f90c0fca72 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/transform/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/transform/index.html
@@ -61,7 +61,7 @@ ctx.fillRect(0, 0, 100, 100);
 
 <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html
index 6146a88b6c..2ea645a83d 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html
@@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0);
 
 <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct sur le canevas :</p>
 
-<div style="display: none;">
+<div class="hidden">
 <h6 id="Playable_code">Playable code</h6>
 
 <pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
diff --git a/files/fr/web/api/credential/index.html b/files/fr/web/api/credential/index.html
index 3c0956f0df..e4d0953c70 100644
--- a/files/fr/web/api/credential/index.html
+++ b/files/fr/web/api/credential/index.html
@@ -23,7 +23,7 @@ translation_of: Web/API/Credential
  <ul>
   <li><code>password</code> (pour {{domxref("PasswordCredential")}})</li>
   <li><code>federated</code> (pour {{domxref("FederatedCredential")}})</li>
-  <li><code>public-key</code> (pour {{domxref("PublicKeyCredential")}})<span style="display: none;"> </span></li>
+  <li><code>public-key</code> (pour {{domxref("PublicKeyCredential")}})<span class="hidden"> </span></li>
  </ul>
  </dd>
 </dl>
diff --git a/files/fr/web/api/document/adoptnode/index.html b/files/fr/web/api/document/adoptnode/index.html
index 959e060387..16b8760df2 100644
--- a/files/fr/web/api/document/adoptnode/index.html
+++ b/files/fr/web/api/document/adoptnode/index.html
@@ -24,8 +24,8 @@ translation_of: Web/API/Document/adoptNode
 </pre>
 
 <dl>
- <dt><code><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>node</code></dt>
- <dd>est le noeud adopté  qui a maintenant ce document en tant que son <code><a href="/en-US/docs/DOM/Node.ownerDocument" title="DOM/Node.ownerDocument">ownerDocument</a></code> (<em>document propriétaire</em>). Le <a href="/en-US/docs/DOM/Node.parentNode"><code>parentNode</code></a> du noeud est <code>null</code>, car il n'a pas encore été inséré dans l'arborescence du document.  Notez que <code>node</code> et <code>externalNode</code> sont le même objet après cet appel.<span style="display: none;">  </span><span style="display: none;"> </span></dd>
+ <dt><code><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>node</code></dt>
+ <dd>est le noeud adopté  qui a maintenant ce document en tant que son <code><a href="/en-US/docs/DOM/Node.ownerDocument" title="DOM/Node.ownerDocument">ownerDocument</a></code> (<em>document propriétaire</em>). Le <a href="/en-US/docs/DOM/Node.parentNode"><code>parentNode</code></a> du noeud est <code>null</code>, car il n'a pas encore été inséré dans l'arborescence du document.  Notez que <code>node</code> et <code>externalNode</code> sont le même objet après cet appel.<span class="hidden">  </span><span class="hidden"> </span></dd>
  <dt><code>externalNode</code></dt>
  <dd>est le noeud à adopter existant dans un autre document.</dd>
 </dl>
diff --git a/files/fr/web/api/document/compatmode/index.html b/files/fr/web/api/document/compatmode/index.html
index 23cd1c1dbd..0197c02c50 100644
--- a/files/fr/web/api/document/compatmode/index.html
+++ b/files/fr/web/api/document/compatmode/index.html
@@ -20,7 +20,7 @@ translation_of: Web/API/Document/compatMode
 <h2 id="Valeurs">Valeurs</h2>
 
 <ul>
- <li><code>"BackCompat"</code> si le document est a<span style="display: none;"> </span>ffiché en mode<span style="display: none;"> </span><span style="display: none;"> </span> "quirks" ;<span style="display: none;"> </span></li>
+ <li><code>"BackCompat"</code> si le document est a<span class="hidden"> </span>ffiché en mode<span class="hidden"> </span><span class="hidden"> </span> "quirks" ;<span class="hidden"> </span></li>
 </ul>
 
 <dl>
@@ -29,7 +29,7 @@ translation_of: Web/API/Document/compatMode
 </dl>
 
 <ul>
- <li><code>"CSS1Compat"</code> si le document est affiché en mode "no-quirks" (aussi connu sous le nom de mode "standard") ou "limited-quirks" (mo<span style="display: none;"> </span>de "proche du standard").</li>
+ <li><code>"CSS1Compat"</code> si le document est affiché en mode "no-quirks" (aussi connu sous le nom de mode "standard") ou "limited-quirks" (mo<span class="hidden"> </span>de "proche du standard").</li>
 </ul>
 
 <dl>
diff --git a/files/fr/web/api/document/execcommand/index.html b/files/fr/web/api/document/execcommand/index.html
index 0828ac309b..dd90b03485 100644
--- a/files/fr/web/api/document/execcommand/index.html
+++ b/files/fr/web/api/document/execcommand/index.html
@@ -338,7 +338,7 @@ translation_of: Web/API/Document/execCommand
     </div>
      </div>
 
-<div id="compat-mobile" style="display: none;">
+<div id="compat-mobile" class="hidden">
 <table class="compat-table">
  <tbody>
   <tr>
diff --git a/files/fr/web/api/elementcssinlinestyle/style/index.html b/files/fr/web/api/elementcssinlinestyle/style/index.html
index 69b6276029..f6a4337edf 100644
--- a/files/fr/web/api/elementcssinlinestyle/style/index.html
+++ b/files/fr/web/api/elementcssinlinestyle/style/index.html
@@ -43,7 +43,7 @@ div.style.marginTop = ".25cm";
 
 <p>{{Compat("api.HTMLElement.style")}}</p>
 
-<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification"><span id="1236997045923S" style="display: none;"> </span>Voir aussi</h2>
+<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification"><span id="1236997045923S" class="hidden"> </span>Voir aussi</h2>
 
 <ul>
  <li><a class="internal" href="/en/CSS/CSS_Reference" title="en/CSS/CSS_Reference">Liste des propriétés CSS DOM</a> (en)</li>
diff --git a/files/fr/web/api/event/event/index.html b/files/fr/web/api/event/event/index.html
index aeb96638d8..464a126f19 100644
--- a/files/fr/web/api/event/event/index.html
+++ b/files/fr/web/api/event/event/index.html
@@ -30,7 +30,7 @@ translation_of: Web/API/Event/Event
  <ul>
   <li><code>bubbles</code>: (facultatif) un {{jsxref("Boolean")}} indiquant si les événements sont propagés . Par défaut est <code>false</code> (<em>faux</em>).</li>
   <li><code>cancelable</code>: (facultatif) un {{jsxref("Boolean")}} indiquant si l'évènement peut être annulé. Par défaut est <code>false</code> (<em>faux</em>) .</li>
-  <li><code>composed</code>: ( facultatif ) un {{jsxref("Boolean")}} indiquant si l'évènement déclenchera les écouteurs en dehors d'une racine shadow (voir {{domxref("Event.composed")}} pour plus de détails). Par défaut est <code>false</code> (<em>faux</em>) .<span style="display: none;"> </span></li>
+  <li><code>composed</code>: ( facultatif ) un {{jsxref("Boolean")}} indiquant si l'évènement déclenchera les écouteurs en dehors d'une racine shadow (voir {{domxref("Event.composed")}} pour plus de détails). Par défaut est <code>false</code> (<em>faux</em>) .<span class="hidden"> </span></li>
  </ul>
  </dd>
 </dl>
diff --git a/files/fr/web/api/mouseevent/index.html b/files/fr/web/api/mouseevent/index.html
index 9ca9f98666..f201122012 100644
--- a/files/fr/web/api/mouseevent/index.html
+++ b/files/fr/web/api/mouseevent/index.html
@@ -85,7 +85,7 @@ translation_of: Web/API/MouseEvent
  <dd>Alias pour {{domxref("MouseEvent.clientY")}}.</dd>
 </dl>
 
-<h2 id="Constantes"><span style="display: none;"> </span><span style="display: none;"> </span>Constantes</h2>
+<h2 id="Constantes"><span class="hidden"> </span><span class="hidden"> </span>Constantes</h2>
 
 <dl>
  <dt>{{domxref("MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN")}} {{non-standard_inline}}{{readonlyinline}}</dt>
diff --git a/files/fr/web/api/worker/worker/index.html b/files/fr/web/api/worker/worker/index.html
index 34717d9a21..662be32858 100644
--- a/files/fr/web/api/worker/worker/index.html
+++ b/files/fr/web/api/worker/worker/index.html
@@ -30,7 +30,7 @@ translation_of: Web/API/Worker/Worker
  <ul>
   <li><code>type</code>: Une {{domxref("DOMString")}} définissant le type de worker à créer. The valeur peuvent être <code>classic</code> ou <code>module</code>. Si cette prpriété n'est pas définie, la valeur sera <code>classic</code>.</li>
   <li><code>credentials</code>: Une {{domxref("DOMString")}} définissant le type de politique d'origine à utiliser pour le <em>worker</em>. Les valeurs peuvent être <dfn><code>omit</code></dfn>, <code><dfn>same-origin</dfn></code> ou <dfn><code>include</code>. </dfn>Si cette propriété n'est pas définie, ou que type est défini à <code>classic</code>, la valeur sera <code>classic</code>.</li>
-  <li><code>name</code>: Une {{domxref("DOMString")}} définissant un identifiant pour l'environment du worker {{domxref("DedicatedWorkerGlobalScope")}}, souvent utilisé pour le débogage.<span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></li>
+  <li><code>name</code>: Une {{domxref("DOMString")}} définissant un identifiant pour l'environment du worker {{domxref("DedicatedWorkerGlobalScope")}}, souvent utilisé pour le débogage.<span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></li>
  </ul>
  </dd>
 </dl>