1 files changed, 5 insertions, 7 deletions
diff --git a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
index 065b755712..ee83dd8db5 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html
@@ -27,7 +27,7 @@ translation_of: Web/API/CanvasRenderingContext2D/closePath
 
 <h4 id="JavaScript">JavaScript</h4>
 
-<pre class="brush: js; highlight:[8]">var canvas = document.getElementById("canvas");
+<pre class="brush: js">var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d");
 
 ctx.beginPath();
@@ -40,10 +40,9 @@ ctx.stroke();
 
 <p>Editez le code ci-dessous et observez les répercutions dans le canvas:</p>
 
-<div class="hidden">
-<h6 id="Playable_code">Playable code</h6>
+<h4 id="code_jouable">Code jouable</h4>
 
-<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
+<pre class="brush: html hidden">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
 &lt;div class="playable-buttons"&gt;
   &lt;input id="edit" type="button" value="Edit" /&gt;
   &lt;input id="reset" type="button" value="Reset" /&gt;
@@ -57,7 +56,7 @@ ctx.closePath(); // draws last line of the triangle
 ctx.stroke();&lt;/textarea&gt;
 </pre>
 
-<pre class="brush: js">var canvas = document.getElementById("canvas");
+<pre class="brush: js hidden">var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d");
 var textarea = document.getElementById("code");
 var reset = document.getElementById("reset");
@@ -81,9 +80,8 @@ edit.addEventListener("click", function() {
 textarea.addEventListener("input", drawCanvas);
 window.addEventListener("load", drawCanvas);
 </pre>
-</div>
 
-<p>{{ EmbedLiveSample('Playable_code', 700, 400) }}</p>
+<p>{{ EmbedLiveSample('code_jouable', 700, 400) }}</p>
 
 <h2 id="Spécifications">Spécifications</h2>