23 files changed, 1028 insertions, 33 deletions
diff --git a/files/fr/web/svg/application_d_effets_svg_a_du_contenu_html/index.html b/files/fr/web/svg/applying_svg_effects_to_html_content/index.html
index cb06ea5315..6668cbe216 100644
--- a/files/fr/web/svg/application_d_effets_svg_a_du_contenu_html/index.html
+++ b/files/fr/web/svg/applying_svg_effects_to_html_content/index.html
@@ -1,12 +1,13 @@
 ---
 title: Application d'effets SVG à du contenu HTML
-slug: Web/SVG/Application_d_effets_SVG_a_du_contenu_HTML
+slug: Web/SVG/Applying_SVG_effects_to_HTML_content
 tags:
   - CSS
   - Guide
   - HTML
   - SVG
 translation_of: Web/SVG/Applying_SVG_effects_to_HTML_content
+original_slug: Web/SVG/Application_d_effets_SVG_a_du_contenu_HTML
 ---
 <p>Les navigateurs modernes supportent le format <a href="/fr-FR/docs/SVG">SVG</a> utilisant du <a href="/fr-FR/docs/Web/CSS" title="Cascading Style Sheets">CSS</a> pour appliquer des effets graphiques au contenu HTML.</p>
 
diff --git a/files/fr/web/svg/sources_compatibilite/index.html b/files/fr/web/svg/compatibility_sources/index.html
index 49f69f68a7..b14495faa2 100644
--- a/files/fr/web/svg/sources_compatibilite/index.html
+++ b/files/fr/web/svg/compatibility_sources/index.html
@@ -1,10 +1,11 @@
 ---
 title: Sources des compatibilités
-slug: Web/SVG/Sources_compatibilite
+slug: Web/SVG/Compatibility_sources
 tags:
   - Compatibilité
   - SVG
 translation_of: Web/SVG/Compatibility_sources
+original_slug: Web/SVG/Sources_compatibilite
 ---
 <p>Les sources suivantes sont utilisées pour les tableaux de compatibilités des éléments SVG et de leurs attributs :</p>
 
