Prepare CSS section for Markdown conversion (#2307)

* Removes summary / seoSummary classes

* Remove div class=hidden and some notranslate

* Remove hidden paragraphs for live sample

* Remove hidden paragraphs for live sample - take 2

* Remove other hidden div and p - updated w/ en-US when necessary

* Remove ids

* Remove notranslate class

* Fix typo which broke build

* remove div class='index'

* remove useless <span style=...>

* remove non typographical sups

* remove non typographical subs

* remove blockindicator and fix some div.note

* fix build :/

* remove useless classes

* fix build - again :x

* fix unhandled elements 1/N + embedlivesample build fail

* fix div.warning

* Fix fixable flaws - hoping to reduce error conversion

* Remove unecessary images (same as en-US)

* fix div notes

* fix warnings

* fix some dl handling

* fix dls

* Fix a bunch of conversion errors

* rm unhandled figures

* Fix other set of issues and revamp easing-function page

* Fix some one-offs conversion errors (incl. deki files)

* fix the rest of one-off conversion issues

* Fix last dl standing

1 files changed, 5 insertions, 8 deletions

diff --git a/files/fr/web/css/animation/index.html b/files/fr/web/css/animation/index.html
index 2458dfa40f..fd5be78c0d 100644
--- a/files/fr/web/css/animation/index.html
+++ b/files/fr/web/css/animation/index.html
@@ -27,8 +27,6 @@ translation_of: Web/CSS/animation
 
 <div>{{EmbedInteractiveExample("pages/css/animation.html")}}</div>
 
-<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p>
-
 <pre class="brush:css no-line-numbers">/* @keyframes duration | timing-function | delay |
    iteration-count | direction | fill-mode | play-state | name */
   animation: 3s ease-in 1s 2 reverse both paused slidein;
@@ -40,8 +38,8 @@ translation_of: Web/CSS/animation
   animation: 3s slidein;
 </pre>
 
-<div class="hidden" id="animation">
-<pre class="brush: html">&lt;div class="grid"&gt;
+<h2 id="animation_example">Exemple d'animation</h2>
+<pre class="brush: html hidden">&lt;div class="grid"&gt;
   &lt;div class="col"&gt;
     &lt;div class="note"&gt;
       Avec l'animation suivante :
@@ -80,7 +78,7 @@ translation_of: Web/CSS/animation
   &lt;/div&gt;
 &lt;/div&gt;</pre>
 
-<pre class="brush: css">html,body {
+<pre class="brush: css hidden">html,body {
   height: 100%;
   box-sizing: border-box;
 }
@@ -172,7 +170,7 @@ button.restart {
   transform-origin: left center;
 }</pre>
 
-<pre class="brush: js">window.addEventListener('load', function () {
+<pre class="brush: js hidden">window.addEventListener('load', function () {
   var ANIMATION = Array.from(document.querySelectorAll('.animation'));
   var BUTTON    = Array.from(document.querySelectorAll('button'));
 
@@ -211,9 +209,8 @@ button.restart {
     btn.addEventListener('click', function () { playPause(index); });
   });
 })</pre>
-</div>
 
-<p>{{EmbedLiveSample("animation", "100%", 260, "", "", "example-outcome-frame")}}</p>
+<p>{{EmbedLiveSample("animation_example", "100%", 260, "", "", "example-outcome-frame")}}</p>
 
 <p><a href="/fr/docs/Web/CSS/Liste_propriétés_CSS_animées">Une liste des propriétés qui peuvent être animées</a> est disponible. On notera que cette liste est également valable pour <a href="/fr/docs/Web/CSS/CSS_Transitions/Utiliser_transitions_CSS">les transitions CSS</a>.</p>