3 files changed, 20 insertions, 24 deletions
diff --git a/files/fr/web/api/customevent/detail/index.html b/files/fr/web/api/customevent/detail/index.html
index 0890ad04bb..17b2453a60 100644
--- a/files/fr/web/api/customevent/detail/index.html
+++ b/files/fr/web/api/customevent/detail/index.html
@@ -41,7 +41,7 @@ let myDetail = <em>event.detail</em>;
 
 <h2 id="Spécifications">Spécifications</h2>
 
-<table class="standard-table" style="height: 49px; width: 1000px;">
+<table class="standard-table">
  <thead>
   <tr>
    <th scope="col">Spécification</th>
diff --git a/files/fr/web/api/customevent/index.html b/files/fr/web/api/customevent/index.html
index d49584c1fb..5fcc5dc9a1 100644
--- a/files/fr/web/api/customevent/index.html
+++ b/files/fr/web/api/customevent/index.html
@@ -15,18 +15,18 @@ translation_of: Web/API/CustomEvent
 
 <p>{{AvailableInWorkers}}</p>
 
-<h2 id="Method_overview" name="Method_overview">Constructeur</h2>
+<h2 id="Method_overview">Constructeur</h2>
 
 <dl>
  <dt>{{domxref("CustomEvent.CustomEvent", "CustomEvent()")}}</dt>
  <dd>Crée un <code>CustomEvent.</code></dd>
 </dl>
 
-<h2 id="Attributes" name="Attributes">Propriétés</h2>
+<h2 id="Attributes">Propriétés</h2>
 
 <dl>
  <dt>{{domxref("CustomEvent.detail")}} {{readonlyinline}}</dt>
- <dd><span id="result_box" lang="fr"><span>Toute donnée transmise lors de l'initialisation de l'événement.</span></span></dd>
+ <dd>Toute donnée transmise lors de l'initialisation de l'événement.</dd>
 </dl>
 
 <p>Cette interface hérite des propriétés de son parent {{domxref("Event")}}:</p>
@@ -37,7 +37,7 @@ translation_of: Web/API/CustomEvent
 
 <dl>
  <dt>{{domxref("CustomEvent.initCustomEvent()")}} {{deprecated_inline}}</dt>
- <dd><span id="result_box" lang="fr"><span>Initialise un objet CustomEvent.</span> <span>Si l'événement a déjà été distribué, cette méthode ne fait rien.</span></span></dd>
+ <dd>Initialise un objet CustomEvent. Si l'événement a déjà été distribué, cette méthode ne fait rien.</dd>
 </dl>
 
 <p>Cette interface hérite les méthodes de son parent {{domxref("Event")}}:</p>
@@ -63,33 +63,29 @@ translation_of: Web/API/CustomEvent
  </tbody>
 </table>
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilité des navigateurs</h2>
-
-
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
 
 <p>{{Compat("api.CustomEvent")}}</p>
 
-<div id="compat-desktop">
 <h2 id="Déclenchement_à_partir_de_code_privilégié_vers_du_code_non-privilégié">Déclenchement à partir de code privilégié vers du code non-privilégié</h2>
-</div>
 
 <p>Lors du déclenchement d'un CustomEvent depuis du code privilégié (une extension, par exemple) vers du code non-privilégié (une page web par exemple), vous devez prendre en considération la sécurité. Firefox et les autres applications Gecko empêchent qu'un objet créé dans un contexte soit utilisé dans un autre, ce qui empêchera généralement les failles de sécurité, mais ces restrictions peuvent aussi empêcher votre code de s'executer comme prévu.</p>
 
-<p>Lors de la création d'un objet CustomEvent, vous devez créer l'objet à partir de la même <a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/window">fenêtre</a> que celle où vous déclencherez l'évenement.</p>
+<p>Lors de la création d'un objet CustomEvent, vous devez créer l'objet à partir de la même <a href="/fr/docs/Mozilla/Tech/XUL/window">fenêtre</a> que celle où vous déclencherez l'évenement.</p>
 