diff --git a/files/fr/web/svg/svg_1.1_support_in_firefox/index.html b/files/fr/web/svg/svg_1.1_support_in_firefox/index.html
new file mode 100644
index 0000000000..b5286cc777
--- /dev/null
+++ b/files/fr/web/svg/svg_1.1_support_in_firefox/index.html
@@ -0,0 +1,775 @@
+---
+title: SVG dans Firefox
+slug: Web/SVG/SVG_1.1_Support_in_Firefox
+tags:
+  - SVG
+translation_of: Web/SVG/SVG_1.1_Support_in_Firefox
+original_slug: SVG_dans_Firefox
+---
+<p>Vous trouverez des exemples simples de syntaxe et d'utilisation de SVG sur la page <a class="external" href="http://www.w3.org/Graphics/SVG/Test/20061213/">W3C SVG test suite</a>.</p>
+
+<h2 id="Statut_d.27impl.C3.A9mentation_des_.C3.A9l.C3.A9ments" name="Statut_d.27impl.C3.A9mentation_des_.C3.A9l.C3.A9ments">Statut d'implémentation des éléments</h2>
+
+<ul>
+ <li>SVGPathSegList Interface
+  <ul>
+   <li>Liaisons non implémentées : replaceItem()</li>
+  </ul>
+ </li>
+</ul>
+
+<table class="standard-table" style="border-collapse: separate;">
+ <tbody>
+  <tr>
+   <th>Élément</th>
+   <th>Notes</th>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#basic-structure-mod">Structure Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#SVGElement">svg</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+     <li>Les attributs DOM <code>currentScale</code> et <code>currentTranslate</code> sont implémentés, mais il n'y a pas d'interface utilisateur pour se déplacer et zoomer.</li>
+     <li>SVGSVGElement
+      <ul>
+       <li>Attributs non implémentés : contentScriptType, contentStyleType, viewport, useCurrentView, currentView</li>
+       <li>Liaisons non implémentées : pauseAnimations, unpauseAnimations, animationsPaused, getCurrentTime, setCurrentTime, getIntersectionList, getEnclosureList, checkIntersection, checkEnclosure, deselectAll,</li>
+       <li><del>createSVGAngle</del> (implémenté dans Firefox 2), getElementById</li>
+      </ul>
+     </li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#GElement">g</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#DefsElement">defs</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#DescElement">desc</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+     <li>Uniquement stocké dans le DOM, pas d'interface utilisateur.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#TitleElement">title</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/metadata.html#MetadataElement">metadata</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+     <li>Uniquement stocké dans le DOM, pas d'interface utilisateur.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#SymbolElement">symbol</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#UseElement">use</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+     <li>Fonctionne uniquement pour les références internes au document ({{ Bug(269482) }}).</li>
+     <li>Ne suit pas entièrement les règles de cascade &lt;svg:use&gt; ({{ Bug(265894) }}).</li>
+     <li>Ne délivre pas les évènements à un arbre SVGElementInstance ({{ Bug(265895) }}).</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#conditional-mod">Conditional Processing Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#SwitchElement">switch</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#image-mod">Image Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/struct.html#ImageElement">image</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/styling.html#style-mod">Style Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/styling.html#StyleElement">style</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#shape-mod">Shape Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/paths.html#PathElement">path</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+     <li>SVGPathElement Interface
+      <ul>
+       <li>Attributs non implémentés : pathLength, normalizedPathSegList, animatedPathSegList, animatedNormalizedPathSegList</li>
+       <li>Liaisons non implémentées : getTotalLength,</li>
+       <li><del>getPointAtLength</del> (implémenté dans Firefox 2), getPathSegAtLength</li>
+      </ul>
+     </li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#RectElement">rect</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#CircleElement">circle</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#LineElement">line</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#EllipseElement">ellipse</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#PolylineElement">polyline</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/shapes.html#PolygonElement">polygon</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/text.html#text-mod">Text Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TextElement">text</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+     <li>SVGTextElement
+      <ul>
+       <li>Attributs non implémentés : rotate, textLength, lengthAdjust</li>
+       <li>Liaisons non implémentées : getNumberOfChars, getSubStringLength, getStartPositionOfChar, getEndPositionOfChar, getRotationOfChar, getCharNumAtPosition, selectSubString</li>
+       <li>Liaisons non fonctionnelles au cours de <code>onload</code> : getExtentOfChar</li>
+      </ul>
+     </li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TSpanElement">tspan</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+     <li>SVGTSpanElement
+      <ul>
+       <li>Attributs non implémentés : rotate, textLength, lengthAdjust</li>
+       <li>Liaisons non implémentées : getNumberOfChars,</li>
+       <li><del>getComputedTextLength</del> (implémenté dans Firefox 2), getSubStringLength, getStartPositionOfChar, getEndPositionOfChar, getExtentOfChar, getRotationOfChar, getCharNumAtPosition, selectSubString</li>
+      </ul>
+     </li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td style="background-color: rgb(204,204,204);"><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TRefElement">tref</a></td>
+   <td style="background-color: rgb(204,204,204);">
+    <ul>
+     <li>Cette fonctionnalité se trouvait dans les premiers projets de spec et a été retirée par la suite, elle n'est donc pas implémentée</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#TextPathElement">textPath</a></td>
+   <td>
+    <ul>
+     <li>Implémenté dans Firefox 2.</li>
+     <li>Attributs non implémentés : method, spacing, textLength, lengthAdjust</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#AltGlyphElement">altGlyph</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#AltGlyphDefElement">altGlyphDef</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#AltGlyphItemElement">altGlyphItem</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/text.html#GlyphRefElement">glyphRef</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/painting.html#marker-mod">Marker Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/painting.html#MarkerElement">marker</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/color.html#color-profile-mod">Color Profile Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/color.html#ColorProfileElement">color-profile</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#gradient-mod">Gradient Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#LinearGradientElement">linearGradient</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#RadialGradientElement">radialGradient</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#StopElement">stop</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#pattern-mod">Pattern Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/pservers.html#PatternElement">pattern</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#clip-mod">Clip Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#ClipPathElement">clipPath</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#mask-mod">Mask Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/masking.html#MaskElement">mask</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#filter-mod">Filter Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#FilterElement">filter</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feBlendElement">feBlend</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feColorMatrixElement">feColorMatrix</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feComponentTransferElement">feComponentTransfer</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feCompositeElement">feComposite</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElement">feConvolveMatrix</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feDiffuseLightingElement">feDiffuseLighting</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feDisplacementMapElement">feDisplacementMap</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFloodElement">feFlood</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feGaussianBlurElement">feGaussianBlur</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feImageElement">feImage</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feMergeElement">feMerge</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feMergeNodeElement">feMergeNode</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feMorphologyElement">feMorphology</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feOffsetElement">feOffset</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feSpecularLightingElement">feSpecularLighting</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feTileElement">feTile</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feTurbulenceElement">feTurbulence</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feDistantLightElement">feDistantLight</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#fePointLightElement">fePointLight</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feSpotLightElement">feSpotLight</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncRElement">feFuncR</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncGElement">feFuncG</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncBElement">feFuncB</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/filters.html#feFuncAElement">feFuncA</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/interact.html#cursor-mod">Cursor Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/interact.html#CursorElement">cursor</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté ({{Bug(177193)}}).</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#hyperlinking-mod">Hyperlinking Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#AElement">a</a></td>
+   <td>
+    <ul>
+     <li>Implémenté comme une liaison XBL - l'objet n'est pas du type SVGAElement.</li>
+     <li>Seuls les attributs <code>xlink:href</code> et <code>xlink:show</code> sont implémentés.</li>
+     <li>Pour l'attribut <code>target</code>, voir le {{ Bug(300868) }}</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#view-mod">View Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/linking.html#ViewElement">view</a></td>
+   <td>
+    <ul>
+     <li>Implémenté dans Gecko 15.0 ({{Bug(512525)}}). {{gecko_minversion_inline("15.0")}}.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/script.html#scripting-mod">Scripting Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/script.html#ScriptElement">script</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#animation-mod">Animation Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateElement">animate</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#SetElement">set</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateMotionElement">animateMotion</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateTransformElement">animateTransform</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#AnimateColorElement">animateColor</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté ({{Bug(436296)}}).</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/animate.html#mpathElement">mpath</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#font-mod">Font Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceElement">font</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté ({{Bug(119490)}}).</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#GlyphElement">glyph</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#MissingGlyphElement">missing-glyph</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#HKernElement">hkern</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#VKernElement">vkern</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceSrcElement">font-face-src</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face-uri</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face-format</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#FontFaceNameElement">font-face-name</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr style="color: black; background-color: salmon;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/fonts.html#DefinitionSrcElement">definition-src</a></td>
+   <td>
+    <ul>
+     <li>Non implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+  <tr>
+   <th colspan="2"><a class="external" href="http://www.w3.org/TR/SVG11/extend.html#extensibility-mod">Extensibility Module</a></th>
+  </tr>
+  <tr style="color: black; background-color: lightgreen;">
+   <td><a class="external" href="http://www.w3.org/TR/SVG11/extend.html#ForeignObjectElement">foreignObject</a></td>
+   <td>
+    <ul>
+     <li>Implémenté.</li>
+    </ul>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<p> </p>
diff --git a/files/fr/web/svg/svg_en_tant_qu_image/index.html b/files/fr/web/svg/svg_as_an_image/index.html
index e7acc660e0..ae5a0d84af 100644
--- a/files/fr/web/svg/svg_en_tant_qu_image/index.html
+++ b/files/fr/web/svg/svg_as_an_image/index.html
@@ -1,10 +1,11 @@
 ---
 title: SVG en tant qu'image