-<pre class="brush: js line-numbers  language-js"><code class="language-js"><span class="comment token">// doc est une référence au contenu du document</span>
-<span class="keyword token">function</span> <span class="function token">dispatchCustomEvent</span><span class="punctuation token">(</span>doc<span class="punctuation token">)</span> <span class="punctuation token">{</span>
-  <span class="keyword token">var</span> eventDetail <span class="operator token">=</span> Components<span class="punctuation token">.</span>utils<span class="punctuation token">.</span><span class="function token">cloneInto</span><span class="punctuation token">(</span><span class="punctuation token">{</span>foo<span class="punctuation token">:</span> <span class="string token">'bar'</span><span class="punctuation token">}</span><span class="punctuation token">,</span> doc<span class="punctuation token">.</span>defaultView<span class="punctuation token">)</span><span class="punctuation token">;</span>
-  <span class="keyword token">var</span> myEvent <span class="operator token">=</span> doc<span class="punctuation token">.</span>defaultView<span class="punctuation token">.</span><span class="function token">CustomEvent</span><span class="punctuation token">(</span><span class="string token">"mytype"</span><span class="punctuation token">,</span> eventDetail<span class="punctuation token">)</span><span class="punctuation token">;</span>
-  doc<span class="punctuation token">.</span><span class="function token">dispatchEvent</span><span class="punctuation token">(</span>myEvent<span class="punctuation token">)</span><span class="punctuation token">;</span>
-<span class="punctuation token">}</span></code></pre>
+<pre class="brush: js">// doc est une référence au contenu du document
+function dispatchCustomEvent(doc) {
+  var eventDetail = Components.utils.cloneInto({foo: 'bar'}, doc.defaultView);
+  var myEvent = doc.defaultView.CustomEvent("mytype", eventDetail);
+  doc.dispatchEvent(myEvent);
+}</pre>
 
 <p>Notez qu'exposer une fonction permettra au script de l'exécuter avec les privilèges qu'accorde Chrome ce qui peut ouvrir une faille de sécurité.</p>
 
-<h2 id="Specification" name="Specification">Voir aussi</h2>
+<h2 id="Specification">Voir aussi</h2>
 
 <ul>
- <li><a href="/fr/docs/Extraits_de_code/Interaction_entre_des_pages_%C3%A0_privil%C3%A8ges_et_sans_privil%C3%A8ges" title="/fr/docs/Extraits_de_code/Interaction_entre_des_pages_%C3%A0_privil%C3%A8ges_et_sans_privil%C3%A8ges">Interaction entre pages privilégiées et non-privilégiées</a></li>
- <li><a href="https://developer.mozilla.org/fr/docs/Web/API/Window/postMessage" title="/en-US/docs/Web/API/window.postMessage">Window.postMessage</a></li>
- <li><a href="https://developer.mozilla.org/fr/docs/Web/Guide/DOM/Events/Creating_and_triggering_events">Création et déclenchement d'événements</a></li>
+ <li><a href="/fr/docs/Extraits_de_code/Interaction_entre_des_pages_%C3%A0_privil%C3%A8ges_et_sans_privil%C3%A8ges">Interaction entre pages privilégiées et non-privilégiées</a></li>
+ <li><a href="/fr/docs/Web/API/Window/postMessage">Window.postMessage</a></li>
+ <li><a href="/fr/docs/Web/Guide/DOM/Events/Creating_and_triggering_events">Création et déclenchement d'événements</a></li>
 </ul>
diff --git a/files/fr/web/api/customevent/initcustomevent/index.html b/files/fr/web/api/customevent/initcustomevent/index.html
index 4a1896eb5f..29dfb281d8 100644
--- a/files/fr/web/api/customevent/initcustomevent/index.html
+++ b/files/fr/web/api/customevent/initcustomevent/index.html
@@ -13,10 +13,10 @@ translation_of: Web/API/CustomEvent/initCustomEvent
 
 <p>Les évènements initialisés par ce moyen doivent être créés avec la méthode {{domxref("Document.createEvent()")}}. Cette méthode doit être appelée pour définir l'évènement avant son envoi en utilisant {{domxref("EventTarget.dispatchEvent()") }}. Une fois l'évènement envoyé, la méthode ne fait rien.</p>
 
-<div class="note">
-<p><strong>N'utilisez plus cette méthode car elle est dépréciée.</strong></p>
+<div class="warning">
+<p><strong>Attention :</strong> N'utilisez plus cette méthode car elle est dépréciée.</p>
 
-<p>À la place, utilisez les constructeurs d'évènements spécifiques comme {{domxref("CustomEvent.CustomEvent", "CustomEvent()")}}. La page <a href="https://developer.mozilla.org/fr/docs/Web/Guide/DOM/Events/Creating_and_triggering_events">Création et déclenchement d'évènements</a> donne plus d'informations sur la façon de les utiliser.</p>
+<p>À la place, utilisez les constructeurs d'évènements spécifiques comme {{domxref("CustomEvent.CustomEvent", "CustomEvent()")}}. La page <a href="/fr/docs/Web/Guide/DOM/Events/Creating_and_triggering_events">Création et déclenchement d'évènements</a> donne plus d'informations sur la façon de les utiliser.</p>
 </div>
 
 <h2 id="Syntaxe">Syntaxe</h2>