-slug: Web/SVG/SVG_en_tant_qu_image
+slug: Web/SVG/SVG_as_an_Image
 tags:
   - Images
   - SVG
 translation_of: Web/SVG/SVG_as_an_Image
+original_slug: Web/SVG/SVG_en_tant_qu_image
 ---
 <div>{{SVGRef}}</div>
 <p>Le format SVG peut être utilisé en tant qu'image dans de nombreux contextes. Beaucoup de navigateurs prennent en charge les images au format SVG avec :</p>
diff --git a/files/fr/web/svg/tutoriel/formes_de_base/index.html b/files/fr/web/svg/tutorial/basic_shapes/index.html
index aa75f0c0ed..3612cf6b3f 100644
--- a/files/fr/web/svg/tutoriel/formes_de_base/index.html
+++ b/files/fr/web/svg/tutorial/basic_shapes/index.html
@@ -1,9 +1,10 @@
 ---
 title: Formes de base
-slug: Web/SVG/Tutoriel/Formes_de_base
+slug: Web/SVG/Tutorial/Basic_Shapes
 tags:
   - SVG
 translation_of: Web/SVG/Tutorial/Basic_Shapes
+original_slug: Web/SVG/Tutoriel/Formes_de_base
 ---
 <p>{{ PreviousNext("SVG/Tutoriel/Positionnement", "Web/SVG/Tutoriel/Paths") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/transformations_de_base/index.html b/files/fr/web/svg/tutorial/basic_transformations/index.html
index 2015cab83c..64caa0cc7f 100644
--- a/files/fr/web/svg/tutoriel/transformations_de_base/index.html
+++ b/files/fr/web/svg/tutorial/basic_transformations/index.html
@@ -1,11 +1,12 @@
 ---
 title: Transformations de base
-slug: Web/SVG/Tutoriel/Transformations_de_base
+slug: Web/SVG/Tutorial/Basic_Transformations
 tags:
   - Intermediate
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial/Basic_Transformations
+original_slug: Web/SVG/Tutoriel/Transformations_de_base
 ---
 <p>{{ PreviousNext("Web/SVG/Tutoriel/Texts", "Web/SVG/Tutoriel/Découpages_et_masquages") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/découpages_et_masquages/index.html b/files/fr/web/svg/tutorial/clipping_and_masking/index.html
index a4dd82b1dc..d838dc5feb 100644
--- a/files/fr/web/svg/tutoriel/découpages_et_masquages/index.html
+++ b/files/fr/web/svg/tutorial/clipping_and_masking/index.html
@@ -1,10 +1,11 @@
 ---
 title: Découpages et masquages
-slug: Web/SVG/Tutoriel/Découpages_et_masquages
+slug: Web/SVG/Tutorial/Clipping_and_masking
 tags:
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial/Clipping_and_masking
+original_slug: Web/SVG/Tutoriel/Découpages_et_masquages
 ---
 <p>{{ PreviousNext("SVG/Tutoriel/Transformations_de_base", "Web/SVG/Tutoriel/Contenu_embarque_SVG") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/fills_and_strokes/index.html b/files/fr/web/svg/tutorial/fills_and_strokes/index.html
index 54e0d792e2..3818fd48da 100644
--- a/files/fr/web/svg/tutoriel/fills_and_strokes/index.html
+++ b/files/fr/web/svg/tutorial/fills_and_strokes/index.html
@@ -1,10 +1,11 @@
 ---
 title: Remplissages et contours
-slug: Web/SVG/Tutoriel/Fills_and_Strokes
+slug: Web/SVG/Tutorial/Fills_and_Strokes
 tags:
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial/Fills_and_Strokes
+original_slug: Web/SVG/Tutoriel/Fills_and_Strokes
 ---
 <p>{{ PreviousNext("Web/SVG/Tutoriel/Paths", "Web/SVG/Tutoriel/Gradients") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/filtres/index.html b/files/fr/web/svg/tutorial/filter_effects/index.html
index b0f988398a..332a9b39f5 100644
--- a/files/fr/web/svg/tutoriel/filtres/index.html
+++ b/files/fr/web/svg/tutorial/filter_effects/index.html
@@ -1,10 +1,11 @@
 ---
 title: Filtres
-slug: Web/SVG/Tutoriel/filtres
+slug: Web/SVG/Tutorial/Filter_effects
 tags:
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial/Filter_effects
+original_slug: Web/SVG/Tutoriel/filtres
 ---
 <p>{{ PreviousNext("Web/SVG/Tutoriel/Contenu_embarque_SVG", "Web/SVG/Tutoriel/polices_SVG") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/premiers_pas/index.html b/files/fr/web/svg/tutorial/getting_started/index.html
index 83dee73b6c..d4e20a9916 100644
--- a/files/fr/web/svg/tutoriel/premiers_pas/index.html
+++ b/files/fr/web/svg/tutorial/getting_started/index.html
@@ -1,10 +1,11 @@
 ---
 title: Premiers pas
-slug: Web/SVG/Tutoriel/Premiers_pas
+slug: Web/SVG/Tutorial/Getting_Started
 tags:
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial/Getting_Started
+original_slug: Web/SVG/Tutoriel/Premiers_pas
 ---
 <p>{{ PreviousNext("SVG/Tutoriel/Introduction", "SVG/Tutoriel/Positionnement") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/gradients/index.html b/files/fr/web/svg/tutorial/gradients/index.html
index ef9c235318..1e5e8e7d45 100644
--- a/files/fr/web/svg/tutoriel/gradients/index.html
+++ b/files/fr/web/svg/tutorial/gradients/index.html
@@ -1,10 +1,11 @@
 ---
 title: Gradients SVG
-slug: Web/SVG/Tutoriel/Gradients
+slug: Web/SVG/Tutorial/Gradients
 tags:
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial/Gradients
+original_slug: Web/SVG/Tutoriel/Gradients
 ---
 <p>{{ PreviousNext("Web/SVG/Tutoriel/Fills_and_Strokes", "Web/SVG/Tutoriel/Motifs") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/index.html b/files/fr/web/svg/tutorial/index.html
index 14275fcdd8..2c99e74f15 100644
--- a/files/fr/web/svg/tutoriel/index.html
+++ b/files/fr/web/svg/tutorial/index.html
@@ -1,11 +1,12 @@
 ---
 title: Tutoriel SVG
-slug: Web/SVG/Tutoriel
+slug: Web/SVG/Tutorial
 tags:
   - NeedsContent
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial
+original_slug: Web/SVG/Tutoriel
 ---
 <p><a href="/fr/SVG" title="fr/SVG">SVG</a>, pour Scalable Vector Graphics (ou encore Graphismes vectoriels redimensionnables), est un langage basé sur le <a href="/fr/XML" title="fr/XML">XML</a> du W3C qui permet de définir des éléments graphiques avec des balises. Ce langage est plus ou moins implémenté dans Firefox, Opera, les navigateurs à base de Webkit, Internet Explorer et les autres navigateurs Web.</p>
 
diff --git a/files/fr/web/svg/tutoriel/introduction/index.html b/files/fr/web/svg/tutorial/introduction/index.html
index 7c38618958..e6bd6d5c2e 100644
--- a/files/fr/web/svg/tutoriel/introduction/index.html
+++ b/files/fr/web/svg/tutorial/introduction/index.html
@@ -1,10 +1,11 @@
 ---
 title: Introduction
-slug: Web/SVG/Tutoriel/Introduction
+slug: Web/SVG/Tutorial/Introduction
 tags:
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial/Introduction
+original_slug: Web/SVG/Tutoriel/Introduction
 ---
 <p>{{ PreviousNext("SVG/Tutoriel", "SVG/Tutoriel/Premiers_pas") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/contenu_embarque_svg/index.html b/files/fr/web/svg/tutorial/other_content_in_svg/index.html
index ecaf0e7d60..c8d11cff2f 100644
--- a/files/fr/web/svg/tutoriel/contenu_embarque_svg/index.html
+++ b/files/fr/web/svg/tutorial/other_content_in_svg/index.html
@@ -1,7 +1,8 @@
 ---
 title: Contenu embarqué dans le SVG
-slug: Web/SVG/Tutoriel/Contenu_embarque_SVG
+slug: Web/SVG/Tutorial/Other_content_in_SVG
 translation_of: Web/SVG/Tutorial/Other_content_in_SVG
+original_slug: Web/SVG/Tutoriel/Contenu_embarque_SVG
 ---
 <p>{{ PreviousNext("Web/SVG/Tutoriel/Découpages_et_masquages", "Web/SVG/Tutoriel/filtres") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/paths/index.html b/files/fr/web/svg/tutorial/paths/index.html
index 2b73ee2682..c006452033 100644
--- a/files/fr/web/svg/tutoriel/paths/index.html
+++ b/files/fr/web/svg/tutorial/paths/index.html
@@ -1,10 +1,11 @@
 ---
 title: Paths
-slug: Web/SVG/Tutoriel/Paths
+slug: Web/SVG/Tutorial/Paths
 tags:
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial/Paths
+original_slug: Web/SVG/Tutoriel/Paths
 ---
 <p>{{ PreviousNext("Web/SVG/Tutoriel/Formes_de_base", "Web/SVG/Tutoriel/Fills_and_Strokes") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/motifs/index.html b/files/fr/web/svg/tutorial/patterns/index.html
index 29a63e8f60..0b170b5b48 100644
--- a/files/fr/web/svg/tutoriel/motifs/index.html
+++ b/files/fr/web/svg/tutorial/patterns/index.html
@@ -1,10 +1,11 @@
 ---
 title: Motifs
-slug: Web/SVG/Tutoriel/Motifs
+slug: Web/SVG/Tutorial/Patterns
 tags:
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial/Patterns
+original_slug: Web/SVG/Tutoriel/Motifs
 ---
 <p>{{ PreviousNext("Web/SVG/Tutoriel/Gradients", "Web/SVG/Tutoriel/Texts") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/positionnement/index.html b/files/fr/web/svg/tutorial/positions/index.html
index 7f23bfe123..a2542da4f7 100644
--- a/files/fr/web/svg/tutoriel/positionnement/index.html
+++ b/files/fr/web/svg/tutorial/positions/index.html
@@ -1,11 +1,12 @@
 ---
 title: Positionnement
-slug: Web/SVG/Tutoriel/Positionnement
+slug: Web/SVG/Tutorial/Positions
 tags:
   - Débutant
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial/Positions
+original_slug: Web/SVG/Tutoriel/Positionnement
 ---
 <p>{{ PreviousNext("SVG/Tutoriel/Premiers_pas", "SVG/Tutoriel/Formes_de_base") }}</p>
 
diff --git a/files/fr/web/svg/tutorial/svg_and_css/index.html b/files/fr/web/svg/tutorial/svg_and_css/index.html
new file mode 100644
index 0000000000..efd1ce5382
--- /dev/null
+++ b/files/fr/web/svg/tutorial/svg_and_css/index.html
@@ -0,0 +1,199 @@
+---
+title: Graphiques SVG
+slug: Web/SVG/Tutorial/SVG_and_CSS
+tags:
+  - CSS
+  - CSS:Premiers_pas
+translation_of: Web/SVG/Tutorial/SVG_and_CSS
+original_slug: CSS/Premiers_pas/Graphiques_SVG
+---
+<p> </p>
+<p>Cette page illustre le langage spécialisé dans la création d'éléments graphiques : SVG.</p>
+<p>Vous créerez une démonstration simple visible dans votre navigateur Mozilla avec SVG activé.</p>
+<h3 id="Information_:_SVG" name="Information_:_SVG">Information : SVG</h3>
+<p>
+  <i>
+    SVG</i>
+  (Scalable Vector Graphics) est un langage basé sur XML permettant de créer des éléments graphiques.</p>
+<p>Il peut être utilisé pour des images statiques, ainsi que pour des animations et des interfaces utilisateur.</p>
+<p>Comme d'autres langages basés sur XML, SVG permet d'utiliser des feuilles de style CSS afin de séparer le style d'un graphique de son contenu.</p>
+<p>De plus, les feuilles de style utilisées avec d'autres langages de balisages peuvent spécifier l'URL d'un graphique SVG lorsqu'une image est requise. Par exemple, une feuille de style utilisée avec un document HTML peut spécifier l'URL d'un graphique SVG dans la valeur d'une propriété <code>background</code>.</p>
+<table style="border: 1px solid #36b; padding: 1em; background-color: #f4f4f4; margin-bottom: 1em; width: 100%;">
+  <caption>
+    Plus de détails</caption>
+  <tbody>
+    <tr>
+      <td>Au moment de la rédaction de ce document (courant 2005), seules certains compilations récentes des navigateurs Mozilla ont leur gestion native de SVG activée.
+        <p>Vous pouvez ajouter un support SVG à d'autres versions en installant un plugin comme celui fourni par <a class="external" href="http://www.adobe.com/svg/viewer/install/main.html">Adobe</a>.</p>
+        <p>Pour plus d'informations à propos de SVG dans Mozilla, consultez la page <a href="fr/SVG">SVG</a> de ce wiki.</p>
+      </td>
+    </tr>
+  </tbody>
+</table>
+<h3 id="Action_:_une_d.C3.A9monstration_de_SVG" name="Action_:_une_d.C3.A9monstration_de_SVG">Action : une démonstration de SVG</h3>
+<p>Créez un nouveau document SVG en tant que fichier texte simple, <code>doc8.svg</code>. Copiez et collez-y le contenu ci-dessous en vous assurant de le faire défiler afin d'en obtenir la totalité :</p>
+<div style="width: 48em; height: 12em; overflow: auto;">
+  <pre>&lt;?xml version="1.0" standalone="no"?&gt;
+
+&lt;?xml-stylesheet type="text/css" href="style8.css"?&gt;
+
+&lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"&gt;
+
+&lt;svg width="600px" height="600px" viewBox="-300 -300 600 600"
+  xmlns="http://www.w3.org/2000/svg" version="1.1"
+  xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
+
+&lt;title&gt;SVG demonstration&lt;/title&gt;
+&lt;desc&gt;Premiers pas en CSS avec Mozilla - Démonstration de SVG&lt;/desc&gt;
+
+&lt;defs&gt;
+  &lt;g id="segment" class="segment"&gt;
+    &lt;path class="segment-fill" d="M0,0 v-200 a40,40 0 0,0 -62,10 z"/&gt;
+    &lt;path class="segment-edge" d="M0,-200 a40,40 0 0,0 -62,10"/&gt;
+    &lt;/g&gt;
+  &lt;g id="quadrant"&gt;
+    &lt;use xlink:href="#segment"/&gt;
+    &lt;use xlink:href="#segment" transform="rotate(18)"/&gt;
+    &lt;use xlink:href="#segment" transform="rotate(36)"/&gt;
+    &lt;use xlink:href="#segment" transform="rotate(54)"/&gt;
+    &lt;use xlink:href="#segment" transform="rotate(72)"/&gt;
+    &lt;/g&gt;
+  &lt;g id="petals"&gt;
+    &lt;use xlink:href="#quadrant"/&gt;
+    &lt;use xlink:href="#quadrant" transform="rotate(90)"/&gt;
+    &lt;use xlink:href="#quadrant" transform="rotate(180)"/&gt;
+    &lt;use xlink:href="#quadrant" transform="rotate(270)"/&gt;
+    &lt;/g&gt;
+  &lt;radialGradient id="fade" cx="0" cy="0" r="200"
+      gradientUnits="userSpaceOnUse"&gt;
+    &lt;stop id="fade-stop-1" offset="33%"/&gt;
+    &lt;stop id="fade-stop-2" offset="95%"/&gt;
+    &lt;/radialGradient&gt;
+  &lt;/defs&gt;
+
+&lt;text id="heading" x="-280" y="-270"&gt;
+  SVG demonstration&lt;/text&gt;
+&lt;text  id="caption" x="-280" y="-250"&gt;
+  Placez le pointeur de la souris au dessus de la fleur.&lt;/text&gt;
+
+&lt;g id="flower"&gt;
+  &lt;circle id="overlay" cx="0" cy="0" r="200"
+    stroke="none" fill="url(#fade)"/&gt;
+  &lt;use id="outer-petals" xlink:href="#petals"/&gt;
+  &lt;use id="inner-petals" xlink:href="#petals"
+    transform="rotate(9) scale(0.33)"/&gt;
+  &lt;/g&gt;
+
+&lt;/svg&gt;
+</pre>
+</div>
+<p>Créez un nouveau fichier CSS, <code>style8.css</code>. Copiez et collez-y le contenu ci-dessous, en vous assurant de le faire défiler pour en obtenir la totalité :</p>
+<div style="width: 48em; height: 12em; overflow: auto;">
+  <pre>/*** Démonstration de SVG ***/
+
+/* page */
+svg {
+  background-color: beige;
+  }
+
+#heading {
+  font-size: 24px;
+  font-weight: bold;
+  }
+
+#caption {
+  font-size: 12px;
+  }
+
+/* flower */
+#flower:hover {
+  cursor: crosshair;
+  }
+
+/* gradient */
+#fade-stop-1 {
+  stop-color: blue;
+  }
+
+#fade-stop-2 {
+  stop-color: white;
+  }
+
+/* outer petals */
+#outer-petals {
+  opacity: .75;
+  }
+
+#outer-petals .segment-fill {
+  fill: azure;
+  stroke: lightsteelblue;
+  stroke-width: 1;
+  }
+
+#outer-petals .segment-edge {
+  fill: none;
+  stroke: deepskyblue;
+  stroke-width: 3;
+  }
+
+#outer-petals .segment:hover &gt; .segment-fill {
+  fill: plum;
+  stroke: none;
+  }
+
+#outer-petals .segment:hover &gt; .segment-edge {
+  stroke: slateblue;
+  }
+
+/* inner petals */
+#inner-petals .segment-fill {
+  fill: yellow;
+  stroke: yellowgreen;
+  stroke-width: 1;
+  }
+
+#inner-petals .segment-edge {
+  fill: none;
+  stroke: yellowgreen;
+  stroke-width: 9;
+  }
+
+#inner-petals .segment:hover &gt; .segment-fill {
+  fill: darkseagreen;
+  stroke: none;
+  }
+
+#inner-petals .segment:hover &gt; .segment-edge {
+  stroke: green;
+  }
+</pre>
+</div>
+<p>Ouvrez le document dans votre navigateur avec SVG activé. Placez le pointeur de la souris au dessus de l'image.</p>
+<p>Ce wiki ne permet pas d'utiliser SVG dans ses pages, il n'est donc pas possible d'afficher la démonstration ici. L'image ressemble à ceci :</p>
+<table style="border: 2px outset #36b;">
+  <tbody>
+    <tr>
+      <td><img alt="Démonstration de SVG"></td>
+    </tr>
+  </tbody>
+</table>
+<p>Remarques à propos de cette démonstration :</p>
+<ul>
+  <li>Le document SVG est lié à la feuille de style de la manière habituelle.</li>
+  <li>SVG possède ses propres propriétés CSS et valeurs. Certaines d'entre-elles sont similaires au propriétés CSS pour HTML.</li>
+</ul>
+<p> </p>
+<table style="border: 1px solid #36b; padding: 1em; background-color: #fffff4; margin-bottom: 1em;">
+  <caption>
+    Challenge</caption>
+  <tbody>
+    <tr>
+      <td>Modifiez la feuille de style pour que les pétales intérieurs deviennent tous roses lorsque le pointeur de la souris survole n'importe lequel d'entre-eux, sans changer la manière dont les pétales extérieurs fonctionnent.</td>
+    </tr>
+  </tbody>
+</table>
+<p> </p>
+<h4 id="Pour_continuer" name="Pour_continuer">Pour continuer</h4>
+<p>Si vous avez eu des difficultés à comprendre cette page, ou si vous avez d'autres commentaires à son sujet, n'hésitez pas à contribuer à sa <a>page de discussion</a>.</p>
+<p>Dans cette démonstration, votre navigateur avec SVG activé sait déjà comment afficher les éléments SVG. La feuille de style modifie uniquement l'affichage dans une certaine mesure. C'est également le cas pour les documents HTML et XUL. Mais vous pouvez utiliser CSS pour des documents XML généralistes, où il n'y a aucune manière prédéfinie d'afficher les éléments. La page suivante en fait la démonstration : <b><a href="/fr/docs/CSS/Premiers_pas/Donn%c3%a9es_XML">Données XML</a></b>.</p>
diff --git a/files/fr/web/svg/tutoriel/polices_svg/index.html b/files/fr/web/svg/tutorial/svg_fonts/index.html
index 4a196a3825..eb27147dfd 100644
--- a/files/fr/web/svg/tutoriel/polices_svg/index.html
+++ b/files/fr/web/svg/tutorial/svg_fonts/index.html
@@ -1,11 +1,12 @@
 ---
 title: Polices SVG
-slug: Web/SVG/Tutoriel/polices_SVG
+slug: Web/SVG/Tutorial/SVG_fonts
 tags:
   - Police
   - SVG
   - font
 translation_of: Web/SVG/Tutorial/SVG_fonts
+original_slug: Web/SVG/Tutoriel/polices_SVG
 ---
 <p>{{ PreviousNext("Web/SVG/Tutoriel/filtres","Web/SVG/Tutoriel/SVG_Image_Tag") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/svg_image_tag/index.html b/files/fr/web/svg/tutorial/svg_image_tag/index.html
index 8912c059d0..a1d8286039 100644
--- a/files/fr/web/svg/tutoriel/svg_image_tag/index.html
+++ b/files/fr/web/svg/tutorial/svg_image_tag/index.html
@@ -1,11 +1,12 @@
 ---
 title: 'SVG: Elément image'
-slug: Web/SVG/Tutoriel/SVG_Image_Tag
+slug: Web/SVG/Tutorial/SVG_Image_Tag
 tags:
   - Débutant
   - SVG
   - Tutoriel
 translation_of: Web/SVG/Tutorial/SVG_Image_Tag
+original_slug: Web/SVG/Tutoriel/SVG_Image_Tag
 ---
 <p>{{ PreviousNext("Web/SVG/Tutoriel/polices_SVG", "Web/SVG/Tutoriel/Tools_for_SVG") }}</p>
 
diff --git a/files/fr/web/svg/tutoriel/introduction_à_svg_dans_html/index.html b/files/fr/web/svg/tutorial/svg_in_html_introduction/index.html
index 29db7cb55b..23766ed357 100644
--- a/files/fr/web/svg/tutoriel/introduction_à_svg_dans_html/index.html
+++ b/files/fr/web/svg/tutorial/svg_in_html_introduction/index.html
@@ -1,9 +1,10 @@
 ---
 title: Introduction à SVG dans HTML
-slug: Web/SVG/Tutoriel/Introduction_à_SVG_dans_HTML
+slug: Web/SVG/Tutorial/SVG_In_HTML_Introduction
 tags:
   - SVG
 translation_of: Web/SVG/Tutorial/SVG_In_HTML_Introduction
+original_slug: Web/SVG/Tutoriel/Introduction_à_SVG_dans_HTML
 ---
 <h3 id="Aper.C3.A7u" name="Aper.C3.A7u">Aperçu</h3>
 
diff --git a/files/fr/web/svg/tutoriel/texts/index.html b/files/fr/web/svg/tutorial/texts/index.html
index 97871407d2..50a56982f4 100644
--- a/files/fr/web/svg/tutoriel/texts/index.html
+++ b/files/fr/web/svg/tutorial/texts/index.html
@@ -1,10 +1,11 @@
 ---
 title: Textes
-slug: Web/SVG/Tutoriel/Texts
+slug: Web/SVG/Tutorial/Texts
 tags:
   - SVG
-  - 'SVG:Tutoriel'
+  - SVG:Tutoriel
 translation_of: Web/SVG/Tutorial/Texts
+original_slug: Web/SVG/Tutoriel/Texts
 ---
 <div>
 <div>{{PreviousNext("Web/SVG/Tutoriel/Motifs", "Web/SVG/Tutoriel/Transformations_de_base")}}</div>
diff --git a/files/fr/web/svg/tutoriel/tools_for_svg/index.html b/files/fr/web/svg/tutorial/tools_for_svg/index.html
index f60f06c76f..00d297f0c1 100644
--- a/files/fr/web/svg/tutoriel/tools_for_svg/index.html
+++ b/files/fr/web/svg/tutorial/tools_for_svg/index.html
@@ -1,7 +1,8 @@
 ---
 title: Outils pour SVG
-slug: Web/SVG/Tutoriel/Tools_for_SVG
+slug: Web/SVG/Tutorial/Tools_for_SVG
 translation_of: Web/SVG/Tutorial/Tools_for_SVG
+original_slug: Web/SVG/Tutoriel/Tools_for_SVG
 ---
 <p>{{ PreviousNext("Web/SVG/Tutoriel/SVG_Image_Tag") }}</p>