diff --git a/pr/398/404.html b/pr/398/404.html
index d99fba6876b..c2ae8220312 100644
--- a/pr/398/404.html
+++ b/pr/398/404.html
@@ -41,7 +41,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/dev/a-nice-way-of-handing-form-label-translation/index.html b/pr/398/blog/dev/a-nice-way-of-handing-form-label-translation/index.html
index c7c77a1e1ac..88ebf8b0186 100644
--- a/pr/398/blog/dev/a-nice-way-of-handing-form-label-translation/index.html
+++ b/pr/398/blog/dev/a-nice-way-of-handing-form-label-translation/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -558,7 +558,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion:</a></
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -662,10 +662,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion:</a></
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -690,7 +689,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion:</a></
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -704,13 +703,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion:</a></
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/ameliorez-pertinence-resultat-elastic-search-score/index.html b/pr/398/blog/dev/ameliorez-pertinence-resultat-elastic-search-score/index.html
index 66548172271..ed98bf457b1 100644
--- a/pr/398/blog/dev/ameliorez-pertinence-resultat-elastic-search-score/index.html
+++ b/pr/398/blog/dev/ameliorez-pertinence-resultat-elastic-search-score/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -727,7 +727,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -831,10 +831,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -859,7 +858,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -873,13 +872,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/api-design-elao-team-interview/index.html b/pr/398/blog/dev/api-design-elao-team-interview/index.html
index f9ca867c3cf..6303af5b43d 100644
--- a/pr/398/blog/dev/api-design-elao-team-interview/index.html
+++ b/pr/398/blog/dev/api-design-elao-team-interview/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -480,7 +480,7 @@ <h2 id="une-question-que-vous-auriez-aime-que-l-on-vous-pose-a-propos-des-api-ou
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -584,10 +584,9 @@ <h2 id="une-question-que-vous-auriez-aime-que-l-on-vous-pose-a-propos-des-api-ou
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -612,7 +611,7 @@ <h2 id="une-question-que-vous-auriez-aime-que-l-on-vous-pose-a-propos-des-api-ou
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -626,13 +625,59 @@ <h2 id="une-question-que-vous-auriez-aime-que-l-on-vous-pose-a-propos-des-api-ou
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/apollo-graphql-cache/index.html b/pr/398/blog/dev/apollo-graphql-cache/index.html
index 282e16b3260..26cd52266ed 100644
--- a/pr/398/blog/dev/apollo-graphql-cache/index.html
+++ b/pr/398/blog/dev/apollo-graphql-cache/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -726,7 +726,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -830,10 +830,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -858,7 +857,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -872,13 +871,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/architecture-hexagonale-symfony/index.html b/pr/398/blog/dev/architecture-hexagonale-symfony/index.html
index 4af5df01312..4b1d9812065 100644
--- a/pr/398/blog/dev/architecture-hexagonale-symfony/index.html
+++ b/pr/398/blog/dev/architecture-hexagonale-symfony/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -495,7 +495,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -599,10 +599,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -627,7 +626,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -641,13 +640,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/authentification-par-lien-magique/index.html b/pr/398/blog/dev/authentification-par-lien-magique/index.html
index 678f7de43b9..71dee5846f3 100644
--- a/pr/398/blog/dev/authentification-par-lien-magique/index.html
+++ b/pr/398/blog/dev/authentification-par-lien-magique/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -392,7 +392,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -496,10 +496,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -524,7 +523,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -538,13 +537,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/behat-3-test-fonctionnel-symfony/index.html b/pr/398/blog/dev/behat-3-test-fonctionnel-symfony/index.html
index 52a2fcc4cd1..5c35a51d265 100644
--- a/pr/398/blog/dev/behat-3-test-fonctionnel-symfony/index.html
+++ b/pr/398/blog/dev/behat-3-test-fonctionnel-symfony/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -455,7 +455,7 @@ <h3 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -559,10 +559,9 @@ <h3 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -587,7 +586,7 @@ <h3 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -601,13 +600,59 @@ <h3 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/bonnes-pratiques-symfony2-notre-condense/index.html b/pr/398/blog/dev/bonnes-pratiques-symfony2-notre-condense/index.html
index 028e440a104..4d9db847563 100644
--- a/pr/398/blog/dev/bonnes-pratiques-symfony2-notre-condense/index.html
+++ b/pr/398/blog/dev/bonnes-pratiques-symfony2-notre-condense/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -383,7 +383,7 @@ <h3 id="sources" class="anchor-title"><a href="#sources">Sources:</a></h3>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -487,10 +487,9 @@ <h3 id="sources" class="anchor-title"><a href="#sources">Sources:</a></h3>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -515,7 +514,7 @@ <h3 id="sources" class="anchor-title"><a href="#sources">Sources:</a></h3>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -529,13 +528,59 @@ <h3 id="sources" class="anchor-title"><a href="#sources">Sources:</a></h3>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/commander-au-clavier-app-symfony-grace-au-routing/index.html b/pr/398/blog/dev/commander-au-clavier-app-symfony-grace-au-routing/index.html
index 99477e27890..c6bbe60ebca 100644
--- a/pr/398/blog/dev/commander-au-clavier-app-symfony-grace-au-routing/index.html
+++ b/pr/398/blog/dev/commander-au-clavier-app-symfony-grace-au-routing/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -790,7 +790,7 @@ <h2 id="commander-par-la-voix" class="anchor-title"><a href="#commander-par-la-v
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -894,10 +894,9 @@ <h2 id="commander-par-la-voix" class="anchor-title"><a href="#commander-par-la-v
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -922,7 +921,7 @@ <h2 id="commander-par-la-voix" class="anchor-title"><a href="#commander-par-la-v
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -936,13 +935,59 @@ <h2 id="commander-par-la-voix" class="anchor-title"><a href="#commander-par-la-v
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/comment-demarrer-tdd-en-php/index.html b/pr/398/blog/dev/comment-demarrer-tdd-en-php/index.html
index 06a1ac6d748..939d1a35c24 100644
--- a/pr/398/blog/dev/comment-demarrer-tdd-en-php/index.html
+++ b/pr/398/blog/dev/comment-demarrer-tdd-en-php/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -670,7 +670,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -774,10 +774,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -802,7 +801,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -816,13 +815,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/comment-integrer-vue-js-application-symfony/index.html b/pr/398/blog/dev/comment-integrer-vue-js-application-symfony/index.html
index 90c14e5d8e0..77c94ce6c60 100644
--- a/pr/398/blog/dev/comment-integrer-vue-js-application-symfony/index.html
+++ b/pr/398/blog/dev/comment-integrer-vue-js-application-symfony/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -603,7 +603,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -707,10 +707,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -735,7 +734,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -749,13 +748,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/date-php-timezone-utc-pourquoi-est-ce-important/index.html b/pr/398/blog/dev/date-php-timezone-utc-pourquoi-est-ce-important/index.html
index a38a30428af..6ff8cc991d3 100644
--- a/pr/398/blog/dev/date-php-timezone-utc-pourquoi-est-ce-important/index.html
+++ b/pr/398/blog/dev/date-php-timezone-utc-pourquoi-est-ce-important/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -433,7 +433,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -537,10 +537,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -565,7 +564,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -579,13 +578,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/design-pattern-abstract-factory/index.html b/pr/398/blog/dev/design-pattern-abstract-factory/index.html
index 0edec007426..9f86deca586 100644
--- a/pr/398/blog/dev/design-pattern-abstract-factory/index.html
+++ b/pr/398/blog/dev/design-pattern-abstract-factory/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -478,7 +478,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -582,10 +582,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -610,7 +609,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -624,13 +623,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/design-pattern-chain-of-responsibility/index.html b/pr/398/blog/dev/design-pattern-chain-of-responsibility/index.html
index 7d5d4c9c67f..144dbf2ab43 100644
--- a/pr/398/blog/dev/design-pattern-chain-of-responsibility/index.html
+++ b/pr/398/blog/dev/design-pattern-chain-of-responsibility/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -595,7 +595,7 @@ <h2 id="instancions-et-utilisons-notre-chaine" class="anchor-title"> Instancions
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -699,10 +699,9 @@ <h2 id="instancions-et-utilisons-notre-chaine" class="anchor-title"> Instancions
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -727,7 +726,7 @@ <h2 id="instancions-et-utilisons-notre-chaine" class="anchor-title"> Instancions
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -741,13 +740,59 @@ <h2 id="instancions-et-utilisons-notre-chaine" class="anchor-title"> Instancions
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/design-pattern-decorator/index.html b/pr/398/blog/dev/design-pattern-decorator/index.html
index 548c6dc8dac..c4f39d2cb35 100644
--- a/pr/398/blog/dev/design-pattern-decorator/index.html
+++ b/pr/398/blog/dev/design-pattern-decorator/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -471,7 +471,7 @@ <h2 id="autres-usages-du-pattern-decorator" class="anchor-title"><code class="co
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -575,10 +575,9 @@ <h2 id="autres-usages-du-pattern-decorator" class="anchor-title"><code class="co
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -603,7 +602,7 @@ <h2 id="autres-usages-du-pattern-decorator" class="anchor-title"><code class="co
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -617,13 +616,59 @@ <h2 id="autres-usages-du-pattern-decorator" class="anchor-title"><code class="co
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/design-pattern-factory-method/index.html b/pr/398/blog/dev/design-pattern-factory-method/index.html
index cc6d633e027..779e1f413f9 100644
--- a/pr/398/blog/dev/design-pattern-factory-method/index.html
+++ b/pr/398/blog/dev/design-pattern-factory-method/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -459,7 +459,7 @@ <h3 id="design-patterns-voisins" class="anchor-title"><a href="#design-patterns-
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -563,10 +563,9 @@ <h3 id="design-patterns-voisins" class="anchor-title"><a href="#design-patterns-
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -591,7 +590,7 @@ <h3 id="design-patterns-voisins" class="anchor-title"><a href="#design-patterns-
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -605,13 +604,59 @@ <h3 id="design-patterns-voisins" class="anchor-title"><a href="#design-patterns-
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/django-2nde-partie-le-modele-et-ladmin/index.html b/pr/398/blog/dev/django-2nde-partie-le-modele-et-ladmin/index.html
index c478dd1d78f..b3858a11309 100644
--- a/pr/398/blog/dev/django-2nde-partie-le-modele-et-ladmin/index.html
+++ b/pr/398/blog/dev/django-2nde-partie-le-modele-et-ladmin/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -575,7 +575,7 @@ <h3 id="conclusion-partielle" class="anchor-title"><a href="#conclusion-partiell
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -679,10 +679,9 @@ <h3 id="conclusion-partielle" class="anchor-title"><a href="#conclusion-partiell
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -707,7 +706,7 @@ <h3 id="conclusion-partielle" class="anchor-title"><a href="#conclusion-partiell
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -721,13 +720,59 @@ <h3 id="conclusion-partielle" class="anchor-title"><a href="#conclusion-partiell
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/django-3eme-partie-les-templates-et-bien-dautres-choses/index.html b/pr/398/blog/dev/django-3eme-partie-les-templates-et-bien-dautres-choses/index.html
index 136f5fd4435..27b9af20e95 100644
--- a/pr/398/blog/dev/django-3eme-partie-les-templates-et-bien-dautres-choses/index.html
+++ b/pr/398/blog/dev/django-3eme-partie-les-templates-et-bien-dautres-choses/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -562,7 +562,7 @@ <h3 id="conclusion-absolument-pas-definitive" class="anchor-title"><a href="#con
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -666,10 +666,9 @@ <h3 id="conclusion-absolument-pas-definitive" class="anchor-title"><a href="#con
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -694,7 +693,7 @@ <h3 id="conclusion-absolument-pas-definitive" class="anchor-title"><a href="#con
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -708,13 +707,59 @@ <h3 id="conclusion-absolument-pas-definitive" class="anchor-title"><a href="#con
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/donnees-structurees-offre-emploi/index.html b/pr/398/blog/dev/donnees-structurees-offre-emploi/index.html
index d0d0f989371..f9081d986e6 100644
--- a/pr/398/blog/dev/donnees-structurees-offre-emploi/index.html
+++ b/pr/398/blog/dev/donnees-structurees-offre-emploi/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -245,7 +245,7 @@
 			</div>
 						<div class="article-info__date">
 				<span>Publication <strong>26 août 2019</strong></span>
-												<span>Modification <strong>30 août 2021</strong></span>
+												<span>Modification <strong>1 septembre 2021</strong></span>
 							</div>
 		</div>
 
@@ -439,7 +439,7 @@ <h2 id="bon-a-savoir" class="anchor-title"><a href="#bon-a-savoir">Bon à savoir
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -543,10 +543,9 @@ <h2 id="bon-a-savoir" class="anchor-title"><a href="#bon-a-savoir">Bon à savoir
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -571,7 +570,7 @@ <h2 id="bon-a-savoir" class="anchor-title"><a href="#bon-a-savoir">Bon à savoir
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -585,13 +584,59 @@ <h2 id="bon-a-savoir" class="anchor-title"><a href="#bon-a-savoir">Bon à savoir
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/ecrire-des-tests-behat-proches-de-son-domaine/index.html b/pr/398/blog/dev/ecrire-des-tests-behat-proches-de-son-domaine/index.html
index e49078289cd..b0db042a366 100644
--- a/pr/398/blog/dev/ecrire-des-tests-behat-proches-de-son-domaine/index.html
+++ b/pr/398/blog/dev/ecrire-des-tests-behat-proches-de-son-domaine/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -720,7 +720,7 @@ <h2 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -824,10 +824,9 @@ <h2 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -852,7 +851,7 @@ <h2 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -866,13 +865,59 @@ <h2 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/from-react-native-init-to-app-stores-real-quick/index.html b/pr/398/blog/dev/from-react-native-init-to-app-stores-real-quick/index.html
index b1b9ac413fe..0eb2d2f5015 100644
--- a/pr/398/blog/dev/from-react-native-init-to-app-stores-real-quick/index.html
+++ b/pr/398/blog/dev/from-react-native-init-to-app-stores-real-quick/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -735,7 +735,7 @@ <h2 id="troubles" class="anchor-title"><a href="#troubles">Troubles?</a></h2>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -839,10 +839,9 @@ <h2 id="troubles" class="anchor-title"><a href="#troubles">Troubles?</a></h2>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -867,7 +866,7 @@ <h2 id="troubles" class="anchor-title"><a href="#troubles">Troubles?</a></h2>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -881,13 +880,59 @@ <h2 id="troubles" class="anchor-title"><a href="#troubles">Troubles?</a></h2>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/how-to-manage-translations-for-your-object-using-sonataadminbundle/index.html b/pr/398/blog/dev/how-to-manage-translations-for-your-object-using-sonataadminbundle/index.html
index c93978aa9de..68469ff706f 100644
--- a/pr/398/blog/dev/how-to-manage-translations-for-your-object-using-sonataadminbundle/index.html
+++ b/pr/398/blog/dev/how-to-manage-translations-for-your-object-using-sonataadminbundle/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -573,7 +573,7 @@ <h1>How to manage translations for your object using SonataAdminBundle</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -677,10 +677,9 @@ <h1>How to manage translations for your object using SonataAdminBundle</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -705,7 +704,7 @@ <h1>How to manage translations for your object using SonataAdminBundle</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -719,13 +718,59 @@ <h1>How to manage translations for your object using SonataAdminBundle</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/installation-et-premiers-pas-avec-le-plugin-symfony-sfimagetransformextraplugin/index.html b/pr/398/blog/dev/installation-et-premiers-pas-avec-le-plugin-symfony-sfimagetransformextraplugin/index.html
index 79506859f73..d671f837059 100644
--- a/pr/398/blog/dev/installation-et-premiers-pas-avec-le-plugin-symfony-sfimagetransformextraplugin/index.html
+++ b/pr/398/blog/dev/installation-et-premiers-pas-avec-le-plugin-symfony-sfimagetransformextraplugin/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -509,7 +509,7 @@ <h3 id="remerciements" class="anchor-title"><a href="#remerciements">Remerciemen
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -613,10 +613,9 @@ <h3 id="remerciements" class="anchor-title"><a href="#remerciements">Remerciemen
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -641,7 +640,7 @@ <h3 id="remerciements" class="anchor-title"><a href="#remerciements">Remerciemen
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -655,13 +654,59 @@ <h3 id="remerciements" class="anchor-title"><a href="#remerciements">Remerciemen
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/la-revanche-du-web-par-les-progressive-web-apps/index.html b/pr/398/blog/dev/la-revanche-du-web-par-les-progressive-web-apps/index.html
index 4610a8be136..9d6917eef60 100644
--- a/pr/398/blog/dev/la-revanche-du-web-par-les-progressive-web-apps/index.html
+++ b/pr/398/blog/dev/la-revanche-du-web-par-les-progressive-web-apps/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -760,7 +760,7 @@ <h2 id="et-apres" class="anchor-title"><a href="#et-apres">Et après ?</a></h2>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -864,10 +864,9 @@ <h2 id="et-apres" class="anchor-title"><a href="#et-apres">Et après ?</a></h2>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -892,7 +891,7 @@ <h2 id="et-apres" class="anchor-title"><a href="#et-apres">Et après ?</a></h2>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -906,13 +905,59 @@ <h2 id="et-apres" class="anchor-title"><a href="#et-apres">Et après ?</a></h2>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/les-attributs-php-8-dans-symfony/index.html b/pr/398/blog/dev/les-attributs-php-8-dans-symfony/index.html
index ddac86f6117..f3efe8c6775 100644
--- a/pr/398/blog/dev/les-attributs-php-8-dans-symfony/index.html
+++ b/pr/398/blog/dev/les-attributs-php-8-dans-symfony/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -601,7 +601,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -705,10 +705,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -733,7 +732,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -747,13 +746,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/maintenabilite-et-performance-avec-sass-et-compass/index.html b/pr/398/blog/dev/maintenabilite-et-performance-avec-sass-et-compass/index.html
index 2e76389b227..99357ae0940 100644
--- a/pr/398/blog/dev/maintenabilite-et-performance-avec-sass-et-compass/index.html
+++ b/pr/398/blog/dev/maintenabilite-et-performance-avec-sass-et-compass/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -506,7 +506,7 @@ <h3 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -610,10 +610,9 @@ <h3 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -638,7 +637,7 @@ <h3 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -652,13 +651,59 @@ <h3 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/manalize-virtualiser-son-environnement-de-developpement/index.html b/pr/398/blog/dev/manalize-virtualiser-son-environnement-de-developpement/index.html
index 87e8fe2291a..96aff97016e 100644
--- a/pr/398/blog/dev/manalize-virtualiser-son-environnement-de-developpement/index.html
+++ b/pr/398/blog/dev/manalize-virtualiser-son-environnement-de-developpement/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -450,7 +450,7 @@ <h2 id="une-derniere-chose" class="anchor-title"><a href="#une-derniere-chose">U
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -554,10 +554,9 @@ <h2 id="une-derniere-chose" class="anchor-title"><a href="#une-derniere-chose">U
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -582,7 +581,7 @@ <h2 id="une-derniere-chose" class="anchor-title"><a href="#une-derniere-chose">U
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -596,13 +595,59 @@ <h2 id="une-derniere-chose" class="anchor-title"><a href="#une-derniere-chose">U
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/meteor-multi-apps-architecture/index.html b/pr/398/blog/dev/meteor-multi-apps-architecture/index.html
index 86dbc25746b..4c15cda19c5 100644
--- a/pr/398/blog/dev/meteor-multi-apps-architecture/index.html
+++ b/pr/398/blog/dev/meteor-multi-apps-architecture/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -391,7 +391,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -495,10 +495,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -523,7 +522,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -537,13 +536,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/migrer-mots-de-passe-utilisateur-autre-methode-encodage-symfony/index.html b/pr/398/blog/dev/migrer-mots-de-passe-utilisateur-autre-methode-encodage-symfony/index.html
index 99ac12d0dd0..01e394c1c5d 100644
--- a/pr/398/blog/dev/migrer-mots-de-passe-utilisateur-autre-methode-encodage-symfony/index.html
+++ b/pr/398/blog/dev/migrer-mots-de-passe-utilisateur-autre-methode-encodage-symfony/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -456,7 +456,7 @@ <h1 id="bonus" class="anchor-title"><a href="#bonus">Bonus</a></h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -560,10 +560,9 @@ <h1 id="bonus" class="anchor-title"><a href="#bonus">Bonus</a></h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -588,7 +587,7 @@ <h1 id="bonus" class="anchor-title"><a href="#bonus">Bonus</a></h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -602,13 +601,59 @@ <h1 id="bonus" class="anchor-title"><a href="#bonus">Bonus</a></h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/no-index-staging-symfony/index.html b/pr/398/blog/dev/no-index-staging-symfony/index.html
index 5ad76274e37..ddf9c09315c 100644
--- a/pr/398/blog/dev/no-index-staging-symfony/index.html
+++ b/pr/398/blog/dev/no-index-staging-symfony/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -419,7 +419,7 @@ <h2 id="oups-mon-site-avec-des-urls-de-staging-a-ete-indexe" class="anchor-title
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -523,10 +523,9 @@ <h2 id="oups-mon-site-avec-des-urls-de-staging-a-ete-indexe" class="anchor-title
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -551,7 +550,7 @@ <h2 id="oups-mon-site-avec-des-urls-de-staging-a-ete-indexe" class="anchor-title
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -565,13 +564,59 @@ <h2 id="oups-mon-site-avec-des-urls-de-staging-a-ete-indexe" class="anchor-title
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/offusquez-vos-id-dans-vos-url/index.html b/pr/398/blog/dev/offusquez-vos-id-dans-vos-url/index.html
index aecdb4b6ad0..ed71c7939ca 100644
--- a/pr/398/blog/dev/offusquez-vos-id-dans-vos-url/index.html
+++ b/pr/398/blog/dev/offusquez-vos-id-dans-vos-url/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -581,7 +581,7 @@ <h2 id="rendre-notre-systeme-configurable" class="anchor-title"><a href="#rendre
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -685,10 +685,9 @@ <h2 id="rendre-notre-systeme-configurable" class="anchor-title"><a href="#rendre
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -713,7 +712,7 @@ <h2 id="rendre-notre-systeme-configurable" class="anchor-title"><a href="#rendre
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -727,13 +726,59 @@ <h2 id="rendre-notre-systeme-configurable" class="anchor-title"><a href="#rendre
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/planification-de-rdv-avec-optaplanner/index.html b/pr/398/blog/dev/planification-de-rdv-avec-optaplanner/index.html
index f0202ada256..9a43ea47dec 100644
--- a/pr/398/blog/dev/planification-de-rdv-avec-optaplanner/index.html
+++ b/pr/398/blog/dev/planification-de-rdv-avec-optaplanner/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -745,7 +745,7 @@ <h2 id="quand-utiliser-optaplanner" class="anchor-title"><a href="#quand-utilise
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -849,10 +849,9 @@ <h2 id="quand-utiliser-optaplanner" class="anchor-title"><a href="#quand-utilise
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -877,7 +876,7 @@ <h2 id="quand-utiliser-optaplanner" class="anchor-title"><a href="#quand-utilise
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -891,13 +890,59 @@ <h2 id="quand-utiliser-optaplanner" class="anchor-title"><a href="#quand-utilise
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/plusieurs-mailer-dans-une-application-symfony-2/index.html b/pr/398/blog/dev/plusieurs-mailer-dans-une-application-symfony-2/index.html
index d5a7cacf35b..077e1b4b872 100644
--- a/pr/398/blog/dev/plusieurs-mailer-dans-une-application-symfony-2/index.html
+++ b/pr/398/blog/dev/plusieurs-mailer-dans-une-application-symfony-2/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -372,7 +372,7 @@ <h1 id="mise-en-oeuvre-de-la-solution" class="anchor-title"><a href="#mise-en-oe
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -476,10 +476,9 @@ <h1 id="mise-en-oeuvre-de-la-solution" class="anchor-title"><a href="#mise-en-oe
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -504,7 +503,7 @@ <h1 id="mise-en-oeuvre-de-la-solution" class="anchor-title"><a href="#mise-en-oe
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -518,13 +517,59 @@ <h1 id="mise-en-oeuvre-de-la-solution" class="anchor-title"><a href="#mise-en-oe
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/pourquoi-devriez-vous-utiliser-vue-js-dans-vos-projets/index.html b/pr/398/blog/dev/pourquoi-devriez-vous-utiliser-vue-js-dans-vos-projets/index.html
index 4f705ef1737..1b92f70ebcc 100644
--- a/pr/398/blog/dev/pourquoi-devriez-vous-utiliser-vue-js-dans-vos-projets/index.html
+++ b/pr/398/blog/dev/pourquoi-devriez-vous-utiliser-vue-js-dans-vos-projets/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -394,7 +394,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -498,10 +498,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -526,7 +525,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -540,13 +539,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/premiers-pas-avec-le-framework-python-django/index.html b/pr/398/blog/dev/premiers-pas-avec-le-framework-python-django/index.html
index 9741e31abf0..ceba83e5f84 100644
--- a/pr/398/blog/dev/premiers-pas-avec-le-framework-python-django/index.html
+++ b/pr/398/blog/dev/premiers-pas-avec-le-framework-python-django/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -534,7 +534,7 @@ <h3 id="conclusion-plus-que-precaire" class="anchor-title"><a href="#conclusion-
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -638,10 +638,9 @@ <h3 id="conclusion-plus-que-precaire" class="anchor-title"><a href="#conclusion-
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -666,7 +665,7 @@ <h3 id="conclusion-plus-que-precaire" class="anchor-title"><a href="#conclusion-
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -680,13 +679,59 @@ <h3 id="conclusion-plus-que-precaire" class="anchor-title"><a href="#conclusion-
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/progressive-web-app-chalkboard-education-elearning-sans-internet/index.html b/pr/398/blog/dev/progressive-web-app-chalkboard-education-elearning-sans-internet/index.html
index a6c7b8d2162..87146f096d0 100644
--- a/pr/398/blog/dev/progressive-web-app-chalkboard-education-elearning-sans-internet/index.html
+++ b/pr/398/blog/dev/progressive-web-app-chalkboard-education-elearning-sans-internet/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -784,7 +784,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -888,10 +888,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -916,7 +915,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -930,13 +929,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/propel-utiliser-des-champs-calcules/index.html b/pr/398/blog/dev/propel-utiliser-des-champs-calcules/index.html
index be5ff8d469a..4a11bf2e6ac 100644
--- a/pr/398/blog/dev/propel-utiliser-des-champs-calcules/index.html
+++ b/pr/398/blog/dev/propel-utiliser-des-champs-calcules/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -417,7 +417,7 @@ <h3 id="2eme-solution-les-resultats-sont-accedes-via-les-noms-de-champs-renvoyes
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -521,10 +521,9 @@ <h3 id="2eme-solution-les-resultats-sont-accedes-via-les-noms-de-champs-renvoyes
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -549,7 +548,7 @@ <h3 id="2eme-solution-les-resultats-sont-accedes-via-les-noms-de-champs-renvoyes
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -563,13 +562,59 @@ <h3 id="2eme-solution-les-resultats-sont-accedes-via-les-noms-de-champs-renvoyes
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/react-native-font-icon/index.html b/pr/398/blog/dev/react-native-font-icon/index.html
index ab910ac0b37..8d385988521 100644
--- a/pr/398/blog/dev/react-native-font-icon/index.html
+++ b/pr/398/blog/dev/react-native-font-icon/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -475,7 +475,7 @@ <h3 id="utilisation-du-composant-icon" class="anchor-title"><a href="#utilisatio
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -579,10 +579,9 @@ <h3 id="utilisation-du-composant-icon" class="anchor-title"><a href="#utilisatio
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -607,7 +606,7 @@ <h3 id="utilisation-du-composant-icon" class="anchor-title"><a href="#utilisatio
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -621,13 +620,59 @@ <h3 id="utilisation-du-composant-icon" class="anchor-title"><a href="#utilisatio
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/realisez-une-application-vue-js-avec-vue-cli/index.html b/pr/398/blog/dev/realisez-une-application-vue-js-avec-vue-cli/index.html
index a9bfb840c93..cfb2d303a8f 100644
--- a/pr/398/blog/dev/realisez-une-application-vue-js-avec-vue-cli/index.html
+++ b/pr/398/blog/dev/realisez-une-application-vue-js-avec-vue-cli/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -413,7 +413,7 @@ <h2 id="dev-tool" class="anchor-title"><a href="#dev-tool">Dev tool</a></h2>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -517,10 +517,9 @@ <h2 id="dev-tool" class="anchor-title"><a href="#dev-tool">Dev tool</a></h2>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -545,7 +544,7 @@ <h2 id="dev-tool" class="anchor-title"><a href="#dev-tool">Dev tool</a></h2>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -559,13 +558,59 @@ <h2 id="dev-tool" class="anchor-title"><a href="#dev-tool">Dev tool</a></h2>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/responsive-web-design/index.html b/pr/398/blog/dev/responsive-web-design/index.html
index f21ec1eb6a0..bff29ac6916 100644
--- a/pr/398/blog/dev/responsive-web-design/index.html
+++ b/pr/398/blog/dev/responsive-web-design/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -379,7 +379,7 @@ <h3 id="outils-et-sources" class="anchor-title"><a href="#outils-et-sources">Out
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -483,10 +483,9 @@ <h3 id="outils-et-sources" class="anchor-title"><a href="#outils-et-sources">Out
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -511,7 +510,7 @@ <h3 id="outils-et-sources" class="anchor-title"><a href="#outils-et-sources">Out
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -525,13 +524,59 @@ <h3 id="outils-et-sources" class="anchor-title"><a href="#outils-et-sources">Out
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/retour-experience-matomo/index.html b/pr/398/blog/dev/retour-experience-matomo/index.html
index 73c133e6427..eaa06275a26 100644
--- a/pr/398/blog/dev/retour-experience-matomo/index.html
+++ b/pr/398/blog/dev/retour-experience-matomo/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -450,7 +450,7 @@ <h2 id="en-savoir-plus-sources" class="anchor-title"><a href="#en-savoir-plus-so
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -554,10 +554,9 @@ <h2 id="en-savoir-plus-sources" class="anchor-title"><a href="#en-savoir-plus-so
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -582,7 +581,7 @@ <h2 id="en-savoir-plus-sources" class="anchor-title"><a href="#en-savoir-plus-so
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -596,13 +595,59 @@ <h2 id="en-savoir-plus-sources" class="anchor-title"><a href="#en-savoir-plus-so
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/subdomains-symfony2-2-session-authentication/index.html b/pr/398/blog/dev/subdomains-symfony2-2-session-authentication/index.html
index 2d605ee5a83..69408cdcd58 100644
--- a/pr/398/blog/dev/subdomains-symfony2-2-session-authentication/index.html
+++ b/pr/398/blog/dev/subdomains-symfony2-2-session-authentication/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -363,7 +363,7 @@ <h3 id="problem-2" class="anchor-title"><a href="#problem-2">Problem 2</a></h3>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -467,10 +467,9 @@ <h3 id="problem-2" class="anchor-title"><a href="#problem-2">Problem 2</a></h3>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -495,7 +494,7 @@ <h3 id="problem-2" class="anchor-title"><a href="#problem-2">Problem 2</a></h3>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -509,13 +508,59 @@ <h3 id="problem-2" class="anchor-title"><a href="#problem-2">Problem 2</a></h3>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/symfony-2-doctrine-2-cheat-sheets/index.html b/pr/398/blog/dev/symfony-2-doctrine-2-cheat-sheets/index.html
index 4b1ada82fb2..be4efb2e7d8 100644
--- a/pr/398/blog/dev/symfony-2-doctrine-2-cheat-sheets/index.html
+++ b/pr/398/blog/dev/symfony-2-doctrine-2-cheat-sheets/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -356,7 +356,7 @@ <h1>Symfony 2 - Doctrine 2 - Cheat Sheets</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -460,10 +460,9 @@ <h1>Symfony 2 - Doctrine 2 - Cheat Sheets</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -488,7 +487,7 @@ <h1>Symfony 2 - Doctrine 2 - Cheat Sheets</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -502,13 +501,59 @@ <h1>Symfony 2 - Doctrine 2 - Cheat Sheets</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/symfony-2-linjection-de-dependances/index.html b/pr/398/blog/dev/symfony-2-linjection-de-dependances/index.html
index 81f9b994f62..8d3bc452a77 100644
--- a/pr/398/blog/dev/symfony-2-linjection-de-dependances/index.html
+++ b/pr/398/blog/dev/symfony-2-linjection-de-dependances/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -750,7 +750,7 @@ <h3 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -854,10 +854,9 @@ <h3 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -882,7 +881,7 @@ <h3 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -896,13 +895,59 @@ <h3 id="en-conclusion" class="anchor-title"><a href="#en-conclusion">En conclusi
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/the-browserdetectorbundle-working-with-the-kernel-events/index.html b/pr/398/blog/dev/the-browserdetectorbundle-working-with-the-kernel-events/index.html
index d38545c5ba4..b2bf84efda8 100644
--- a/pr/398/blog/dev/the-browserdetectorbundle-working-with-the-kernel-events/index.html
+++ b/pr/398/blog/dev/the-browserdetectorbundle-working-with-the-kernel-events/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -454,7 +454,7 @@ <h1>The BrowserDetectorBundle: working with the Kernel events</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -558,10 +558,9 @@ <h1>The BrowserDetectorBundle: working with the Kernel events</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -586,7 +585,7 @@ <h1>The BrowserDetectorBundle: working with the Kernel events</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -600,13 +599,59 @@ <h1>The BrowserDetectorBundle: working with the Kernel events</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/twig-quelques-pro-tips-issue-du-symfony-live-2013/index.html b/pr/398/blog/dev/twig-quelques-pro-tips-issue-du-symfony-live-2013/index.html
index f866160dd2e..1a5fa4f1cdd 100644
--- a/pr/398/blog/dev/twig-quelques-pro-tips-issue-du-symfony-live-2013/index.html
+++ b/pr/398/blog/dev/twig-quelques-pro-tips-issue-du-symfony-live-2013/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -386,7 +386,7 @@ <h3 id="sources" class="anchor-title"><a href="#sources">Sources</a></h3>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -490,10 +490,9 @@ <h3 id="sources" class="anchor-title"><a href="#sources">Sources</a></h3>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -518,7 +517,7 @@ <h3 id="sources" class="anchor-title"><a href="#sources">Sources</a></h3>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -532,13 +531,59 @@ <h3 id="sources" class="anchor-title"><a href="#sources">Sources</a></h3>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/two-ways-binding-avec-vue-et-vuex/index.html b/pr/398/blog/dev/two-ways-binding-avec-vue-et-vuex/index.html
index c2d8e6653ef..d607d20ce38 100644
--- a/pr/398/blog/dev/two-ways-binding-avec-vue-et-vuex/index.html
+++ b/pr/398/blog/dev/two-ways-binding-avec-vue-et-vuex/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -456,7 +456,7 @@ <h1>Two Way-Binding avec Vue et Vuex</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -560,10 +560,9 @@ <h1>Two Way-Binding avec Vue et Vuex</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -588,7 +587,7 @@ <h1>Two Way-Binding avec Vue et Vuex</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -602,13 +601,59 @@ <h1>Two Way-Binding avec Vue et Vuex</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/utilisation-de-levenement-kernel-terminate-sous-symfony2/index.html b/pr/398/blog/dev/utilisation-de-levenement-kernel-terminate-sous-symfony2/index.html
index d52a2ba13ef..35230d6fc11 100644
--- a/pr/398/blog/dev/utilisation-de-levenement-kernel-terminate-sous-symfony2/index.html
+++ b/pr/398/blog/dev/utilisation-de-levenement-kernel-terminate-sous-symfony2/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -456,7 +456,7 @@ <h1>Utilisation de l&#039;évènement kernel.terminate sous Symfony2</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -560,10 +560,9 @@ <h1>Utilisation de l&#039;évènement kernel.terminate sous Symfony2</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -588,7 +587,7 @@ <h1>Utilisation de l&#039;évènement kernel.terminate sous Symfony2</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -602,13 +601,59 @@ <h1>Utilisation de l&#039;évènement kernel.terminate sous Symfony2</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/dev/webpack-encore-alias-namespace/index.html b/pr/398/blog/dev/webpack-encore-alias-namespace/index.html
index 356321ad026..3e6069986c4 100644
--- a/pr/398/blog/dev/webpack-encore-alias-namespace/index.html
+++ b/pr/398/blog/dev/webpack-encore-alias-namespace/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -438,7 +438,7 @@ <h2 id="bonus" class="anchor-title"><a href="#bonus">Bonus</a></h2>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -542,10 +542,9 @@ <h2 id="bonus" class="anchor-title"><a href="#bonus">Bonus</a></h2>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -570,7 +569,7 @@ <h2 id="bonus" class="anchor-title"><a href="#bonus">Bonus</a></h2>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -584,13 +583,59 @@ <h2 id="bonus" class="anchor-title"><a href="#bonus">Bonus</a></h2>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/afup-day-1-2021/index.html b/pr/398/blog/elao/afup-day-1-2021/index.html
index dc7eb89fea9..afdf3ac8eab 100644
--- a/pr/398/blog/elao/afup-day-1-2021/index.html
+++ b/pr/398/blog/elao/afup-day-1-2021/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -408,7 +408,7 @@ <h2 id="alors-cette-edition" class="anchor-title"><a href="#alors-cette-edition"
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -512,10 +512,9 @@ <h2 id="alors-cette-edition" class="anchor-title"><a href="#alors-cette-edition"
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -540,7 +539,7 @@ <h2 id="alors-cette-edition" class="anchor-title"><a href="#alors-cette-edition"
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -554,13 +553,59 @@ <h2 id="alors-cette-edition" class="anchor-title"><a href="#alors-cette-edition"
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/afup-day-2-2021/index.html b/pr/398/blog/elao/afup-day-2-2021/index.html
index d61d227467e..92c175d62f8 100644
--- a/pr/398/blog/elao/afup-day-2-2021/index.html
+++ b/pr/398/blog/elao/afup-day-2-2021/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -374,7 +374,7 @@ <h2 id="alors-cette-edition" class="anchor-title"><a href="#alors-cette-edition"
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -478,10 +478,9 @@ <h2 id="alors-cette-edition" class="anchor-title"><a href="#alors-cette-edition"
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -506,7 +505,7 @@ <h2 id="alors-cette-edition" class="anchor-title"><a href="#alors-cette-edition"
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -520,13 +519,59 @@ <h2 id="alors-cette-edition" class="anchor-title"><a href="#alors-cette-edition"
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/afup-day-lyon-2019/index.html b/pr/398/blog/elao/afup-day-lyon-2019/index.html
index f43033cd4b7..5f9d318d7d7 100644
--- a/pr/398/blog/elao/afup-day-lyon-2019/index.html
+++ b/pr/398/blog/elao/afup-day-lyon-2019/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -541,7 +541,7 @@ <h2 id="nos-impressions-sur-la-journee" class="anchor-title"><a href="#nos-impre
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -645,10 +645,9 @@ <h2 id="nos-impressions-sur-la-journee" class="anchor-title"><a href="#nos-impre
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -673,7 +672,7 @@ <h2 id="nos-impressions-sur-la-journee" class="anchor-title"><a href="#nos-impre
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -687,13 +686,59 @@ <h2 id="nos-impressions-sur-la-journee" class="anchor-title"><a href="#nos-impre
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/anne-laure-developpeuse-web-chez-elao-depuis-3-ans/index.html b/pr/398/blog/elao/anne-laure-developpeuse-web-chez-elao-depuis-3-ans/index.html
index dd7da63c584..b196229670e 100644
--- a/pr/398/blog/elao/anne-laure-developpeuse-web-chez-elao-depuis-3-ans/index.html
+++ b/pr/398/blog/elao/anne-laure-developpeuse-web-chez-elao-depuis-3-ans/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -420,7 +420,7 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -524,10 +524,9 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -552,7 +551,7 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -566,13 +565,59 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/best-of-web-2015/index.html b/pr/398/blog/elao/best-of-web-2015/index.html
index 238ec28e89c..f29bcb084b0 100644
--- a/pr/398/blog/elao/best-of-web-2015/index.html
+++ b/pr/398/blog/elao/best-of-web-2015/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -424,7 +424,7 @@ <h2 id="un-mot-sur-l-organisation" class="anchor-title"><a href="#un-mot-sur-l-o
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -528,10 +528,9 @@ <h2 id="un-mot-sur-l-organisation" class="anchor-title"><a href="#un-mot-sur-l-o
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -556,7 +555,7 @@ <h2 id="un-mot-sur-l-organisation" class="anchor-title"><a href="#un-mot-sur-l-o
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -570,13 +569,59 @@ <h2 id="un-mot-sur-l-organisation" class="anchor-title"><a href="#un-mot-sur-l-o
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/best-of-web-2016/index.html b/pr/398/blog/elao/best-of-web-2016/index.html
index 672a5f8f976..c270059c4f7 100644
--- a/pr/398/blog/elao/best-of-web-2016/index.html
+++ b/pr/398/blog/elao/best-of-web-2016/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -389,7 +389,7 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -493,10 +493,9 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -521,7 +520,7 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -535,13 +534,59 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/blendwebmix-2016/index.html b/pr/398/blog/elao/blendwebmix-2016/index.html
index 22de766a72b..4b151db473c 100644
--- a/pr/398/blog/elao/blendwebmix-2016/index.html
+++ b/pr/398/blog/elao/blendwebmix-2016/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -564,7 +564,7 @@ <h2 id="bilan" class="anchor-title"><a href="#bilan">Bilan</a></h2>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -668,10 +668,9 @@ <h2 id="bilan" class="anchor-title"><a href="#bilan">Bilan</a></h2>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -696,7 +695,7 @@ <h2 id="bilan" class="anchor-title"><a href="#bilan">Bilan</a></h2>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -710,13 +709,59 @@ <h2 id="bilan" class="anchor-title"><a href="#bilan">Bilan</a></h2>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/blendwebmix-2017/index.html b/pr/398/blog/elao/blendwebmix-2017/index.html
index d9977aabe74..7a00ff1364d 100644
--- a/pr/398/blog/elao/blendwebmix-2017/index.html
+++ b/pr/398/blog/elao/blendwebmix-2017/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -357,7 +357,7 @@ <h1>Le Blend Web Mix 2017 arrive !</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -461,10 +461,9 @@ <h1>Le Blend Web Mix 2017 arrive !</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -489,7 +488,7 @@ <h1>Le Blend Web Mix 2017 arrive !</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -503,13 +502,59 @@ <h1>Le Blend Web Mix 2017 arrive !</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/dotscale-paris-2017/index.html b/pr/398/blog/elao/dotscale-paris-2017/index.html
index 42d86127ab9..a304f05fb80 100644
--- a/pr/398/blog/elao/dotscale-paris-2017/index.html
+++ b/pr/398/blog/elao/dotscale-paris-2017/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -363,7 +363,7 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -467,10 +467,9 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -495,7 +494,7 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -509,13 +508,59 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/elao-paris/index.html b/pr/398/blog/elao/elao-paris/index.html
index 46a9aa5b2e2..50421af35a7 100644
--- a/pr/398/blog/elao/elao-paris/index.html
+++ b/pr/398/blog/elao/elao-paris/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -422,7 +422,7 @@ <h2 id="plus-au-sud" class="anchor-title"><a href="#plus-au-sud">Plus au sud</a>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -526,10 +526,9 @@ <h2 id="plus-au-sud" class="anchor-title"><a href="#plus-au-sud">Plus au sud</a>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -554,7 +553,7 @@ <h2 id="plus-au-sud" class="anchor-title"><a href="#plus-au-sud">Plus au sud</a>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -568,13 +567,59 @@ <h2 id="plus-au-sud" class="anchor-title"><a href="#plus-au-sud">Plus au sud</a>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/forum-php-2015/index.html b/pr/398/blog/elao/forum-php-2015/index.html
index 7e912af68d7..ce4745cee8e 100644
--- a/pr/398/blog/elao/forum-php-2015/index.html
+++ b/pr/398/blog/elao/forum-php-2015/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -457,7 +457,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -561,10 +561,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -589,7 +588,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -603,13 +602,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/forum-php-2016/index.html b/pr/398/blog/elao/forum-php-2016/index.html
index c7c45fca168..047d2b4d66b 100644
--- a/pr/398/blog/elao/forum-php-2016/index.html
+++ b/pr/398/blog/elao/forum-php-2016/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -688,7 +688,7 @@ <h2 id="et-puis" class="anchor-title"><a href="#et-puis">Et puis...</a></h2>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -792,10 +792,9 @@ <h2 id="et-puis" class="anchor-title"><a href="#et-puis">Et puis...</a></h2>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -820,7 +819,7 @@ <h2 id="et-puis" class="anchor-title"><a href="#et-puis">Et puis...</a></h2>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -834,13 +833,59 @@ <h2 id="et-puis" class="anchor-title"><a href="#et-puis">Et puis...</a></h2>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/forum-php-2018/index.html b/pr/398/blog/elao/forum-php-2018/index.html
index 2a1590a774c..887499c82d6 100644
--- a/pr/398/blog/elao/forum-php-2018/index.html
+++ b/pr/398/blog/elao/forum-php-2018/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -547,7 +547,7 @@ <h2 id="pour-conclure" class="anchor-title"><a href="#pour-conclure">Pour conclu
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -651,10 +651,9 @@ <h2 id="pour-conclure" class="anchor-title"><a href="#pour-conclure">Pour conclu
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -679,7 +678,7 @@ <h2 id="pour-conclure" class="anchor-title"><a href="#pour-conclure">Pour conclu
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -693,13 +692,59 @@ <h2 id="pour-conclure" class="anchor-title"><a href="#pour-conclure">Pour conclu
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/halloween-2019/index.html b/pr/398/blog/elao/halloween-2019/index.html
index cf75299b1c8..4e5fad76e03 100644
--- a/pr/398/blog/elao/halloween-2019/index.html
+++ b/pr/398/blog/elao/halloween-2019/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -678,7 +678,7 @@ <h3 id="en-vrac" class="anchor-title"><a href="#en-vrac">En vrac</a></h3>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -782,10 +782,9 @@ <h3 id="en-vrac" class="anchor-title"><a href="#en-vrac">En vrac</a></h3>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -810,7 +809,7 @@ <h3 id="en-vrac" class="anchor-title"><a href="#en-vrac">En vrac</a></h3>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -824,13 +823,59 @@ <h3 id="en-vrac" class="anchor-title"><a href="#en-vrac">En vrac</a></h3>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/hs-bien-preparer-sa-conference/index.html b/pr/398/blog/elao/hs-bien-preparer-sa-conference/index.html
index 43b1b0c9934..58866d44917 100644
--- a/pr/398/blog/elao/hs-bien-preparer-sa-conference/index.html
+++ b/pr/398/blog/elao/hs-bien-preparer-sa-conference/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -377,7 +377,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -481,10 +481,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -509,7 +508,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -523,13 +522,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/le-teletravail-point-de-vue/index.html b/pr/398/blog/elao/le-teletravail-point-de-vue/index.html
index 44adc0f3c1b..d31473f3c5f 100644
--- a/pr/398/blog/elao/le-teletravail-point-de-vue/index.html
+++ b/pr/398/blog/elao/le-teletravail-point-de-vue/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -410,7 +410,7 @@ <h1 id="pour-terminer" class="anchor-title"><a href="#pour-terminer">Pour termin
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -514,10 +514,9 @@ <h1 id="pour-terminer" class="anchor-title"><a href="#pour-terminer">Pour termin
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -542,7 +541,7 @@ <h1 id="pour-terminer" class="anchor-title"><a href="#pour-terminer">Pour termin
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -556,13 +555,59 @@ <h1 id="pour-terminer" class="anchor-title"><a href="#pour-terminer">Pour termin
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/maxime-developpeur-web-depuis-10-ans/index.html b/pr/398/blog/elao/maxime-developpeur-web-depuis-10-ans/index.html
index 63230f4c7fc..914220cb97a 100644
--- a/pr/398/blog/elao/maxime-developpeur-web-depuis-10-ans/index.html
+++ b/pr/398/blog/elao/maxime-developpeur-web-depuis-10-ans/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -429,7 +429,7 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -533,10 +533,9 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -561,7 +560,7 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -575,13 +574,59 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/mix-it-2015-pt1/index.html b/pr/398/blog/elao/mix-it-2015-pt1/index.html
index bae18411b48..d52a3209bb5 100644
--- a/pr/398/blog/elao/mix-it-2015-pt1/index.html
+++ b/pr/398/blog/elao/mix-it-2015-pt1/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -421,7 +421,7 @@ <h2 id="bases-de-donnees" class="anchor-title">Bases de données<a href="#bases-
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -525,10 +525,9 @@ <h2 id="bases-de-donnees" class="anchor-title">Bases de données<a href="#bases-
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -553,7 +552,7 @@ <h2 id="bases-de-donnees" class="anchor-title">Bases de données<a href="#bases-
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -567,13 +566,59 @@ <h2 id="bases-de-donnees" class="anchor-title">Bases de données<a href="#bases-
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/mixit-2018/index.html b/pr/398/blog/elao/mixit-2018/index.html
index 9430e0778d6..3da748dd9b5 100644
--- a/pr/398/blog/elao/mixit-2018/index.html
+++ b/pr/398/blog/elao/mixit-2018/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -492,7 +492,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -596,10 +596,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -624,7 +623,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -638,13 +637,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/ncrafts-2016/index.html b/pr/398/blog/elao/ncrafts-2016/index.html
index a4bfbf37757..132235e3cd6 100644
--- a/pr/398/blog/elao/ncrafts-2016/index.html
+++ b/pr/398/blog/elao/ncrafts-2016/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -391,7 +391,7 @@ <h2 id="ambiance" class="anchor-title"><a href="#ambiance">Ambiance</a></h2>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -495,10 +495,9 @@ <h2 id="ambiance" class="anchor-title"><a href="#ambiance">Ambiance</a></h2>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -523,7 +522,7 @@ <h2 id="ambiance" class="anchor-title"><a href="#ambiance">Ambiance</a></h2>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -537,13 +536,59 @@ <h2 id="ambiance" class="anchor-title"><a href="#ambiance">Ambiance</a></h2>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/nodeschool-paris/index.html b/pr/398/blog/elao/nodeschool-paris/index.html
index 1d1aab40a01..440b32e60a5 100644
--- a/pr/398/blog/elao/nodeschool-paris/index.html
+++ b/pr/398/blog/elao/nodeschool-paris/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -346,7 +346,7 @@ <h1>Retour sur la NodeSchool Paris</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -450,10 +450,9 @@ <h1>Retour sur la NodeSchool Paris</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -478,7 +477,7 @@ <h1>Retour sur la NodeSchool Paris</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -492,13 +491,59 @@ <h1>Retour sur la NodeSchool Paris</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/nuit-du-hack-XV/index.html b/pr/398/blog/elao/nuit-du-hack-XV/index.html
index 5955269974d..ca15cb269ea 100644
--- a/pr/398/blog/elao/nuit-du-hack-XV/index.html
+++ b/pr/398/blog/elao/nuit-du-hack-XV/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -404,7 +404,7 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -508,10 +508,9 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -536,7 +535,7 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -550,13 +549,59 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/phptour-2016/index.html b/pr/398/blog/elao/phptour-2016/index.html
index 5d025467757..b06903108fc 100644
--- a/pr/398/blog/elao/phptour-2016/index.html
+++ b/pr/398/blog/elao/phptour-2016/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -593,7 +593,7 @@ <h1>PHP Tour 2016, Merciiiiii</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -697,10 +697,9 @@ <h1>PHP Tour 2016, Merciiiiii</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -725,7 +724,7 @@ <h1>PHP Tour 2016, Merciiiiii</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -739,13 +738,59 @@ <h1>PHP Tour 2016, Merciiiiii</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/rebranding-l-avenir/index.html b/pr/398/blog/elao/rebranding-l-avenir/index.html
index a65ebe20004..2dbedecc0d7 100644
--- a/pr/398/blog/elao/rebranding-l-avenir/index.html
+++ b/pr/398/blog/elao/rebranding-l-avenir/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -541,7 +541,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -645,10 +645,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -673,7 +672,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -687,13 +686,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/rebranding-la-forme/index.html b/pr/398/blog/elao/rebranding-la-forme/index.html
index 9969c88f261..3bdbf692d17 100644
--- a/pr/398/blog/elao/rebranding-la-forme/index.html
+++ b/pr/398/blog/elao/rebranding-la-forme/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -455,7 +455,7 @@ <h2 id="qu-est-ce-qu-on-en-conclut" class="anchor-title"><a href="#qu-est-ce-qu-
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -559,10 +559,9 @@ <h2 id="qu-est-ce-qu-on-en-conclut" class="anchor-title"><a href="#qu-est-ce-qu-
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -587,7 +586,7 @@ <h2 id="qu-est-ce-qu-on-en-conclut" class="anchor-title"><a href="#qu-est-ce-qu-
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -601,13 +600,59 @@ <h2 id="qu-est-ce-qu-on-en-conclut" class="anchor-title"><a href="#qu-est-ce-qu-
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/rebranding-la-tech/index.html b/pr/398/blog/elao/rebranding-la-tech/index.html
index 0f357defbbb..b9e1b395463 100644
--- a/pr/398/blog/elao/rebranding-la-tech/index.html
+++ b/pr/398/blog/elao/rebranding-la-tech/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -591,7 +591,7 @@ <h2 id="sources" class="anchor-title"><a href="#sources">Sources</a></h2>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -695,10 +695,9 @@ <h2 id="sources" class="anchor-title"><a href="#sources">Sources</a></h2>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -723,7 +722,7 @@ <h2 id="sources" class="anchor-title"><a href="#sources">Sources</a></h2>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -737,13 +736,59 @@ <h2 id="sources" class="anchor-title"><a href="#sources">Sources</a></h2>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/rebranding-le-fond/index.html b/pr/398/blog/elao/rebranding-le-fond/index.html
index e1c918bc4f5..562a0382d08 100644
--- a/pr/398/blog/elao/rebranding-le-fond/index.html
+++ b/pr/398/blog/elao/rebranding-le-fond/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -468,7 +468,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -572,10 +572,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -600,7 +599,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -614,13 +613,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/retour-paris-web/index.html b/pr/398/blog/elao/retour-paris-web/index.html
index cddb8657239..5afb27548cf 100644
--- a/pr/398/blog/elao/retour-paris-web/index.html
+++ b/pr/398/blog/elao/retour-paris-web/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -365,7 +365,7 @@ <h4 id="je-termine-par-une-petite-mention-speciale" class="anchor-title"><a href
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -469,10 +469,9 @@ <h4 id="je-termine-par-une-petite-mention-speciale" class="anchor-title"><a href
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -497,7 +496,7 @@ <h4 id="je-termine-par-une-petite-mention-speciale" class="anchor-title"><a href
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -511,13 +510,59 @@ <h4 id="je-termine-par-une-petite-mention-speciale" class="anchor-title"><a href
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/rex-orga-mixit-2021/index.html b/pr/398/blog/elao/rex-orga-mixit-2021/index.html
index afb51fd76d4..7b0567e048c 100644
--- a/pr/398/blog/elao/rex-orga-mixit-2021/index.html
+++ b/pr/398/blog/elao/rex-orga-mixit-2021/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -483,7 +483,7 @@ <h2 id="et-maintenant" class="anchor-title"><a href="#et-maintenant">Et maintena
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -587,10 +587,9 @@ <h2 id="et-maintenant" class="anchor-title"><a href="#et-maintenant">Et maintena
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -615,7 +614,7 @@ <h2 id="et-maintenant" class="anchor-title"><a href="#et-maintenant">Et maintena
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -629,13 +628,59 @@ <h2 id="et-maintenant" class="anchor-title"><a href="#et-maintenant">Et maintena
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/symfony-live-2015/index.html b/pr/398/blog/elao/symfony-live-2015/index.html
index 83af664d1ad..e00cc27846c 100644
--- a/pr/398/blog/elao/symfony-live-2015/index.html
+++ b/pr/398/blog/elao/symfony-live-2015/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -554,7 +554,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -658,10 +658,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -686,7 +685,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -700,13 +699,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/symfonycon-2015/index.html b/pr/398/blog/elao/symfonycon-2015/index.html
index 81fdfcfa720..4885dd11d1d 100644
--- a/pr/398/blog/elao/symfonycon-2015/index.html
+++ b/pr/398/blog/elao/symfonycon-2015/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -522,7 +522,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -626,10 +626,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -654,7 +653,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -668,13 +667,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/teambuilding-a-distance/index.html b/pr/398/blog/elao/teambuilding-a-distance/index.html
index b7fafd05802..d50eb32ed71 100644
--- a/pr/398/blog/elao/teambuilding-a-distance/index.html
+++ b/pr/398/blog/elao/teambuilding-a-distance/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -462,7 +462,7 @@ <h2 id="pour-conclure" class="anchor-title"><a href="#pour-conclure">Pour conclu
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -566,10 +566,9 @@ <h2 id="pour-conclure" class="anchor-title"><a href="#pour-conclure">Pour conclu
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -594,7 +593,7 @@ <h2 id="pour-conclure" class="anchor-title"><a href="#pour-conclure">Pour conclu
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -608,13 +607,59 @@ <h2 id="pour-conclure" class="anchor-title"><a href="#pour-conclure">Pour conclu
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/elao/trame-itw/index.html b/pr/398/blog/elao/trame-itw/index.html
index 57105efad45..e554e3c73b1 100644
--- a/pr/398/blog/elao/trame-itw/index.html
+++ b/pr/398/blog/elao/trame-itw/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -342,7 +342,7 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -446,10 +446,9 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -474,7 +473,7 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -488,13 +487,59 @@ <h3 id="php-ou-js" class="anchor-title"><a href="#php-ou-js">PHP ou JS ?</a></h3
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/index.html b/pr/398/blog/index.html
index 374d87827c0..164fa024d77 100644
--- a/pr/398/blog/index.html
+++ b/pr/398/blog/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/infra/acceder-api-cross-domain-depuis-javascript-avec-cors-reverse-proxy-nginx/index.html b/pr/398/blog/infra/acceder-api-cross-domain-depuis-javascript-avec-cors-reverse-proxy-nginx/index.html
index 62763068037..fea8ce4b0ce 100644
--- a/pr/398/blog/infra/acceder-api-cross-domain-depuis-javascript-avec-cors-reverse-proxy-nginx/index.html
+++ b/pr/398/blog/infra/acceder-api-cross-domain-depuis-javascript-avec-cors-reverse-proxy-nginx/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -429,7 +429,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -533,10 +533,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -561,7 +560,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -575,13 +574,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/authentification-http-avec-haproxy/index.html b/pr/398/blog/infra/authentification-http-avec-haproxy/index.html
index 55a8d1d00ca..2c6b7da4154 100644
--- a/pr/398/blog/infra/authentification-http-avec-haproxy/index.html
+++ b/pr/398/blog/infra/authentification-http-avec-haproxy/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -354,7 +354,7 @@ <h1>Authentification HTTP avec HA Proxy</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -458,10 +458,9 @@ <h1>Authentification HTTP avec HA Proxy</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -486,7 +485,7 @@ <h1>Authentification HTTP avec HA Proxy</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -500,13 +499,59 @@ <h1>Authentification HTTP avec HA Proxy</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/authentifications-multiples-a-partir-de-cles-ssh/index.html b/pr/398/blog/infra/authentifications-multiples-a-partir-de-cles-ssh/index.html
index 01f6460c609..3dd8c313efd 100644
--- a/pr/398/blog/infra/authentifications-multiples-a-partir-de-cles-ssh/index.html
+++ b/pr/398/blog/infra/authentifications-multiples-a-partir-de-cles-ssh/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -354,7 +354,7 @@ <h1>Authentifications multiples à partir de clés SSH</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -458,10 +458,9 @@ <h1>Authentifications multiples à partir de clés SSH</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -486,7 +485,7 @@ <h1>Authentifications multiples à partir de clés SSH</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -500,13 +499,59 @@ <h1>Authentifications multiples à partir de clés SSH</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/comprendre-lheritage-des-instructions-de-configuration-de-nginx/index.html b/pr/398/blog/infra/comprendre-lheritage-des-instructions-de-configuration-de-nginx/index.html
index 98ddd96ce4e..e9b36926eeb 100644
--- a/pr/398/blog/infra/comprendre-lheritage-des-instructions-de-configuration-de-nginx/index.html
+++ b/pr/398/blog/infra/comprendre-lheritage-des-instructions-de-configuration-de-nginx/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -438,7 +438,7 @@ <h3 id="exemple" class="anchor-title"><a href="#exemple">Exemple</a></h3>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -542,10 +542,9 @@ <h3 id="exemple" class="anchor-title"><a href="#exemple">Exemple</a></h3>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -570,7 +569,7 @@ <h3 id="exemple" class="anchor-title"><a href="#exemple">Exemple</a></h3>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -584,13 +583,59 @@ <h3 id="exemple" class="anchor-title"><a href="#exemple">Exemple</a></h3>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/creer-un-cluster-2-nodes-proxmox/index.html b/pr/398/blog/infra/creer-un-cluster-2-nodes-proxmox/index.html
index 8bfdaa36feb..df64c50eecb 100644
--- a/pr/398/blog/infra/creer-un-cluster-2-nodes-proxmox/index.html
+++ b/pr/398/blog/infra/creer-un-cluster-2-nodes-proxmox/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -481,7 +481,7 @@ <h2 id="failed-to-access-mount-point" class="anchor-title"><a href="#failed-to-a
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -585,10 +585,9 @@ <h2 id="failed-to-access-mount-point" class="anchor-title"><a href="#failed-to-a
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -613,7 +612,7 @@ <h2 id="failed-to-access-mount-point" class="anchor-title"><a href="#failed-to-a
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -627,13 +626,59 @@ <h2 id="failed-to-access-mount-point" class="anchor-title"><a href="#failed-to-a
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/creer-une-autorite-de-certification-et-des-certificats-ssl-auto-signes/index.html b/pr/398/blog/infra/creer-une-autorite-de-certification-et-des-certificats-ssl-auto-signes/index.html
index b53d267815a..a3c56da07d8 100644
--- a/pr/398/blog/infra/creer-une-autorite-de-certification-et-des-certificats-ssl-auto-signes/index.html
+++ b/pr/398/blog/infra/creer-une-autorite-de-certification-et-des-certificats-ssl-auto-signes/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -395,7 +395,7 @@ <h3 id="creer-une-cle-et-un-certificat-pour-le-serveur" class="anchor-title"><a
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -499,10 +499,9 @@ <h3 id="creer-une-cle-et-un-certificat-pour-le-serveur" class="anchor-title"><a
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -527,7 +526,7 @@ <h3 id="creer-une-cle-et-un-certificat-pour-le-serveur" class="anchor-title"><a
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -541,13 +540,59 @@ <h3 id="creer-une-cle-et-un-certificat-pour-le-serveur" class="anchor-title"><a
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/feedback-monitor-your-symfony2-application-via-stats-d-and-graphite/index.html b/pr/398/blog/infra/feedback-monitor-your-symfony2-application-via-stats-d-and-graphite/index.html
index e5eb9af6704..1374e4e6e63 100644
--- a/pr/398/blog/infra/feedback-monitor-your-symfony2-application-via-stats-d-and-graphite/index.html
+++ b/pr/398/blog/infra/feedback-monitor-your-symfony2-application-via-stats-d-and-graphite/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -347,7 +347,7 @@ <h1>Feedback : Monitor your Symfony2 application via Stats.d and Graphite</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -451,10 +451,9 @@ <h1>Feedback : Monitor your Symfony2 application via Stats.d and Graphite</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -479,7 +478,7 @@ <h1>Feedback : Monitor your Symfony2 application via Stats.d and Graphite</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -493,13 +492,59 @@ <h1>Feedback : Monitor your Symfony2 application via Stats.d and Graphite</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/install-stats-d-graphite-on-a-debian-server-to-monitor-a-symfony2-application/index.html b/pr/398/blog/infra/install-stats-d-graphite-on-a-debian-server-to-monitor-a-symfony2-application/index.html
index 48480bb0e06..7e677fd60ce 100644
--- a/pr/398/blog/infra/install-stats-d-graphite-on-a-debian-server-to-monitor-a-symfony2-application/index.html
+++ b/pr/398/blog/infra/install-stats-d-graphite-on-a-debian-server-to-monitor-a-symfony2-application/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -484,7 +484,7 @@ <h3 id="from-now-on-we-have-a-running-copy-of-both-graphite-and-stat-d-client" c
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -588,10 +588,9 @@ <h3 id="from-now-on-we-have-a-running-copy-of-both-graphite-and-stat-d-client" c
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -616,7 +615,7 @@ <h3 id="from-now-on-we-have-a-running-copy-of-both-graphite-and-stat-d-client" c
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -630,13 +629,59 @@ <h3 id="from-now-on-we-have-a-running-copy-of-both-graphite-and-stat-d-client" c
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/installation-d-un-depot-svn/index.html b/pr/398/blog/infra/installation-d-un-depot-svn/index.html
index fdefa0d9563..c253cbddeed 100644
--- a/pr/398/blog/infra/installation-d-un-depot-svn/index.html
+++ b/pr/398/blog/infra/installation-d-un-depot-svn/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -382,7 +382,7 @@ <h3 id="la-gestion-des-droits" class="anchor-title"><a href="#la-gestion-des-dro
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -486,10 +486,9 @@ <h3 id="la-gestion-des-droits" class="anchor-title"><a href="#la-gestion-des-dro
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -514,7 +513,7 @@ <h3 id="la-gestion-des-droits" class="anchor-title"><a href="#la-gestion-des-dro
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -528,13 +527,59 @@ <h3 id="la-gestion-des-droits" class="anchor-title"><a href="#la-gestion-des-dro
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/installation-de-fuse-et-s3fs-sur-une-debian-lenny/index.html b/pr/398/blog/infra/installation-de-fuse-et-s3fs-sur-une-debian-lenny/index.html
index e60a101fe6e..8ec26611d19 100644
--- a/pr/398/blog/infra/installation-de-fuse-et-s3fs-sur-une-debian-lenny/index.html
+++ b/pr/398/blog/infra/installation-de-fuse-et-s3fs-sur-une-debian-lenny/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -361,7 +361,7 @@ <h1>Installation de FUSE et s3fs sur une Debian Lenny</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -465,10 +465,9 @@ <h1>Installation de FUSE et s3fs sur une Debian Lenny</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -493,7 +492,7 @@ <h1>Installation de FUSE et s3fs sur une Debian Lenny</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -507,13 +506,59 @@ <h1>Installation de FUSE et s3fs sur une Debian Lenny</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/installer-graphite-sur-debian-wheezy/index.html b/pr/398/blog/infra/installer-graphite-sur-debian-wheezy/index.html
index 1a3277e8bda..c49adc1d276 100644
--- a/pr/398/blog/infra/installer-graphite-sur-debian-wheezy/index.html
+++ b/pr/398/blog/infra/installer-graphite-sur-debian-wheezy/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -453,7 +453,7 @@ <h3 id="configurer-graphite-web" class="anchor-title"><a href="#configurer-graph
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -557,10 +557,9 @@ <h3 id="configurer-graphite-web" class="anchor-title"><a href="#configurer-graph
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -585,7 +584,7 @@ <h3 id="configurer-graphite-web" class="anchor-title"><a href="#configurer-graph
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -599,13 +598,59 @@ <h3 id="configurer-graphite-web" class="anchor-title"><a href="#configurer-graph
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/introduction-a-vagrant/index.html b/pr/398/blog/infra/introduction-a-vagrant/index.html
index 489dbd0b05e..7bba0ebcbec 100644
--- a/pr/398/blog/infra/introduction-a-vagrant/index.html
+++ b/pr/398/blog/infra/introduction-a-vagrant/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -380,7 +380,7 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -484,10 +484,9 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -512,7 +511,7 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -526,13 +525,59 @@ <h1 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/introduction-au-provisioning/index.html b/pr/398/blog/infra/introduction-au-provisioning/index.html
index 064c1657ae6..9a5d8de8aae 100644
--- a/pr/398/blog/infra/introduction-au-provisioning/index.html
+++ b/pr/398/blog/infra/introduction-au-provisioning/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -384,7 +384,7 @@ <h1 id="et-la-virtualisation" class="anchor-title"><a href="#et-la-virtualisatio
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -488,10 +488,9 @@ <h1 id="et-la-virtualisation" class="anchor-title"><a href="#et-la-virtualisatio
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -516,7 +515,7 @@ <h1 id="et-la-virtualisation" class="anchor-title"><a href="#et-la-virtualisatio
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -530,13 +529,59 @@ <h1 id="et-la-virtualisation" class="anchor-title"><a href="#et-la-virtualisatio
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/migrer-un-site-web-sans-interruption-de-service-grace-au-reverse-proxy-dapache/index.html b/pr/398/blog/infra/migrer-un-site-web-sans-interruption-de-service-grace-au-reverse-proxy-dapache/index.html
index 76590e3b11d..18fb2c6998c 100644
--- a/pr/398/blog/infra/migrer-un-site-web-sans-interruption-de-service-grace-au-reverse-proxy-dapache/index.html
+++ b/pr/398/blog/infra/migrer-un-site-web-sans-interruption-de-service-grace-au-reverse-proxy-dapache/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -370,7 +370,7 @@ <h1>Migrer un site web sans interruption de service grâce au reverse proxy d&#0
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -474,10 +474,9 @@ <h1>Migrer un site web sans interruption de service grâce au reverse proxy d&#0
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -502,7 +501,7 @@ <h1>Migrer un site web sans interruption de service grâce au reverse proxy d&#0
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -516,13 +515,59 @@ <h1>Migrer un site web sans interruption de service grâce au reverse proxy d&#0
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/monitor-your-symfony2-application-via-stats-d-and-graphite-2/index.html b/pr/398/blog/infra/monitor-your-symfony2-application-via-stats-d-and-graphite-2/index.html
index b0ecc4d6fb9..449bfdb2cd3 100644
--- a/pr/398/blog/infra/monitor-your-symfony2-application-via-stats-d-and-graphite-2/index.html
+++ b/pr/398/blog/infra/monitor-your-symfony2-application-via-stats-d-and-graphite-2/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -484,7 +484,7 @@ <h1>Monitor your Symfony2 application via Stats.d and Graphite (2/2)</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -588,10 +588,9 @@ <h1>Monitor your Symfony2 application via Stats.d and Graphite (2/2)</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -616,7 +615,7 @@ <h1>Monitor your Symfony2 application via Stats.d and Graphite (2/2)</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -630,13 +629,59 @@ <h1>Monitor your Symfony2 application via Stats.d and Graphite (2/2)</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/operation-sur-un-fichier-avec-la-commande-find/index.html b/pr/398/blog/infra/operation-sur-un-fichier-avec-la-commande-find/index.html
index 4eb86aef357..479716577b0 100644
--- a/pr/398/blog/infra/operation-sur-un-fichier-avec-la-commande-find/index.html
+++ b/pr/398/blog/infra/operation-sur-un-fichier-avec-la-commande-find/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -336,7 +336,7 @@ <h1>Opération sur un fichier avec la commande find</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -440,10 +440,9 @@ <h1>Opération sur un fichier avec la commande find</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -468,7 +467,7 @@ <h1>Opération sur un fichier avec la commande find</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -482,13 +481,59 @@ <h1>Opération sur un fichier avec la commande find</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/partitionnement-d-un-serveur-proxmox/index.html b/pr/398/blog/infra/partitionnement-d-un-serveur-proxmox/index.html
index 8a40888bf46..6dd1c0636f9 100644
--- a/pr/398/blog/infra/partitionnement-d-un-serveur-proxmox/index.html
+++ b/pr/398/blog/infra/partitionnement-d-un-serveur-proxmox/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -364,7 +364,7 @@ <h1>Partitionnement d&#039;un serveur proxmox</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -468,10 +468,9 @@ <h1>Partitionnement d&#039;un serveur proxmox</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -496,7 +495,7 @@ <h1>Partitionnement d&#039;un serveur proxmox</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -510,13 +509,59 @@ <h1>Partitionnement d&#039;un serveur proxmox</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/provisonner-simplement-stack-monitoring-telegraf-influxdb-grafana-avec-manala/index.html b/pr/398/blog/infra/provisonner-simplement-stack-monitoring-telegraf-influxdb-grafana-avec-manala/index.html
index c702732e7ab..001bc4535e7 100644
--- a/pr/398/blog/infra/provisonner-simplement-stack-monitoring-telegraf-influxdb-grafana-avec-manala/index.html
+++ b/pr/398/blog/infra/provisonner-simplement-stack-monitoring-telegraf-influxdb-grafana-avec-manala/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -625,7 +625,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -729,10 +729,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -757,7 +756,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -771,13 +770,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/securiser-ses-acces-serveur-authentification-par-cles-ssh/index.html b/pr/398/blog/infra/securiser-ses-acces-serveur-authentification-par-cles-ssh/index.html
index a27c1e481d2..6a5133db4df 100644
--- a/pr/398/blog/infra/securiser-ses-acces-serveur-authentification-par-cles-ssh/index.html
+++ b/pr/398/blog/infra/securiser-ses-acces-serveur-authentification-par-cles-ssh/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -388,7 +388,7 @@ <h3 id="connexion" class="anchor-title"><a href="#connexion">Connexion</a></h3>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -492,10 +492,9 @@ <h3 id="connexion" class="anchor-title"><a href="#connexion">Connexion</a></h3>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -520,7 +519,7 @@ <h3 id="connexion" class="anchor-title"><a href="#connexion">Connexion</a></h3>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -534,13 +533,59 @@ <h3 id="connexion" class="anchor-title"><a href="#connexion">Connexion</a></h3>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/ssl-generer-une-demande-de-signature-de-certificat-csr/index.html b/pr/398/blog/infra/ssl-generer-une-demande-de-signature-de-certificat-csr/index.html
index c0bea7fb254..d357b5b6ac4 100644
--- a/pr/398/blog/infra/ssl-generer-une-demande-de-signature-de-certificat-csr/index.html
+++ b/pr/398/blog/infra/ssl-generer-une-demande-de-signature-de-certificat-csr/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -412,7 +412,7 @@ <h2 id="generer-une-csr-a-partir-d-une-cle-privee-et-d-un-certificat" class="anc
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -516,10 +516,9 @@ <h2 id="generer-une-csr-a-partir-d-une-cle-privee-et-d-un-certificat" class="anc
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -544,7 +543,7 @@ <h2 id="generer-une-csr-a-partir-d-une-cle-privee-et-d-un-certificat" class="anc
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -558,13 +557,59 @@ <h2 id="generer-une-csr-a-partir-d-une-cle-privee-et-d-un-certificat" class="anc
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/syntaxe-des-enregistrements-spf-sender-privacy-framework/index.html b/pr/398/blog/infra/syntaxe-des-enregistrements-spf-sender-privacy-framework/index.html
index 8547edfa3a8..3bfb9fc4215 100644
--- a/pr/398/blog/infra/syntaxe-des-enregistrements-spf-sender-privacy-framework/index.html
+++ b/pr/398/blog/infra/syntaxe-des-enregistrements-spf-sender-privacy-framework/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -453,7 +453,7 @@ <h3 id="le-mecanisme-mx" class="anchor-title"><a href="#le-mecanisme-mx">Le méc
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -557,10 +557,9 @@ <h3 id="le-mecanisme-mx" class="anchor-title"><a href="#le-mecanisme-mx">Le méc
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -585,7 +584,7 @@ <h3 id="le-mecanisme-mx" class="anchor-title"><a href="#le-mecanisme-mx">Le méc
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -599,13 +598,59 @@ <h3 id="le-mecanisme-mx" class="anchor-title"><a href="#le-mecanisme-mx">Le méc
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/utilisation-de-la-commande-find-cas-pratiques/index.html b/pr/398/blog/infra/utilisation-de-la-commande-find-cas-pratiques/index.html
index d931fc43d7c..15dda3400ad 100644
--- a/pr/398/blog/infra/utilisation-de-la-commande-find-cas-pratiques/index.html
+++ b/pr/398/blog/infra/utilisation-de-la-commande-find-cas-pratiques/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -346,7 +346,7 @@ <h3 id="recherche-a-l-aide-d-operateurs-logiques" class="anchor-title"><a href="
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -450,10 +450,9 @@ <h3 id="recherche-a-l-aide-d-operateurs-logiques" class="anchor-title"><a href="
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -478,7 +477,7 @@ <h3 id="recherche-a-l-aide-d-operateurs-logiques" class="anchor-title"><a href="
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -492,13 +491,59 @@ <h3 id="recherche-a-l-aide-d-operateurs-logiques" class="anchor-title"><a href="
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/utiliser-l-api-openstack-ovh/index.html b/pr/398/blog/infra/utiliser-l-api-openstack-ovh/index.html
index 7af8ecbcd6d..50a0fa42e04 100644
--- a/pr/398/blog/infra/utiliser-l-api-openstack-ovh/index.html
+++ b/pr/398/blog/infra/utiliser-l-api-openstack-ovh/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -435,7 +435,7 @@ <h2 id="zones-geographiques" class="anchor-title"><a href="#zones-geographiques"
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -539,10 +539,9 @@ <h2 id="zones-geographiques" class="anchor-title"><a href="#zones-geographiques"
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -567,7 +566,7 @@ <h2 id="zones-geographiques" class="anchor-title"><a href="#zones-geographiques"
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -581,13 +580,59 @@ <h2 id="zones-geographiques" class="anchor-title"><a href="#zones-geographiques"
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/utiliser-les-depots-officiels-nginx-sur-debian-wheezy/index.html b/pr/398/blog/infra/utiliser-les-depots-officiels-nginx-sur-debian-wheezy/index.html
index 25a24f14459..ff44d5a6716 100644
--- a/pr/398/blog/infra/utiliser-les-depots-officiels-nginx-sur-debian-wheezy/index.html
+++ b/pr/398/blog/infra/utiliser-les-depots-officiels-nginx-sur-debian-wheezy/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -371,7 +371,7 @@ <h2 id="installer-nginx" class="anchor-title"><a href="#installer-nginx">Install
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -475,10 +475,9 @@ <h2 id="installer-nginx" class="anchor-title"><a href="#installer-nginx">Install
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -503,7 +502,7 @@ <h2 id="installer-nginx" class="anchor-title"><a href="#installer-nginx">Install
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -517,13 +516,59 @@ <h2 id="installer-nginx" class="anchor-title"><a href="#installer-nginx">Install
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/infra/utiliser-supervisor-pour-controler-ses-services-applicatifs/index.html b/pr/398/blog/infra/utiliser-supervisor-pour-controler-ses-services-applicatifs/index.html
index 977a1651cbf..24ba013c082 100644
--- a/pr/398/blog/infra/utiliser-supervisor-pour-controler-ses-services-applicatifs/index.html
+++ b/pr/398/blog/infra/utiliser-supervisor-pour-controler-ses-services-applicatifs/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -423,7 +423,7 @@ <h3 id="activer-l-interface-web" class="anchor-title"><a href="#activer-l-interf
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -527,10 +527,9 @@ <h3 id="activer-l-interface-web" class="anchor-title"><a href="#activer-l-interf
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -555,7 +554,7 @@ <h3 id="activer-l-interface-web" class="anchor-title"><a href="#activer-l-interf
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -569,13 +568,59 @@ <h3 id="activer-l-interface-web" class="anchor-title"><a href="#activer-l-interf
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/methodo/gestion-projet-agile-github/index.html b/pr/398/blog/methodo/gestion-projet-agile-github/index.html
index 137da4ce7e2..ddddaeaa8ea 100644
--- a/pr/398/blog/methodo/gestion-projet-agile-github/index.html
+++ b/pr/398/blog/methodo/gestion-projet-agile-github/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -385,7 +385,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -489,10 +489,9 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -517,7 +516,7 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -531,13 +530,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion</a></h
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/methodo/github-agile-dashboard/index.html b/pr/398/blog/methodo/github-agile-dashboard/index.html
index 84c657bee75..d77b4cb00d7 100644
--- a/pr/398/blog/methodo/github-agile-dashboard/index.html
+++ b/pr/398/blog/methodo/github-agile-dashboard/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -417,7 +417,7 @@ <h3 id="et-moi-dans-tout-ca" class="anchor-title"><a href="#et-moi-dans-tout-ca"
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -521,10 +521,9 @@ <h3 id="et-moi-dans-tout-ca" class="anchor-title"><a href="#et-moi-dans-tout-ca"
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -549,7 +548,7 @@ <h3 id="et-moi-dans-tout-ca" class="anchor-title"><a href="#et-moi-dans-tout-ca"
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -563,13 +562,59 @@ <h3 id="et-moi-dans-tout-ca" class="anchor-title"><a href="#et-moi-dans-tout-ca"
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/methodo/notre-quotidien-equipe-projet-auto-organisee/index.html b/pr/398/blog/methodo/notre-quotidien-equipe-projet-auto-organisee/index.html
index 0206fd2d40f..d529da16de1 100644
--- a/pr/398/blog/methodo/notre-quotidien-equipe-projet-auto-organisee/index.html
+++ b/pr/398/blog/methodo/notre-quotidien-equipe-projet-auto-organisee/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -530,7 +530,7 @@ <h2 id="tl-dr" class="anchor-title"><a href="#tl-dr">tl;dr</a></h2>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -634,10 +634,9 @@ <h2 id="tl-dr" class="anchor-title"><a href="#tl-dr">tl;dr</a></h2>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -662,7 +661,7 @@ <h2 id="tl-dr" class="anchor-title"><a href="#tl-dr">tl;dr</a></h2>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -676,13 +675,59 @@ <h2 id="tl-dr" class="anchor-title"><a href="#tl-dr">tl;dr</a></h2>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/methodo/specifions-user-stories/index.html b/pr/398/blog/methodo/specifions-user-stories/index.html
index 7513837a67b..ae051790cdd 100644
--- a/pr/398/blog/methodo/specifions-user-stories/index.html
+++ b/pr/398/blog/methodo/specifions-user-stories/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -353,7 +353,7 @@ <h1 id="specifions-les-user-stories" class="anchor-title"><a href="#specifions-l
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -457,10 +457,9 @@ <h1 id="specifions-les-user-stories" class="anchor-title"><a href="#specifions-l
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -485,7 +484,7 @@ <h1 id="specifions-les-user-stories" class="anchor-title"><a href="#specifions-l
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -499,13 +498,59 @@ <h1 id="specifions-les-user-stories" class="anchor-title"><a href="#specifions-l
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/page/2/index.html b/pr/398/blog/page/2/index.html
index 6e52803e275..1109b6f0f10 100644
--- a/pr/398/blog/page/2/index.html
+++ b/pr/398/blog/page/2/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/page/3/index.html b/pr/398/blog/page/3/index.html
index 0fd20684d08..8800f804e9a 100644
--- a/pr/398/blog/page/3/index.html
+++ b/pr/398/blog/page/3/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/page/4/index.html b/pr/398/blog/page/4/index.html
index 44a3bcc689a..28b958faf60 100644
--- a/pr/398/blog/page/4/index.html
+++ b/pr/398/blog/page/4/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/page/5/index.html b/pr/398/blog/page/5/index.html
index 51b2184fa4c..82e993769c6 100644
--- a/pr/398/blog/page/5/index.html
+++ b/pr/398/blog/page/5/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/page/6/index.html b/pr/398/blog/page/6/index.html
index d11aea27cdc..4c1b8058e0a 100644
--- a/pr/398/blog/page/6/index.html
+++ b/pr/398/blog/page/6/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/styleguide/example/index.html b/pr/398/blog/styleguide/example/index.html
index 37606b9653a..056aafd527b 100644
--- a/pr/398/blog/styleguide/example/index.html
+++ b/pr/398/blog/styleguide/example/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -692,7 +692,7 @@ <h3 id="pour-aller-plus-loin" class="anchor-title"><a href="#pour-aller-plus-loi
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -796,10 +796,9 @@ <h3 id="pour-aller-plus-loin" class="anchor-title"><a href="#pour-aller-plus-loi
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -824,7 +823,7 @@ <h3 id="pour-aller-plus-loin" class="anchor-title"><a href="#pour-aller-plus-loi
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -838,13 +837,59 @@ <h3 id="pour-aller-plus-loin" class="anchor-title"><a href="#pour-aller-plus-loi
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/tag/afup/index.html b/pr/398/blog/tag/afup/index.html
index e0ad5fc2b75..7cc2b86b6a7 100644
--- a/pr/398/blog/tag/afup/index.html
+++ b/pr/398/blog/tag/afup/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/afupday/index.html b/pr/398/blog/tag/afupday/index.html
index 399719b67bc..3c38e88cbd6 100644
--- a/pr/398/blog/tag/afupday/index.html
+++ b/pr/398/blog/tag/afupday/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/agile/index.html b/pr/398/blog/tag/agile/index.html
index b6459b00abf..d3f40b68c26 100644
--- a/pr/398/blog/tag/agile/index.html
+++ b/pr/398/blog/tag/agile/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/aisance/index.html b/pr/398/blog/tag/aisance/index.html
index a9a1e93e374..9f34aec25aa 100644
--- a/pr/398/blog/tag/aisance/index.html
+++ b/pr/398/blog/tag/aisance/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/alice/index.html b/pr/398/blog/tag/alice/index.html
index 439c37b6a46..ef9d7c59471 100644
--- a/pr/398/blog/tag/alice/index.html
+++ b/pr/398/blog/tag/alice/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/ansible/index.html b/pr/398/blog/tag/ansible/index.html
index 86f5d45e74b..37099e125fc 100644
--- a/pr/398/blog/tag/ansible/index.html
+++ b/pr/398/blog/tag/ansible/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/apache/index.html b/pr/398/blog/tag/apache/index.html
index fa5a2689d5e..7c9db2ec0bb 100644
--- a/pr/398/blog/tag/apache/index.html
+++ b/pr/398/blog/tag/apache/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/api-design/index.html b/pr/398/blog/tag/api-design/index.html
index d8fa826001f..316f231a0cb 100644
--- a/pr/398/blog/tag/api-design/index.html
+++ b/pr/398/blog/tag/api-design/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/api/index.html b/pr/398/blog/tag/api/index.html
index 4c12537ec56..7987f7ce99f 100644
--- a/pr/398/blog/tag/api/index.html
+++ b/pr/398/blog/tag/api/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/apollo/index.html b/pr/398/blog/tag/apollo/index.html
index bc1a22315ee..4c651a701e5 100644
--- a/pr/398/blog/tag/apollo/index.html
+++ b/pr/398/blog/tag/apollo/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/architecture/index.html b/pr/398/blog/tag/architecture/index.html
index c7343c92af7..02974d67b49 100644
--- a/pr/398/blog/tag/architecture/index.html
+++ b/pr/398/blog/tag/architecture/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/attributes/index.html b/pr/398/blog/tag/attributes/index.html
index 51869dff0f7..2f0ffd093a9 100644
--- a/pr/398/blog/tag/attributes/index.html
+++ b/pr/398/blog/tag/attributes/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/authentification/index.html b/pr/398/blog/tag/authentification/index.html
index 1860a69ad94..71843da4fb9 100644
--- a/pr/398/blog/tag/authentification/index.html
+++ b/pr/398/blog/tag/authentification/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/behat/index.html b/pr/398/blog/tag/behat/index.html
index 9a5ec9df61c..3fcc07b9b0a 100644
--- a/pr/398/blog/tag/behat/index.html
+++ b/pr/398/blog/tag/behat/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/bind/index.html b/pr/398/blog/tag/bind/index.html
index dbdc8484d33..c3699ef8cd4 100644
--- a/pr/398/blog/tag/bind/index.html
+++ b/pr/398/blog/tag/bind/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/blend/index.html b/pr/398/blog/tag/blend/index.html
index f169d82f313..3dee6899eb2 100644
--- a/pr/398/blog/tag/blend/index.html
+++ b/pr/398/blog/tag/blend/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/bonnes-pratiques/index.html b/pr/398/blog/tag/bonnes-pratiques/index.html
index af681d4b719..aa337ed5576 100644
--- a/pr/398/blog/tag/bonnes-pratiques/index.html
+++ b/pr/398/blog/tag/bonnes-pratiques/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/browser/index.html b/pr/398/blog/tag/browser/index.html
index bdef28bcd39..93cb4433480 100644
--- a/pr/398/blog/tag/browser/index.html
+++ b/pr/398/blog/tag/browser/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/bundle/index.html b/pr/398/blog/tag/bundle/index.html
index a63e3b2b99f..5a67be4e856 100644
--- a/pr/398/blog/tag/bundle/index.html
+++ b/pr/398/blog/tag/bundle/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/business/index.html b/pr/398/blog/tag/business/index.html
index 7ac92963747..a2c796de38f 100644
--- a/pr/398/blog/tag/business/index.html
+++ b/pr/398/blog/tag/business/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/cache/index.html b/pr/398/blog/tag/cache/index.html
index 8828977850d..64832b69982 100644
--- a/pr/398/blog/tag/cache/index.html
+++ b/pr/398/blog/tag/cache/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/carbon/index.html b/pr/398/blog/tag/carbon/index.html
index ae2b6f3ff33..cd02771fdf6 100644
--- a/pr/398/blog/tag/carbon/index.html
+++ b/pr/398/blog/tag/carbon/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/certicats/index.html b/pr/398/blog/tag/certicats/index.html
index c1849c14d46..54d587511aa 100644
--- a/pr/398/blog/tag/certicats/index.html
+++ b/pr/398/blog/tag/certicats/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/cheat-sheets/index.html b/pr/398/blog/tag/cheat-sheets/index.html
index 38f4681725c..5c6337ad814 100644
--- a/pr/398/blog/tag/cheat-sheets/index.html
+++ b/pr/398/blog/tag/cheat-sheets/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/cinema/index.html b/pr/398/blog/tag/cinema/index.html
index 58f1fb4a1c6..e5c8abf8e27 100644
--- a/pr/398/blog/tag/cinema/index.html
+++ b/pr/398/blog/tag/cinema/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/clermont-ech/index.html b/pr/398/blog/tag/clermont-ech/index.html
index c242677677d..7663583fa4e 100644
--- a/pr/398/blog/tag/clermont-ech/index.html
+++ b/pr/398/blog/tag/clermont-ech/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/cli/index.html b/pr/398/blog/tag/cli/index.html
index 39c22d5c698..9371f6fb69b 100644
--- a/pr/398/blog/tag/cli/index.html
+++ b/pr/398/blog/tag/cli/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/cluster/index.html b/pr/398/blog/tag/cluster/index.html
index 5dc12c23b27..2c3521f4d1b 100644
--- a/pr/398/blog/tag/cluster/index.html
+++ b/pr/398/blog/tag/cluster/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/conception/index.html b/pr/398/blog/tag/conception/index.html
index c9a900dce77..234582eab06 100644
--- a/pr/398/blog/tag/conception/index.html
+++ b/pr/398/blog/tag/conception/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/conference/index.html b/pr/398/blog/tag/conference/index.html
index 9257b7e0aba..c0cb708bd31 100644
--- a/pr/398/blog/tag/conference/index.html
+++ b/pr/398/blog/tag/conference/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/conferences/index.html b/pr/398/blog/tag/conferences/index.html
index 13a059984ce..7114603ea1e 100644
--- a/pr/398/blog/tag/conferences/index.html
+++ b/pr/398/blog/tag/conferences/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/cors/index.html b/pr/398/blog/tag/cors/index.html
index 173761b4b65..cfabe44507c 100644
--- a/pr/398/blog/tag/cors/index.html
+++ b/pr/398/blog/tag/cors/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/craftsmanship/index.html b/pr/398/blog/tag/craftsmanship/index.html
index 652930eb25d..7ae24c305d1 100644
--- a/pr/398/blog/tag/craftsmanship/index.html
+++ b/pr/398/blog/tag/craftsmanship/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/css/index.html b/pr/398/blog/tag/css/index.html
index bdafbeb2b2f..514669975a6 100644
--- a/pr/398/blog/tag/css/index.html
+++ b/pr/398/blog/tag/css/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/datetime/index.html b/pr/398/blog/tag/datetime/index.html
index 1c6dcb81218..37db5a89021 100644
--- a/pr/398/blog/tag/datetime/index.html
+++ b/pr/398/blog/tag/datetime/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/ddd/index.html b/pr/398/blog/tag/ddd/index.html
index ca754da1532..5cd6d966268 100644
--- a/pr/398/blog/tag/ddd/index.html
+++ b/pr/398/blog/tag/ddd/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/debian/index.html b/pr/398/blog/tag/debian/index.html
index 4b31a9862e2..ac92f7dc4f0 100644
--- a/pr/398/blog/tag/debian/index.html
+++ b/pr/398/blog/tag/debian/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/design-pattern/index.html b/pr/398/blog/tag/design-pattern/index.html
index d082f06a9bb..34a1c7f5b4d 100644
--- a/pr/398/blog/tag/design-pattern/index.html
+++ b/pr/398/blog/tag/design-pattern/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/design/index.html b/pr/398/blog/tag/design/index.html
index 74558ef50f3..8ee3f97a0c4 100644
--- a/pr/398/blog/tag/design/index.html
+++ b/pr/398/blog/tag/design/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/developpement/index.html b/pr/398/blog/tag/developpement/index.html
index ac6d3551e37..6536b45a6d2 100644
--- a/pr/398/blog/tag/developpement/index.html
+++ b/pr/398/blog/tag/developpement/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/devops/index.html b/pr/398/blog/tag/devops/index.html
index 0ea9d9cc9ed..e5d63e50d3f 100644
--- a/pr/398/blog/tag/devops/index.html
+++ b/pr/398/blog/tag/devops/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/django/index.html b/pr/398/blog/tag/django/index.html
index 4f09bebe2d4..eb62289745d 100644
--- a/pr/398/blog/tag/django/index.html
+++ b/pr/398/blog/tag/django/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/docker/index.html b/pr/398/blog/tag/docker/index.html
index e2893794edd..f3789cde194 100644
--- a/pr/398/blog/tag/docker/index.html
+++ b/pr/398/blog/tag/docker/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/doctrine/index.html b/pr/398/blog/tag/doctrine/index.html
index a4e21da502d..b1a1ee74dd6 100644
--- a/pr/398/blog/tag/doctrine/index.html
+++ b/pr/398/blog/tag/doctrine/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/elao/index.html b/pr/398/blog/tag/elao/index.html
index cdf8c7d52ff..67ddb9483a1 100644
--- a/pr/398/blog/tag/elao/index.html
+++ b/pr/398/blog/tag/elao/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/elastica/index.html b/pr/398/blog/tag/elastica/index.html
index 5846faf18c9..523b13cf48a 100644
--- a/pr/398/blog/tag/elastica/index.html
+++ b/pr/398/blog/tag/elastica/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/elasticsearch/index.html b/pr/398/blog/tag/elasticsearch/index.html
index fda0153d4f0..f841cced2d5 100644
--- a/pr/398/blog/tag/elasticsearch/index.html
+++ b/pr/398/blog/tag/elasticsearch/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/email/index.html b/pr/398/blog/tag/email/index.html
index 1b735e262ad..b607be4db6c 100644
--- a/pr/398/blog/tag/email/index.html
+++ b/pr/398/blog/tag/email/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/encodage/index.html b/pr/398/blog/tag/encodage/index.html
index 5da8ca600bd..5dfcda939ea 100644
--- a/pr/398/blog/tag/encodage/index.html
+++ b/pr/398/blog/tag/encodage/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/errornotifierbundle/index.html b/pr/398/blog/tag/errornotifierbundle/index.html
index 4c6015f68b5..1348b510dd7 100644
--- a/pr/398/blog/tag/errornotifierbundle/index.html
+++ b/pr/398/blog/tag/errornotifierbundle/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/font/index.html b/pr/398/blog/tag/font/index.html
index 32cd19d14bd..acaf81f47aa 100644
--- a/pr/398/blog/tag/font/index.html
+++ b/pr/398/blog/tag/font/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/form/index.html b/pr/398/blog/tag/form/index.html
index f279a87cd8a..2c66a214e5e 100644
--- a/pr/398/blog/tag/form/index.html
+++ b/pr/398/blog/tag/form/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/forumphp/index.html b/pr/398/blog/tag/forumphp/index.html
index 6a2f7abe52c..3782d6adbc3 100644
--- a/pr/398/blog/tag/forumphp/index.html
+++ b/pr/398/blog/tag/forumphp/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/framework/index.html b/pr/398/blog/tag/framework/index.html
index 75f2e161ba1..19fee7c44c8 100644
--- a/pr/398/blog/tag/framework/index.html
+++ b/pr/398/blog/tag/framework/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/front/index.html b/pr/398/blog/tag/front/index.html
index 092b6a28007..33fb99e6940 100644
--- a/pr/398/blog/tag/front/index.html
+++ b/pr/398/blog/tag/front/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/frontend/index.html b/pr/398/blog/tag/frontend/index.html
index 55fa17cc6b4..2899044025b 100644
--- a/pr/398/blog/tag/frontend/index.html
+++ b/pr/398/blog/tag/frontend/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/fuse/index.html b/pr/398/blog/tag/fuse/index.html
index f07e5e4ff7c..89af8ade84c 100644
--- a/pr/398/blog/tag/fuse/index.html
+++ b/pr/398/blog/tag/fuse/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/gestion-de-projet/index.html b/pr/398/blog/tag/gestion-de-projet/index.html
index 6beb589af35..7dbbceb51a1 100644
--- a/pr/398/blog/tag/gestion-de-projet/index.html
+++ b/pr/398/blog/tag/gestion-de-projet/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/git/index.html b/pr/398/blog/tag/git/index.html
index 9b06f9fd212..c1ff734197c 100644
--- a/pr/398/blog/tag/git/index.html
+++ b/pr/398/blog/tag/git/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/github/index.html b/pr/398/blog/tag/github/index.html
index 4eb18ecb363..a85ac2e7d68 100644
--- a/pr/398/blog/tag/github/index.html
+++ b/pr/398/blog/tag/github/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/grafana/index.html b/pr/398/blog/tag/grafana/index.html
index 95c35432854..6c5b117d017 100644
--- a/pr/398/blog/tag/grafana/index.html
+++ b/pr/398/blog/tag/grafana/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/graphite/index.html b/pr/398/blog/tag/graphite/index.html
index 24e8b7645aa..4a7d2665418 100644
--- a/pr/398/blog/tag/graphite/index.html
+++ b/pr/398/blog/tag/graphite/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/graphql/index.html b/pr/398/blog/tag/graphql/index.html
index b4b4329a1c9..a046b09e9f4 100644
--- a/pr/398/blog/tag/graphql/index.html
+++ b/pr/398/blog/tag/graphql/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/ha-proxy/index.html b/pr/398/blog/tag/ha-proxy/index.html
index 1418facd802..17f9996e991 100644
--- a/pr/398/blog/tag/ha-proxy/index.html
+++ b/pr/398/blog/tag/ha-proxy/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/hacking/index.html b/pr/398/blog/tag/hacking/index.html
index f9b24fc5dc0..25311bbc745 100644
--- a/pr/398/blog/tag/hacking/index.html
+++ b/pr/398/blog/tag/hacking/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/halloween/index.html b/pr/398/blog/tag/halloween/index.html
index 979ceeb3990..2ff91b6b6c3 100644
--- a/pr/398/blog/tag/halloween/index.html
+++ b/pr/398/blog/tag/halloween/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/icon/index.html b/pr/398/blog/tag/icon/index.html
index 24fe2fa235f..2fa433b37e1 100644
--- a/pr/398/blog/tag/icon/index.html
+++ b/pr/398/blog/tag/icon/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/influxdb/index.html b/pr/398/blog/tag/influxdb/index.html
index 68c2a5a2f41..ab86425e9ae 100644
--- a/pr/398/blog/tag/influxdb/index.html
+++ b/pr/398/blog/tag/influxdb/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/infra/index.html b/pr/398/blog/tag/infra/index.html
index 866fb06882c..424fe05dded 100644
--- a/pr/398/blog/tag/infra/index.html
+++ b/pr/398/blog/tag/infra/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/infrastructure/index.html b/pr/398/blog/tag/infrastructure/index.html
index d1407cba608..32eb66f6314 100644
--- a/pr/398/blog/tag/infrastructure/index.html
+++ b/pr/398/blog/tag/infrastructure/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/javascript/index.html b/pr/398/blog/tag/javascript/index.html
index bea07f7ca5f..10cde0be7bb 100644
--- a/pr/398/blog/tag/javascript/index.html
+++ b/pr/398/blog/tag/javascript/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/kanban/index.html b/pr/398/blog/tag/kanban/index.html
index 947eb20fb5d..7e325a60bbe 100644
--- a/pr/398/blog/tag/kanban/index.html
+++ b/pr/398/blog/tag/kanban/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/kernel/index.html b/pr/398/blog/tag/kernel/index.html
index d41416bb16e..3a3884fdd28 100644
--- a/pr/398/blog/tag/kernel/index.html
+++ b/pr/398/blog/tag/kernel/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/linux/index.html b/pr/398/blog/tag/linux/index.html
index d821c4ee76d..889f7c544ba 100644
--- a/pr/398/blog/tag/linux/index.html
+++ b/pr/398/blog/tag/linux/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/logo/index.html b/pr/398/blog/tag/logo/index.html
index 9146b4c9080..5de8e718e43 100644
--- a/pr/398/blog/tag/logo/index.html
+++ b/pr/398/blog/tag/logo/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/lyon/index.html b/pr/398/blog/tag/lyon/index.html
index 2dcffb80ef3..78bf190cbff 100644
--- a/pr/398/blog/tag/lyon/index.html
+++ b/pr/398/blog/tag/lyon/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/mac-osx/index.html b/pr/398/blog/tag/mac-osx/index.html
index 9d2d830abb6..28d75ff2325 100644
--- a/pr/398/blog/tag/mac-osx/index.html
+++ b/pr/398/blog/tag/mac-osx/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/magiclink/index.html b/pr/398/blog/tag/magiclink/index.html
index 7a6321725a3..943d8645a30 100644
--- a/pr/398/blog/tag/magiclink/index.html
+++ b/pr/398/blog/tag/magiclink/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/mailer-transport/index.html b/pr/398/blog/tag/mailer-transport/index.html
index 272321f1937..fee7fab7c0b 100644
--- a/pr/398/blog/tag/mailer-transport/index.html
+++ b/pr/398/blog/tag/mailer-transport/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/manala/index.html b/pr/398/blog/tag/manala/index.html
index 9c337c3d3df..f81689bb73f 100644
--- a/pr/398/blog/tag/manala/index.html
+++ b/pr/398/blog/tag/manala/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/matomo/index.html b/pr/398/blog/tag/matomo/index.html
index 1f78f972222..3d5abe70c38 100644
--- a/pr/398/blog/tag/matomo/index.html
+++ b/pr/398/blog/tag/matomo/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/meteor/index.html b/pr/398/blog/tag/meteor/index.html
index e22307833be..14b3c43e2ec 100644
--- a/pr/398/blog/tag/meteor/index.html
+++ b/pr/398/blog/tag/meteor/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/microdata/index.html b/pr/398/blog/tag/microdata/index.html
index 39c0941a7a1..58ee122fb06 100644
--- a/pr/398/blog/tag/microdata/index.html
+++ b/pr/398/blog/tag/microdata/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/migration/index.html b/pr/398/blog/tag/migration/index.html
index 11e394d23ed..6ac4441c775 100644
--- a/pr/398/blog/tag/migration/index.html
+++ b/pr/398/blog/tag/migration/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/mink/index.html b/pr/398/blog/tag/mink/index.html
index 026198376ee..2843aed4661 100644
--- a/pr/398/blog/tag/mink/index.html
+++ b/pr/398/blog/tag/mink/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/mix-it-2015/index.html b/pr/398/blog/tag/mix-it-2015/index.html
index 2e637debc9f..7480c4e3a96 100644
--- a/pr/398/blog/tag/mix-it-2015/index.html
+++ b/pr/398/blog/tag/mix-it-2015/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/mixit/index.html b/pr/398/blog/tag/mixit/index.html
index 301d4fff490..084c0f444b5 100644
--- a/pr/398/blog/tag/mixit/index.html
+++ b/pr/398/blog/tag/mixit/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/mobile/index.html b/pr/398/blog/tag/mobile/index.html
index 8539c2191ae..017ba41f1fe 100644
--- a/pr/398/blog/tag/mobile/index.html
+++ b/pr/398/blog/tag/mobile/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/monitoring/index.html b/pr/398/blog/tag/monitoring/index.html
index 5d3c5b09741..649a7a23358 100644
--- a/pr/398/blog/tag/monitoring/index.html
+++ b/pr/398/blog/tag/monitoring/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/moteur-de-recherche/index.html b/pr/398/blog/tag/moteur-de-recherche/index.html
index e5838611715..7b05f8cf6de 100644
--- a/pr/398/blog/tag/moteur-de-recherche/index.html
+++ b/pr/398/blog/tag/moteur-de-recherche/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/mvc/index.html b/pr/398/blog/tag/mvc/index.html
index 96a0f29b444..9bf01ee5fcb 100644
--- a/pr/398/blog/tag/mvc/index.html
+++ b/pr/398/blog/tag/mvc/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/ncrafts/index.html b/pr/398/blog/tag/ncrafts/index.html
index e95a3be38ed..24f4a1e30a6 100644
--- a/pr/398/blog/tag/ncrafts/index.html
+++ b/pr/398/blog/tag/ncrafts/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/network/index.html b/pr/398/blog/tag/network/index.html
index e6e6efbee8f..002c3a59768 100644
--- a/pr/398/blog/tag/network/index.html
+++ b/pr/398/blog/tag/network/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/nginx/index.html b/pr/398/blog/tag/nginx/index.html
index fbbde9f3a19..6494c2c86e0 100644
--- a/pr/398/blog/tag/nginx/index.html
+++ b/pr/398/blog/tag/nginx/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/no-index/index.html b/pr/398/blog/tag/no-index/index.html
index 8801888c250..a3d683f4ff4 100644
--- a/pr/398/blog/tag/no-index/index.html
+++ b/pr/398/blog/tag/no-index/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/node-js/index.html b/pr/398/blog/tag/node-js/index.html
index b8a821428d0..04ac429e538 100644
--- a/pr/398/blog/tag/node-js/index.html
+++ b/pr/398/blog/tag/node-js/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/node/index.html b/pr/398/blog/tag/node/index.html
index 7ac2d87e138..46ee53aa7fc 100644
--- a/pr/398/blog/tag/node/index.html
+++ b/pr/398/blog/tag/node/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/offline/index.html b/pr/398/blog/tag/offline/index.html
index fa11b55cfae..c895c1a91ee 100644
--- a/pr/398/blog/tag/offline/index.html
+++ b/pr/398/blog/tag/offline/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/openstack/index.html b/pr/398/blog/tag/openstack/index.html
index 02edf3d752e..766f899f337 100644
--- a/pr/398/blog/tag/openstack/index.html
+++ b/pr/398/blog/tag/openstack/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/openvz/index.html b/pr/398/blog/tag/openvz/index.html
index 6587dcac811..1e34bdc302e 100644
--- a/pr/398/blog/tag/openvz/index.html
+++ b/pr/398/blog/tag/openvz/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/ops/index.html b/pr/398/blog/tag/ops/index.html
index 08d881e7105..455f61f6066 100644
--- a/pr/398/blog/tag/ops/index.html
+++ b/pr/398/blog/tag/ops/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/optaplanner/index.html b/pr/398/blog/tag/optaplanner/index.html
index 7d3fe4adbc8..abc7520b268 100644
--- a/pr/398/blog/tag/optaplanner/index.html
+++ b/pr/398/blog/tag/optaplanner/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/oral/index.html b/pr/398/blog/tag/oral/index.html
index 520e9554375..b5a8af74361 100644
--- a/pr/398/blog/tag/oral/index.html
+++ b/pr/398/blog/tag/oral/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/orm/index.html b/pr/398/blog/tag/orm/index.html
index 5a6d36159f1..13a5a4a53db 100644
--- a/pr/398/blog/tag/orm/index.html
+++ b/pr/398/blog/tag/orm/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/osx/index.html b/pr/398/blog/tag/osx/index.html
index fb0862aab65..4da0f47888e 100644
--- a/pr/398/blog/tag/osx/index.html
+++ b/pr/398/blog/tag/osx/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/ovh/index.html b/pr/398/blog/tag/ovh/index.html
index 6943d9db15f..69155cbee5f 100644
--- a/pr/398/blog/tag/ovh/index.html
+++ b/pr/398/blog/tag/ovh/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/paris/index.html b/pr/398/blog/tag/paris/index.html
index c4b51d82c57..8e9487906ef 100644
--- a/pr/398/blog/tag/paris/index.html
+++ b/pr/398/blog/tag/paris/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/parisweb/index.html b/pr/398/blog/tag/parisweb/index.html
index 9efdedc051b..890b698bb4b 100644
--- a/pr/398/blog/tag/parisweb/index.html
+++ b/pr/398/blog/tag/parisweb/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/partitionnement/index.html b/pr/398/blog/tag/partitionnement/index.html
index 0d6aec27639..2a577debcc3 100644
--- a/pr/398/blog/tag/partitionnement/index.html
+++ b/pr/398/blog/tag/partitionnement/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/pertinence/index.html b/pr/398/blog/tag/pertinence/index.html
index eb82ca8b52e..e1cf4c9375a 100644
--- a/pr/398/blog/tag/pertinence/index.html
+++ b/pr/398/blog/tag/pertinence/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/php/index.html b/pr/398/blog/tag/php/index.html
index b74fe46737c..47b62969155 100644
--- a/pr/398/blog/tag/php/index.html
+++ b/pr/398/blog/tag/php/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/planification/index.html b/pr/398/blog/tag/planification/index.html
index 8e26823e2e7..f378349991a 100644
--- a/pr/398/blog/tag/planification/index.html
+++ b/pr/398/blog/tag/planification/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/preparation/index.html b/pr/398/blog/tag/preparation/index.html
index c09f032aa48..2cdfcc60ca2 100644
--- a/pr/398/blog/tag/preparation/index.html
+++ b/pr/398/blog/tag/preparation/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/progressive-web-app/index.html b/pr/398/blog/tag/progressive-web-app/index.html
index 69ccbc93329..26e7d2376a3 100644
--- a/pr/398/blog/tag/progressive-web-app/index.html
+++ b/pr/398/blog/tag/progressive-web-app/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/propel/index.html b/pr/398/blog/tag/propel/index.html
index 884a81d1aa0..30bd376d72c 100644
--- a/pr/398/blog/tag/propel/index.html
+++ b/pr/398/blog/tag/propel/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/provisoning/index.html b/pr/398/blog/tag/provisoning/index.html
index 3093150068b..985738c33a6 100644
--- a/pr/398/blog/tag/provisoning/index.html
+++ b/pr/398/blog/tag/provisoning/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/proxmox/index.html b/pr/398/blog/tag/proxmox/index.html
index a1ca1d74478..c8d4b3d50ee 100644
--- a/pr/398/blog/tag/proxmox/index.html
+++ b/pr/398/blog/tag/proxmox/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/proxy/index.html b/pr/398/blog/tag/proxy/index.html
index 5bd41d12854..b5995d54966 100644
--- a/pr/398/blog/tag/proxy/index.html
+++ b/pr/398/blog/tag/proxy/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/python/index.html b/pr/398/blog/tag/python/index.html
index 8eb474088b9..7695875a1ff 100644
--- a/pr/398/blog/tag/python/index.html
+++ b/pr/398/blog/tag/python/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/react-native/index.html b/pr/398/blog/tag/react-native/index.html
index 65b30c23c4d..f63de76c179 100644
--- a/pr/398/blog/tag/react-native/index.html
+++ b/pr/398/blog/tag/react-native/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/react/index.html b/pr/398/blog/tag/react/index.html
index 52c5a239134..8b9a81c71de 100644
--- a/pr/398/blog/tag/react/index.html
+++ b/pr/398/blog/tag/react/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/rebranding/index.html b/pr/398/blog/tag/rebranding/index.html
index bea7701334f..7ca00f314ec 100644
--- a/pr/398/blog/tag/rebranding/index.html
+++ b/pr/398/blog/tag/rebranding/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/recrutement/index.html b/pr/398/blog/tag/recrutement/index.html
index fdb72d1153e..ee1317d1167 100644
--- a/pr/398/blog/tag/recrutement/index.html
+++ b/pr/398/blog/tag/recrutement/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/rest/index.html b/pr/398/blog/tag/rest/index.html
index 5c55567b790..189d88bb2bc 100644
--- a/pr/398/blog/tag/rest/index.html
+++ b/pr/398/blog/tag/rest/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/reverse/index.html b/pr/398/blog/tag/reverse/index.html
index a6d0b9d84ab..0d634bd376c 100644
--- a/pr/398/blog/tag/reverse/index.html
+++ b/pr/398/blog/tag/reverse/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/rgpd/index.html b/pr/398/blog/tag/rgpd/index.html
index 85a93431795..d885979a034 100644
--- a/pr/398/blog/tag/rgpd/index.html
+++ b/pr/398/blog/tag/rgpd/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/rich-snippets/index.html b/pr/398/blog/tag/rich-snippets/index.html
index 777f7a85493..35167ec0f19 100644
--- a/pr/398/blog/tag/rich-snippets/index.html
+++ b/pr/398/blog/tag/rich-snippets/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/routing/index.html b/pr/398/blog/tag/routing/index.html
index cdf8beb2226..2b10bd58c58 100644
--- a/pr/398/blog/tag/routing/index.html
+++ b/pr/398/blog/tag/routing/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/s3fs/index.html b/pr/398/blog/tag/s3fs/index.html
index adbbd8345c2..551a0204c73 100644
--- a/pr/398/blog/tag/s3fs/index.html
+++ b/pr/398/blog/tag/s3fs/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/scalabilite/index.html b/pr/398/blog/tag/scalabilite/index.html
index 8c8a5cef9ff..ea3088d1a4b 100644
--- a/pr/398/blog/tag/scalabilite/index.html
+++ b/pr/398/blog/tag/scalabilite/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/scrum/index.html b/pr/398/blog/tag/scrum/index.html
index 505eb14754c..338d94a6b9f 100644
--- a/pr/398/blog/tag/scrum/index.html
+++ b/pr/398/blog/tag/scrum/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/securite/index.html b/pr/398/blog/tag/securite/index.html
index 5e5033775ae..ed2ac9b8c0a 100644
--- a/pr/398/blog/tag/securite/index.html
+++ b/pr/398/blog/tag/securite/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/seo/index.html b/pr/398/blog/tag/seo/index.html
index 38b9798f3f8..0b50178c130 100644
--- a/pr/398/blog/tag/seo/index.html
+++ b/pr/398/blog/tag/seo/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/service-worker/index.html b/pr/398/blog/tag/service-worker/index.html
index 5a9214f9785..56d432f385f 100644
--- a/pr/398/blog/tag/service-worker/index.html
+++ b/pr/398/blog/tag/service-worker/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/services/index.html b/pr/398/blog/tag/services/index.html
index 0c7a4777478..3b18653eca5 100644
--- a/pr/398/blog/tag/services/index.html
+++ b/pr/398/blog/tag/services/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/specifications/index.html b/pr/398/blog/tag/specifications/index.html
index 3365ace340a..7e4ac597148 100644
--- a/pr/398/blog/tag/specifications/index.html
+++ b/pr/398/blog/tag/specifications/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/spf/index.html b/pr/398/blog/tag/spf/index.html
index 587e7e4d442..27798501b40 100644
--- a/pr/398/blog/tag/spf/index.html
+++ b/pr/398/blog/tag/spf/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/ssh/index.html b/pr/398/blog/tag/ssh/index.html
index 75d2bd54b96..4fffb0fe04e 100644
--- a/pr/398/blog/tag/ssh/index.html
+++ b/pr/398/blog/tag/ssh/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/ssl/index.html b/pr/398/blog/tag/ssl/index.html
index 2b035b06230..c7329261787 100644
--- a/pr/398/blog/tag/ssl/index.html
+++ b/pr/398/blog/tag/ssl/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/statd/index.html b/pr/398/blog/tag/statd/index.html
index bc99f65311d..9f14f2bbec0 100644
--- a/pr/398/blog/tag/statd/index.html
+++ b/pr/398/blog/tag/statd/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/stats-d/index.html b/pr/398/blog/tag/stats-d/index.html
index f65da7dd59e..89da982dc55 100644
--- a/pr/398/blog/tag/stats-d/index.html
+++ b/pr/398/blog/tag/stats-d/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/supervisor/index.html b/pr/398/blog/tag/supervisor/index.html
index 954e07e5544..7c2642cff35 100644
--- a/pr/398/blog/tag/supervisor/index.html
+++ b/pr/398/blog/tag/supervisor/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/svn/index.html b/pr/398/blog/tag/svn/index.html
index 52299687757..23c3bec073e 100644
--- a/pr/398/blog/tag/svn/index.html
+++ b/pr/398/blog/tag/svn/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/swiftmailer/index.html b/pr/398/blog/tag/swiftmailer/index.html
index 58d71bea1fa..224f79ea387 100644
--- a/pr/398/blog/tag/swiftmailer/index.html
+++ b/pr/398/blog/tag/swiftmailer/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/symfony-2/index.html b/pr/398/blog/tag/symfony-2/index.html
index 1106e4e7f4e..3c029f85bcf 100644
--- a/pr/398/blog/tag/symfony-2/index.html
+++ b/pr/398/blog/tag/symfony-2/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/symfony-live/index.html b/pr/398/blog/tag/symfony-live/index.html
index 1e25e1c0413..84cd7c8faa5 100644
--- a/pr/398/blog/tag/symfony-live/index.html
+++ b/pr/398/blog/tag/symfony-live/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/symfony/2/index.html b/pr/398/blog/tag/symfony/2/index.html
index a7e447a4aab..dbf78201fca 100644
--- a/pr/398/blog/tag/symfony/2/index.html
+++ b/pr/398/blog/tag/symfony/2/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/symfony/index.html b/pr/398/blog/tag/symfony/index.html
index 1e3d01ea69c..08a2b8d1627 100644
--- a/pr/398/blog/tag/symfony/index.html
+++ b/pr/398/blog/tag/symfony/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/symfonycon/index.html b/pr/398/blog/tag/symfonycon/index.html
index a1c091232de..3b4b42c4206 100644
--- a/pr/398/blog/tag/symfonycon/index.html
+++ b/pr/398/blog/tag/symfonycon/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/sysadmin/index.html b/pr/398/blog/tag/sysadmin/index.html
index b94955832d0..c8b9ca2c316 100644
--- a/pr/398/blog/tag/sysadmin/index.html
+++ b/pr/398/blog/tag/sysadmin/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/tag-1/index.html b/pr/398/blog/tag/tag-1/index.html
index 6b54697ef7e..b505cddf855 100644
--- a/pr/398/blog/tag/tag-1/index.html
+++ b/pr/398/blog/tag/tag-1/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/tag-2/index.html b/pr/398/blog/tag/tag-2/index.html
index 24129e98772..ccebcf7de7e 100644
--- a/pr/398/blog/tag/tag-2/index.html
+++ b/pr/398/blog/tag/tag-2/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/talk/index.html b/pr/398/blog/tag/talk/index.html
index d779c252bdc..2c0030b7da5 100644
--- a/pr/398/blog/tag/talk/index.html
+++ b/pr/398/blog/tag/talk/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/tdd/index.html b/pr/398/blog/tag/tdd/index.html
index 03ef1e1df89..214b7285b1e 100644
--- a/pr/398/blog/tag/tdd/index.html
+++ b/pr/398/blog/tag/tdd/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/team-building/index.html b/pr/398/blog/tag/team-building/index.html
index c815da665a1..dc697836b01 100644
--- a/pr/398/blog/tag/team-building/index.html
+++ b/pr/398/blog/tag/team-building/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/team/index.html b/pr/398/blog/tag/team/index.html
index 0f037665fb1..402ba43cf44 100644
--- a/pr/398/blog/tag/team/index.html
+++ b/pr/398/blog/tag/team/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/telegraf/index.html b/pr/398/blog/tag/telegraf/index.html
index 4124bd2e1ca..8578ce721dc 100644
--- a/pr/398/blog/tag/telegraf/index.html
+++ b/pr/398/blog/tag/telegraf/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/teletravail/index.html b/pr/398/blog/tag/teletravail/index.html
index f1b91ec4769..e1fdc60445a 100644
--- a/pr/398/blog/tag/teletravail/index.html
+++ b/pr/398/blog/tag/teletravail/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/test/index.html b/pr/398/blog/tag/test/index.html
index d731d7d7661..ab44e5e6e81 100644
--- a/pr/398/blog/tag/test/index.html
+++ b/pr/398/blog/tag/test/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/theming/index.html b/pr/398/blog/tag/theming/index.html
index 0dce3ad9922..052599058b4 100644
--- a/pr/398/blog/tag/theming/index.html
+++ b/pr/398/blog/tag/theming/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/timezone/index.html b/pr/398/blog/tag/timezone/index.html
index e78b0f522d5..bcafec30c81 100644
--- a/pr/398/blog/tag/timezone/index.html
+++ b/pr/398/blog/tag/timezone/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/tips/index.html b/pr/398/blog/tag/tips/index.html
index a0ed4490d40..eabe9e4fbe1 100644
--- a/pr/398/blog/tag/tips/index.html
+++ b/pr/398/blog/tag/tips/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/translation/index.html b/pr/398/blog/tag/translation/index.html
index 4ce362e010c..62b20865e13 100644
--- a/pr/398/blog/tag/translation/index.html
+++ b/pr/398/blog/tag/translation/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/translations/index.html b/pr/398/blog/tag/translations/index.html
index 395af3c9b54..3e64e02e188 100644
--- a/pr/398/blog/tag/translations/index.html
+++ b/pr/398/blog/tag/translations/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/tribu/index.html b/pr/398/blog/tag/tribu/index.html
index e81f2902e8f..549cfe65528 100644
--- a/pr/398/blog/tag/tribu/index.html
+++ b/pr/398/blog/tag/tribu/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/trucs-et-astuces/index.html b/pr/398/blog/tag/trucs-et-astuces/index.html
index 44f30e69f30..1446be9d7b1 100644
--- a/pr/398/blog/tag/trucs-et-astuces/index.html
+++ b/pr/398/blog/tag/trucs-et-astuces/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/twig/index.html b/pr/398/blog/tag/twig/index.html
index 35000e4d444..1006e553e3a 100644
--- a/pr/398/blog/tag/twig/index.html
+++ b/pr/398/blog/tag/twig/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/user-stories/index.html b/pr/398/blog/tag/user-stories/index.html
index 0d2472238cf..06a2d03e026 100644
--- a/pr/398/blog/tag/user-stories/index.html
+++ b/pr/398/blog/tag/user-stories/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/ux/index.html b/pr/398/blog/tag/ux/index.html
index 64851c628da..3c8f968715b 100644
--- a/pr/398/blog/tag/ux/index.html
+++ b/pr/398/blog/tag/ux/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/vagrant/index.html b/pr/398/blog/tag/vagrant/index.html
index ec0e30cb00d..5ca454c9172 100644
--- a/pr/398/blog/tag/vagrant/index.html
+++ b/pr/398/blog/tag/vagrant/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/vie-au-travail/index.html b/pr/398/blog/tag/vie-au-travail/index.html
index 9a0bc4b68ac..dfa94d62e63 100644
--- a/pr/398/blog/tag/vie-au-travail/index.html
+++ b/pr/398/blog/tag/vie-au-travail/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/virtualisation/index.html b/pr/398/blog/tag/virtualisation/index.html
index 0de47ea07f0..30a608954a9 100644
--- a/pr/398/blog/tag/virtualisation/index.html
+++ b/pr/398/blog/tag/virtualisation/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/vuejs/index.html b/pr/398/blog/tag/vuejs/index.html
index b1ecbdd8a23..c14c65c6e79 100644
--- a/pr/398/blog/tag/vuejs/index.html
+++ b/pr/398/blog/tag/vuejs/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/web/index.html b/pr/398/blog/tag/web/index.html
index aec07951d80..69552516908 100644
--- a/pr/398/blog/tag/web/index.html
+++ b/pr/398/blog/tag/web/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/webdesign/index.html b/pr/398/blog/tag/webdesign/index.html
index 2e6cad7264c..8d7d7a70c1a 100644
--- a/pr/398/blog/tag/webdesign/index.html
+++ b/pr/398/blog/tag/webdesign/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/webpack/index.html b/pr/398/blog/tag/webpack/index.html
index 444eb15dd66..c3d430766fc 100644
--- a/pr/398/blog/tag/webpack/index.html
+++ b/pr/398/blog/tag/webpack/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tag/webperf/index.html b/pr/398/blog/tag/webperf/index.html
index 9652785dee6..cc561d3bd8e 100644
--- a/pr/398/blog/tag/webperf/index.html
+++ b/pr/398/blog/tag/webperf/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/blog/tech/configuration-de-bind-sous-mac-os-x/index.html b/pr/398/blog/tech/configuration-de-bind-sous-mac-os-x/index.html
index 4be3a23ebc6..2dd456af97a 100644
--- a/pr/398/blog/tech/configuration-de-bind-sous-mac-os-x/index.html
+++ b/pr/398/blog/tech/configuration-de-bind-sous-mac-os-x/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -380,7 +380,7 @@ <h3 id="etape-4-rechargement-de-la-configuration" class="anchor-title"><a href="
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -484,10 +484,9 @@ <h3 id="etape-4-rechargement-de-la-configuration" class="anchor-title"><a href="
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -512,7 +511,7 @@ <h3 id="etape-4-rechargement-de-la-configuration" class="anchor-title"><a href="
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -526,13 +525,59 @@ <h3 id="etape-4-rechargement-de-la-configuration" class="anchor-title"><a href="
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/tech/creer-une-cle-bootable-osx-10-10-yosemite/index.html b/pr/398/blog/tech/creer-une-cle-bootable-osx-10-10-yosemite/index.html
index f6aa56e4e79..11605710e7b 100644
--- a/pr/398/blog/tech/creer-une-cle-bootable-osx-10-10-yosemite/index.html
+++ b/pr/398/blog/tech/creer-une-cle-bootable-osx-10-10-yosemite/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -345,7 +345,7 @@ <h1>Créer une clé bootable OSX 10.10 Yosemite</h1>
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -449,10 +449,9 @@ <h1>Créer une clé bootable OSX 10.10 Yosemite</h1>
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -477,7 +476,7 @@ <h1>Créer une clé bootable OSX 10.10 Yosemite</h1>
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -491,13 +490,59 @@ <h1>Créer une clé bootable OSX 10.10 Yosemite</h1>
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/blog/tech/ssh-agent-does-not-automatically-load-passphrases-on-the-osx-sierra-keychain/index.html b/pr/398/blog/tech/ssh-agent-does-not-automatically-load-passphrases-on-the-osx-sierra-keychain/index.html
index 33a3876452c..9ce85a24023 100644
--- a/pr/398/blog/tech/ssh-agent-does-not-automatically-load-passphrases-on-the-osx-sierra-keychain/index.html
+++ b/pr/398/blog/tech/ssh-agent-does-not-automatically-load-passphrases-on-the-osx-sierra-keychain/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -371,7 +371,7 @@ <h1 id="using-a-launch-agent-non-tested-solution" class="anchor-title"><a href="
 	<div class="quiz">
 		<p class="quiz__title">
 			Testez vos
-			<span>connaissances_</span>
+			<span>connaissances</span>
 		</p>
 		<div class="quiz__content">
 			<!-- Checkbox before validation-->
@@ -475,10 +475,9 @@ <h1 id="using-a-launch-agent-non-tested-solution" class="anchor-title"><a href="
 					</label>
 				</div>
 				<div class="radio">
-					<input class="radio__input" type="radio" name="drone-code" id="nam">
-					<label class="radio__label" for="nam">
-							<pre><code>#approving-hermine {
-}</code></pre>
+					<input class="radio__input" type="radio" name="drone-code" id="consectetur">
+					<label class="radio__label" for="consectetur">
+						<code>#approving-hermine {}</code>
 					</label>
 				</div>
 			</div>
@@ -503,7 +502,7 @@ <h1 id="using-a-launch-agent-non-tested-solution" class="anchor-title"><a href="
 					<input class="radio__input" type="radio" name="drone-code" id="nom">
 					<label class="radio__label" for="nom">
 							<pre><code>#approving-hermine {
-	color: blue; 
+	color: blue;
 	padding: 10em;
 }</code></pre>
 					</label>
@@ -517,13 +516,59 @@ <h1 id="using-a-launch-agent-non-tested-solution" class="anchor-title"><a href="
 		</div>
 		<!-- Submit button -->
 		<div class="quiz__submit">
-			<button class="btn">Valider les réponses_</button>
+			<button class="btn btn--light btn--animated">
+                <span>
+                    Valider les réponses
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
+    <path class="tip" d="M21,2.7 28.2,10.3 21,17.4"/>
+    <path class="base" d="M28.2,10.3c-0.1,0-18.3,0-27.8,0"/>
+</svg>
+                </span>
+            </button>
 		</div>
-		<!-- Quiz score -->
-		<div class="quiz__score">
-			<strong class="emoji">👏</strong>
-			<strong class="percentage">80%</strong>
-			<strong>de bonnes réponses</strong>
+		<!-- Quiz score 80 to 100% success -->
+		<div class="quiz__score quiz__score--excellent">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">👏</span>
+					Bravo !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>92%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/congrats.32d11660.gif" alt="">
+		</div>
+
+		<!-- Quiz score 50 to 80% success -->
+		<div class="quiz__score quiz__score--average">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">💪</span>
+					Pas mal
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>52%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif" alt="">
+		</div>
+
+		<!-- Quiz score < 50% success -->
+		<div class="quiz__score quiz__score--improvable">
+			<div>
+				<p class="title">
+					<span aria-hidden="true">😥</span>
+					Oh no !
+				</p>
+				<p class="detail">
+					<span>Vous avez obtenu <strong>2%</strong></span>
+					<span>de réponses correctes</span>
+				</p>
+			</div>
+			<img src="/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif" alt="">
 		</div>
 	</div>
             </main>
diff --git a/pr/398/build/321.d1d69b8e.css b/pr/398/build/321.a263e7bc.css
similarity index 51%
rename from pr/398/build/321.d1d69b8e.css
rename to pr/398/build/321.a263e7bc.css
index 2b62e4cce0a..fe41c7b9a4a 100644
--- a/pr/398/build/321.d1d69b8e.css
+++ b/pr/398/build/321.a263e7bc.css
@@ -1 +1 @@
-@charset "UTF-8";code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.inserted{color:green}*{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}body{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}a{background-color:transparent}b,strong{font-weight:700}small{font-size:80%}img{border:none}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace}button,input,optgroup,select,textarea{margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}legend{border:0;padding:0}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}p{margin:unset}address{font-style:normal}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:none}html:not(.no-js) [data-aos=fade-up]{transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0);visibility:visible}html:not(.no-js) [data-aos=slide-up]{transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}html:not(.no-js) [data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}}html.no-js [data-aos]{opacity:1;pointer-events:unset;transform:none}@font-face{font-family:antikor regular;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/antikor-regular.550ecbad.woff2) format("woff2"),url(/elao_/pr/398/build/fonts/antikor-regular.a33fd49e.woff) format("woff")}@font-face{font-family:antikor medium;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/antikor-medium.7f9a9ead.woff2) format("woff2"),url(/elao_/pr/398/build/fonts/antikor-medium.10ecc354.woff) format("woff")}@font-face{font-family:antikor bold;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/antikor-bold.7a339861.woff2) format("woff2"),url(/elao_/pr/398/build/fonts/antikor-bold.8cb64e99.woff) format("woff")}@font-face{font-family:faktum regular;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/faktum-regular.e9f0959b.woff2) format("woff2"),url(/elao_/pr/398/build/fonts/faktum-regular.33c898ee.woff) format("woff")}@font-face{font-family:faktum bold;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/faktum-bold.46e1f1d5.woff2) format("woff2"),url(/elao_/pr/398/build/fonts/faktum-bold.e600f258.woff) format("woff")}@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/icomoon.fd17ecc3.eot);src:url(/elao_/pr/398/build/fonts/icomoon.fd17ecc3.eot) format("embedded-opentype"),url(/elao_/pr/398/build/fonts/icomoon.5d8e1f71.ttf) format("truetype"),url(/elao_/pr/398/build/fonts/icomoon.62fd5d3f.woff) format("woff"),url(/elao_/pr/398/build/images/icomoon.02013259.svg) format("svg")}.icon{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon--arrow:before{content:""}.icon--bracket-left:before{content:""}.icon--bracket-right:before{content:""}.icon--brackets-left:before{content:""}.icon--brackets-right:before{content:""}.icon--bill:before{content:""}.icon--bulb:before{content:""}.icon--chart:before{content:""}.icon--check:before{content:""}.icon--chevron-left:before{content:""}.icon--chevron-right:before{content:""}.icon--chevrons-left:before{content:""}.icon--chevrons-right:before{content:""}.icon--code:before{content:""}.icon--cog:before{content:""}.icon--connections:before{content:""}.icon--contact:before{content:""}.icon--close:before{content:""}.icon--danger:before{content:""}.icon--document:before{content:""}.icon--diploma:before{content:""}.icon--enlarge:before{content:""}.icon--github:before{content:""}.icon--hamburger:before{content:""}.icon--info:before{content:""}.icon--instagram:before{content:""}.icon--linkedin:before{content:""}.icon--location:before{content:""}.icon--megaphone:before{content:""}.icon--mockup:before{content:""}.icon--note:before{content:""}.icon--pen:before{content:""}.icon--pen-ruler:before{content:""}.icon--person-cog:before{content:""}.icon--phone:before{content:""}.icon--quote:before{content:""}.icon--semicolon:before{content:""}.icon--square-bracket-left:before{content:""}.icon--square-bracket-right:before{content:""}.icon--square-brackets-left:before{content:""}.icon--square-brackets-right:before{content:""}.icon--success:before{content:""}.icon--time:before{content:""}.icon--twitter:before{content:""}.icon--website:before{content:""}.icon--write:before{content:""}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;font-family:faktum regular;font-size:20px;line-height:1.6;overflow-x:hidden}::-moz-selection{background-color:#ff4345;color:#fee3e4}::selection{background-color:#ff4345;color:#fee3e4}.container{margin:0 auto;max-width:1280px;padding:0 20px;width:100%}.container--narrow{padding:0 110px}@media (max-width:1220px){.container--narrow{padding:0}}.screen-reader{height:1px;left:-10000px;position:absolute;top:auto;width:1px}.no-scroll,.screen-reader{overflow:hidden}.hidden{opacity:0;visibility:hidden}.header{background:#fff;height:120px}.header,.header .container{align-items:center;display:flex}.header .container{justify-content:space-between}.header a{border:none}@media (max-width:995px){.header{height:60px;margin:10px 0 30px}}.logo{width:95px}.logo path,.logo rect{fill:#ff4345}.logo--animated path:first-child{-webkit-animation:fade 0 both;animation:fade 0 both;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:0}.logo--animated path:nth-child(2){-webkit-animation:fade 0 both;animation:fade 0 both;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:0}.logo--animated path:nth-child(3){-webkit-animation:fade 0 both;animation:fade 0 both;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:0}.logo--animated path:nth-child(4){-webkit-animation:fade 0 both;animation:fade 0 both;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:0}.logo--animated rect{-webkit-animation:type .4s ease-in both;animation:type .4s ease-in both;transform:translateX(-240px)}@media (max-width:995px){.logo{width:75px}}@-webkit-keyframes fade{0%{opacity:0}60%{opacity:0}to{opacity:1}}@keyframe fade{0%,60%{opacity:0}to{opacity:1}}@-webkit-keyframes type{0%{transform:translateX(-240px)}20%{transform:translateX(-240px)}40%{transform:translateX(-191px)}60%{transform:translateX(-137px)}80%{transform:translateX(-63px)}to{transform:translateX(0)}}@keyframe type{0%,20%{transform:translateX(-240px)}40%{transform:translateX(-191px)}60%{transform:translateX(-137px)}80%{transform:translateX(-63px)}to{transform:translateX(0)}}.nav{align-items:flex-end;display:flex}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav__item{margin:0 20px}.nav__item:after,.nav__item:before{display:none}.nav__item:last-of-type{margin-right:0}.nav__item:last-of-type a{font-family:antikor bold}.nav__item a{align-items:center;color:#7f1a55;display:flex;font-family:antikor medium;font-size:16px;text-decoration:none;transition:color .2s ease-in}.nav__item a .icon{font-size:19px;margin-right:15px}.nav__item a span{position:relative}.nav__item a span:after{background-color:#ff4345;bottom:1px;content:"";height:2px;opacity:0;position:absolute;right:-10px;transform:translateY(2px);transition:transform .2s ease-in,opacity .2s ease-in;width:10px}.nav__item a:active,.nav__item a:focus,.nav__item a:hover{color:#551139}.nav__item a:active span:after,.nav__item a:focus span:after,.nav__item a:hover span:after{opacity:1;transform:translateY(0)}@media (max-width:995px){.nav{display:none}}.nav-mobile{display:none}@media (max-width:995px){.nav-mobile--open{background:#ff4345;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.nav-mobile--open,.nav-mobile--open ul{display:flex;flex-direction:column;height:100%}.nav-mobile--open ul{list-style:none;margin:0 auto 45px;min-width:400px;padding:0 45px}.nav-mobile__header{align-items:center;display:flex;justify-content:space-between;margin:10px 20px 90px;min-height:60px}.nav-mobile__header .logo path,.nav-mobile__header .logo rect{fill:#fff}.nav-mobile__item{margin:15px 0}.nav-mobile__item:after,.nav-mobile__item:before{display:none}.nav-mobile__item a{color:#fff;font-family:antikor medium;text-decoration:none}.nav-mobile__item a:active,.nav-mobile__item a:focus,.nav-mobile__item a:hover{color:#fff}.nav-mobile__item a:active span:after,.nav-mobile__item a:focus span:after,.nav-mobile__item a:hover span:after{background-color:#fff}.nav-mobile__item--large{margin:35px 0 0;width:100%}.nav-mobile__item--large a{align-items:center;background:#fee3e4;color:#ff4345;display:flex;font-family:antikor bold;height:55px;justify-content:center;width:100%}.nav-mobile__item--large a .icon{font-size:20px;margin-right:20px}.nav-mobile__item--large a:active,.nav-mobile__item--large a:focus,.nav-mobile__item--large a:hover{color:#ff4345}.nav-mobile__item--large a:active span:after,.nav-mobile__item--large a:focus span:after,.nav-mobile__item--large a:hover span:after{display:none}}@media (max-width:760px){.nav-mobile--open ul{min-width:280px}}.nav-toggle{display:none}@media (max-width:995px){.nav-toggle{align-items:flex-end;background:transparent;border:none;display:flex;margin:0;padding:3px}.nav-toggle .icon{font-size:20px}.nav-toggle--open .icon{color:#ff4345}.nav-toggle--close .icon{color:#fff}}.footer{font-size:16px}.footer ul{display:flex;list-style:none;margin:0;padding:0}.footer ul li{margin:10px 0}.footer ul li:after,.footer ul li:before{display:none}.footer a{border:none;color:#390725;position:relative;text-decoration:none;transition:color .15s ease-in}.footer a:hover{color:#ff4345}.footer__links{align-items:flex-end;display:flex;margin:60px 0}.footer__links .h1{line-height:1.3;margin-bottom:10px;margin-left:0}.footer__links .links{display:flex;flex:1;justify-content:space-around;padding:0 50px}.footer__links .links ul{display:flex;flex-direction:column}.footer__links .socials{margin-right:165px}.footer__legals{border-top:3px solid #fee3e4;display:flex;justify-content:center;min-width:100%;padding:40px 0}.footer__legals a,.footer__legals span{margin:0 30px}@media (max-width:995px){.footer__links{flex-wrap:wrap;margin:60px 0 35px}.footer__links .h1{margin-bottom:35px;width:100%}.footer__links .links{justify-content:space-between;padding-left:0;padding-right:100px}}@media (max-width:760px){.footer__links{align-items:flex-start;flex-direction:column}.footer__links .h1{margin:0 0 35px}.footer__links .links{flex-direction:column;margin:0 0 35px;padding:0}.footer__legals{flex-direction:column}.footer__legals a,.footer__legals span{margin:0 0 10px}}.admonition{background:#2ecccb;color:#0d3a5a;font-family:antikor regular;font-size:18px;line-height:1.6;margin:60px 0;padding:45px 60px 30px;position:relative}.admonition:after,.admonition:before{position:absolute}.admonition:before{background:#2ecccb;border-radius:50px;content:"";height:58px;left:31px;top:-29px;width:58px}.admonition:after{color:#fff;content:"\e926";font-family:icomoon;font-size:60px;left:30px;line-height:1;position:absolute;top:-30px}.admonition p{margin:0 0 10px!important}.admonition p:last-of-type{margin:0}.admonition-title{font-family:antikor bold;font-size:20px}.admonition.success{background:#3ec789;color:#0d2c1e}.admonition.success:before{background:#3ec789}.admonition.success:after{content:"\e928"}.admonition.danger{background:#f4756d;color:#390725}.admonition.danger:before{background:#f4756d}.admonition.danger:after{content:"\e927"}.alert{display:flex;font-family:antikor bold;font-size:14px;padding:30px}.alert .icon{font-size:25px;margin-right:25px}.alert p:last-of-type{margin-bottom:0}.alert--error{background:#fee3e4;color:#ff4345}.alert--warning{background:#dbb371;color:hsla(0,0%,100%,.9)}.alert--info{background:#1e7695;color:hsla(0,0%,100%,.9)}.animated-block{background:transparent;border:4px solid #fee3e4;color:#7f1a55;display:flex;flex-direction:column;font-family:faktum bold;font-size:18px;height:170px;justify-content:space-between;padding:25px;text-decoration:none;transition:background .2s ease-in-out}.animated-block:hover{background:#fee3e4;color:#7f1a55}.animated-block:hover .animated-block__icon svg.browser .gear{transform:rotate(-90deg)}.animated-block:hover .animated-block__icon svg.browser .mask{fill:#fee3e4}.animated-block:hover .animated-block__icon svg.pen path{transform:translateX(5px)}.animated-block:hover .animated-block__icon svg.pen rect{width:5px}.animated-block:hover .animated-block__icon svg.bulb .light{opacity:1;transform:scale(1)}.animated-block:hover .animated-block__content .icon{transform:translateX(10px)}.animated-block__icon svg.browser circle,.animated-block__icon svg.browser path,.animated-block__icon svg.browser rect{fill:#7f1a55}.animated-block__icon svg.browser .gear{transform-origin:37px 23px;transition:transform .2s ease-in}.animated-block__icon svg.browser .mask{fill:#fff;transition:fill .2s ease-in-out}.animated-block__icon svg.pen path{fill:#7f1a55;transition:transform .2s ease-in}.animated-block__icon svg.pen rect{fill:#7f1a55;transform-origin:0 0;transition:width .2s ease-in;width:0}.animated-block__icon svg.bulb .light{opacity:0;transform:scale(.9);transform-origin:11px 11px;transition:transform .2s ease-in,opacity .2s ease-in}.animated-block__icon svg.bulb polygon{fill:#7f1a55}.animated-block__icon svg.bulb line,.animated-block__icon svg.bulb path{fill:none;stroke:#7f1a55}.animated-block__content .title{color:#f4756d;display:flex;font-family:antikor regular;font-size:18px;margin:0 0 5px}.animated-block__content .icon{color:#ff4345;font-size:20px;margin-left:15px;transition:transform .2s ease-in-out}.animated-block__content p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1220px){.animated-block{font-size:16px;height:135px;padding:20px 25px}.animated-block__icon svg{width:35px}.animated-block__content .title{font-size:16px}}.animated-link{border:none;color:#fff;font-family:antikor medium;padding:5px;position:relative;z-index:1}.animated-link:after,.animated-link:before{bottom:0;content:"";left:0;position:absolute;z-index:-1}.animated-link:before{height:3px;opacity:1;width:100%}.animated-link:after{background:transparent;height:100%;transition:background .6s ease-in-out,width .25s ease-in-out;width:3px}.animated-link:active,.animated-link:focus,.animated-link:hover{color:#fff}.animated-link:active:before,.animated-link:focus:before,.animated-link:hover:before{opacity:0;transition:opacity .05s ease-in-out}.animated-link:active:after,.animated-link:focus:after,.animated-link:hover:after{transition:background .01s ease-in-out,width .25s ease-in-out;transition-delay:.05s;width:100%}.animated-link--light:before{background:#2ecccb}.animated-link--light:active:after,.animated-link--light:focus:after,.animated-link--light:hover:after{background:#2ecccb}@media (max-width:760px){.animated-link{text-decoration:underline}.animated-link:after,.animated-link:before{display:none}}.article-author{align-items:center;display:flex;flex-wrap:wrap}.article-author a{border-bottom:none;text-decoration:none}.article-author__image img{border:3px solid #0d3a5a;border-radius:50%;margin:0 15px 0 0;max-width:unset;width:60px}.article-author__info{color:#fff;display:flex;flex-direction:column}.article-author__info strong{color:#2ecccb;font-family:faktum bold;margin-top:2px}.article-author__info a:hover strong{color:#fff}.article-author__info+.article-author__info{margin-left:40px}.article-author__social{display:flex;margin-left:auto}.article-author__social a{align-items:center;background:#2ecccb;border:none;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;margin:0 6px;text-decoration:none;transition:color .15s ease-in,background .15s ease-in;width:50px}.article-author__social a .icon{font-size:23px}.article-author__social a:active,.article-author__social a:focus,.article-author__social a:hover{background:#0d3a5a;color:#2ecccb}.article-author--multi{align-items:flex-start;flex-direction:column}.article-author--multi .article-author__image{height:60px;left:-45px;margin-bottom:10px;position:relative}.article-author--multi .article-author__image a:first-child{left:45px;position:absolute}.article-author--multi .article-author__image a:nth-child(2){left:90px;position:absolute}.article-author--multi .article-author__image a:nth-child(3){left:135px;position:absolute}.article-author--multi .article-author__image a:nth-child(4){left:180px;position:absolute}.article-author--multi .article-author__image a:nth-child(5){left:225px;position:absolute}.article-author--multi .article-author__info+.article-author__info{margin-left:0;margin-top:20px}@media (max-width:760px){.article-author__social{margin-top:10px;width:100%}.article-author__social .social{height:40px;width:40px}.article-author__social .social .icon{font-size:20px}}.article-banner{height:450px;margin-bottom:310px;position:relative}.article-banner__cover{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;height:100%;width:815px}@media (max-width:1220px){.article-banner{align-items:flex-end;display:flex;flex-direction:column;height:unset;margin-bottom:0}.article-banner__cover{display:none}}.article-content{color:#390725;display:flex;flex-direction:row-reverse;flex-wrap:wrap;font-family:faktum regular;font-size:20px;line-height:1.6}.article-content .alert{margin:0 0 40px}.article-content p{margin:0 0 30px}.article-content figure{margin-left:-200px;width:calc(100% + 200px)}.article-content__aside{align-items:flex-start;display:flex;justify-content:center;min-width:200px;padding-top:50px}.article-content__main{flex:1;max-width:calc(100% - 200px);padding-top:50px}.article-content__main h2:first-of-type{margin-top:0;padding-top:0}@media (max-width:1220px){.article-content figure{margin-left:0;width:100%}}@media (max-width:995px){.article-content{flex-direction:column}.article-content__aside{padding:20px 0 50px}.article-content__main{max-width:100%}}.article-credits{border-top:2px solid #7f1a55;margin:25px 0 50px;padding:25px 0}.article-credits a{border:none;color:#7f1a55}.article-credits a:active,.article-credits a:focus,.article-credits a:hover{color:#7f1a55}.article-footer{background:#0d3a5a;color:#fff;display:flex;flex-direction:column;font-size:16px;margin:40px 0 20px;padding:45px 75px}.article-footer .article-author{margin:0 0 20px}.article-footer .article-author:last-of-type{margin:0}.article-footer__item{align-items:center;display:flex;flex:1;justify-content:space-between}.article-footer__item:last-of-type{margin:0}@media (max-width:995px){.article-footer{margin:20px 0 5px;padding:25px 30px}}@media (max-width:760px){.article-footer .article-author{margin:0 0 40px}}.article-header{background:#ff4345;bottom:-260px;color:#fff;display:flex;flex-direction:column;font-family:faktum regular;font-size:20px;height:300px;justify-content:center;padding:50px 60px;position:absolute;right:0;width:900px}.article-header h1{color:#fff;font-family:antikor bold;font-size:32px;margin:0 0 20px}@media (max-width:1220px){.article-header{bottom:unset;height:unset;left:unset;order:-1;position:relative;right:unset;top:unset;width:100%}}@media (max-width:995px){.article-header{font-size:18px;line-height:1.5;padding:35px 30px 50px}.article-header h1{font-size:24px;line-height:1.4;margin-top:0}}.article-info{background:#0d3a5a;bottom:10px;color:#fff;display:flex;flex-direction:column;font-family:antikor regular;font-size:16px;max-width:390px;padding:40px 60px 20px;position:absolute;right:120px;z-index:1}.article-info .article-author{margin-bottom:30px}.article-info__date{display:flex;flex-wrap:wrap}.article-info__date span{display:flex;flex-direction:column;margin-bottom:20px;margin-right:35px}.article-info__date strong{color:#2ecccb;font-family:faktum bold;margin-top:2px}@media (max-width:1220px){.article-info{flex:1;padding:30px 30px 20px;position:relative;right:0;top:-30px}}.article-list{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;margin-left:-20px;margin-right:-20px;padding:0}.article-list .miniature-inline{margin:0 20px 80px}@media (max-width:1280px){.article-list{margin:0}}.article-tag-list{align-items:flex-end;display:flex;flex-direction:column;left:-330px;list-style:none;margin:0;padding:0;position:absolute;top:70px;width:300px}.article-tag-list__item{margin:10px 0;text-align:right}.article-tag-list__item:after,.article-tag-list__item:before{display:none}.article-tag-list__item a{border:none;color:#ff4345;font-family:antikor bold;font-size:18px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-decoration:none}.article-tag-list__item a:active,.article-tag-list__item a:focus,.article-tag-list__item a:hover{color:#ff4345}@media (max-width:1220px){.article-tag-list{bottom:0;left:0;padding-right:30px;padding-top:30px;position:absolute;top:unset;transform:translateY(100%);width:calc(100% - 390px)}}@media (max-width:760px){.article-tag-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:25px 0 10px;padding:0;position:static;transform:none;width:100%}.article-tag-list__item{border:2px solid #fff;display:inline-flex;margin:5px;padding:5px;text-align:left}.article-tag-list__item a{color:#fff}.article-tag-list__item a:active,.article-tag-list__item a:focus,.article-tag-list__item a:hover{color:#fff}}.banner{align-items:center;display:flex;margin:0 0 30px}.banner__title{line-height:1.5;margin:0 30px;position:relative;top:-20px}.banner__highlight{background:#ff4345;color:#fff;display:flex;flex-direction:column;font-family:antikor regular;font-size:24px;justify-content:center;line-height:1.6;margin-left:auto;min-height:220px;min-width:680px;padding:45px 70px 60px;position:relative;width:680px;z-index:1}.banner__highlight p{margin:0!important}@media (max-width:1220px){.banner{align-items:center;display:flex;flex-direction:column;margin:0 0 100px;padding:0}.banner__title{margin:0 0 50px;position:static}.banner__highlight{font-size:20px;margin:0;min-height:unset;min-width:unset;padding:45px 70px;width:100%}}@media (max-width:760px){.banner__title{margin:0 0 30px}.banner__highlight{font-size:18px;padding:40px 30px}}.banner-case-study{margin-top:100px;padding-bottom:70px;position:relative}.banner-case-study__title{left:0;position:absolute;top:-45px}.banner-case-study__content{display:flex;position:relative}.banner-case-study__content .info{flex:1;padding:100px 30px 40px}.banner-case-study__content .info p{color:#390725;font-family:faktum regular;font-size:20px;line-height:1.6;width:400px}.banner-case-study__content .highlight{background:#ff4345;color:#fff;display:flex;flex:1;flex-direction:column;font-family:antikor regular;font-size:24px;justify-content:center;line-height:1.6;margin-left:auto;max-width:680px;min-height:220px;padding:45px 70px 60px;position:relative}.banner-case-study__content .highlight .icon{bottom:-45px;color:#fee3e4;font-size:110px;line-height:1;position:absolute;right:10px}@media (max-width:1280px){.banner-case-study{align-items:center;display:flex;flex-direction:column;margin-top:0}.banner-case-study__title{position:static}.banner-case-study__content{align-items:flex-start;flex-direction:column}.banner-case-study__content .info{align-items:flex-start;justify-content:flex-start;margin:0 0 40px;padding:0;width:100%}.banner-case-study__content .info p{width:unset}.banner-case-study__content .highlight{margin:40px 0 0;max-width:unset;padding:25px 40px 40px;width:100%}.banner-case-study__content .highlight .icon{bottom:-35px;font-size:80px;right:35px}.banner-case-study__content .info+.highlight{margin:0}}@media (max-width:1220px){.banner-case-study{margin-top:0}}@media (max-width:760px){.banner-case-study__content .highlight{font-size:18px;padding:25px 40px}.banner-case-study__content .highlight .icon{display:none}}.banner-error{margin-top:100px;padding-bottom:70px;position:relative}.banner-error__title{left:0;position:absolute;top:-45px}.banner-error__content{display:flex;position:relative}.banner-error__content .info{align-self:center;flex:1;min-width:400px;padding:0 40px 0 110px}.banner-error__content .info p{color:#390725;font-family:faktum regular;font-size:20px;line-height:1.6;margin:0 0 10px}.banner-error__content img{margin:0}.banner-error__action{margin-top:-40px;padding-left:110px}.banner-error__action .btn{margin-right:60px}.banner-error__action .btn:last-of-type{margin:0}@media (max-width:1280px){.banner-error{align-items:center;display:flex;flex-direction:column}.banner-error__title{position:static}.banner-error__content{text-align:center;width:100%}.banner-error__content .info{margin:0 0 40px;min-width:unset;padding:0}.banner-error__content img{display:none}.banner-error__action{margin:0;padding:0}}@media (max-width:1220px){.banner-error{margin-top:0}}@media (max-width:995px){.banner-error__action{display:flex;flex-direction:column}.banner-error__action .btn{justify-content:center;margin:0 0 30px}}.banner-home{margin-bottom:400px;margin-top:20px;padding-bottom:0;position:relative}.banner-home__title{align-items:flex-start;color:#ff4345;display:flex;flex-direction:column;font-family:faktum bold;font-size:58px;line-height:1.3;margin:0 0 65px 110px}.banner-home__title span{color:#7f1a55}.banner-home__title span:last-of-type:after{color:#ff4345;content:"_"}.banner-home__content{align-items:center;background:#ff4345;display:flex;height:310px;padding:0 110px;width:950px}.banner-home__content h1{color:#fff;font-family:antikor regular;font-size:32px!important;font-weight:400;margin:0;width:510px}.banner-home__image{align-items:flex-start;display:flex;flex-direction:column;position:absolute;right:0;top:0}.banner-home__image figure{display:flex;margin:0 0 22px;position:relative;width:100%}.banner-home__image figure .image{background-position:50%!important;background-size:cover!important;height:335px;width:510px}.banner-home__image figure figcaption{background:#fee3e4;bottom:20px;color:#ff4345;display:flex;font-family:faktum regular;font-size:18px;justify-content:flex-start;left:22px;max-height:150px;max-width:240px;min-height:120px;min-width:220px;padding:20px 25px;position:absolute}.banner-home__image figure figcaption span{color:#7f1a55;font-family:antikor bold;margin:0 0 5px}.banner-home__list{bottom:-220px;display:flex;left:200px;list-style:none;margin:0;padding:0;position:absolute}.banner-home__list li:after,.banner-home__list li:before{display:none}.banner-home__list .item{background:#fee3e4;border:none;color:#ff4345;display:flex;flex-direction:column;font-family:faktum regular;font-size:20px;height:260px;margin:0 20px;padding:40px 30px 25px;text-decoration:none;width:290px}.banner-home__list .item .number{color:#7f1a55;font-family:antikor medium;font-size:76px;line-height:1.2;margin:0 0 10px}.banner-home__list .item small{font-size:16px;line-height:2}.banner-home__list .item .item__link{align-items:center;color:#7f1a55;display:flex;font-family:antikor bold;font-size:18px;margin-left:auto;margin-top:auto;padding-right:0}.banner-home__list .item .item__link .icon{color:#ff4345;font-size:23px;margin-left:12px}@media (max-width:1280px){.banner-home{display:flex;flex-direction:column;margin-bottom:30px}.banner-home__title{align-self:center;margin-left:0;order:1}.banner-home__content{align-self:center;height:230px;justify-content:center;min-width:250px;order:2;padding:0 70px;width:85%}.banner-home__content h1{font-size:24px!important;width:unset}.banner-home__image{align-items:center;order:4;position:relative;top:unset;width:100%}.banner-home__image figure{margin:0}.banner-home__image figure .image{height:500px;width:100%}.banner-home__image figure figcaption{bottom:102px;left:unset;right:20px;transform:none;width:325px}.banner-home__image .btn{bottom:20px;position:absolute;right:20px;z-index:1}.banner-home__list{justify-content:center;left:0;order:3;position:relative;top:-20px;width:100%}.banner-home__list .item{font-size:20px;margin:0 15px;padding:40px;width:300px}.banner-home__list .item .item__link{margin-left:0}}@media (max-width:995px){.banner-home__image figure .image{height:400px;margin:0}.banner-home__content{align-self:flex-end}.banner-home__list{flex-direction:column}.banner-home__list .item{height:unset;margin:5px 0;min-width:250px;padding:30px 60px;width:80%}.banner-home__list .item .number{font-size:50px}}@media (max-width:760px){.banner-home{margin-top:0}.banner-home__content{height:unset;padding:20px 20px 40px;width:100%}.banner-home__content h1{font-size:18px!important}.banner-home__title{font-size:35px!important;margin-bottom:40px}.banner-home__image figure{margin:0 0 90px}.banner-home__image figure figcaption{bottom:-80px;left:50%;right:unset;transform:translateX(-50%);width:280px}.banner-home__image .btn{position:static;width:280px}.banner-home__list .item{font-size:16px;height:120px;margin:0 0 0 auto;padding:15px 20px;width:calc(100% - 50px)}.banner-home__list .item small{font-size:14px}.banner-home__list .item .number{font-size:32px;margin:0}.banner-home__list .item .item__link{font-size:14px}}.banner-methodology{display:flex;flex-direction:column}.banner-methodology__title{margin-bottom:60px}.banner-methodology__content{display:flex;padding:0 110px;position:relative}.banner-methodology__content .info{padding-right:40px}.banner-methodology__content .info p:not(:last-of-type){margin-bottom:30px}.banner-methodology__content img{margin:0;min-width:500px;position:relative;top:-130px}@media (max-width:1280px){.banner-methodology__content{padding:0 40px 0 0}.banner-methodology__content img{min-width:350px}}@media (max-width:995px){.banner-methodology{align-items:center}.banner-methodology__title{margin-bottom:40px}.banner-methodology__content,.banner-methodology__content .info{padding:0}.banner-methodology__content img{display:none}}.banner-services{position:relative}.banner-services__title{margin-bottom:60px}.banner-services__content .image{background-image:url(/elao_/pr/398/build/images/services-banner.047196e4.jpg);background-image:-webkit-image-set(url(/elao_/pr/398/build/images/services-banner.047196e4.jpg) 1x,url(/elao_/pr/398/build/images/services-banner@2x.8e6cab0b.jpg) 2x);background-image:image-set(url(/elao_/pr/398/build/images/services-banner.047196e4.jpg) 1x,url(/elao_/pr/398/build/images/services-banner@2x.8e6cab0b.jpg) 2x);background-repeat:no-repeat;background-size:cover;height:400px;margin:0;max-width:100%;width:1000px}.banner-services__content .highlight{align-items:center;background:#ff4345;color:#fff;display:flex;font-family:antikor regular;font-size:24px;height:210px;justify-content:center;line-height:1.6;padding:40px;position:absolute;right:0;top:0;width:620px;z-index:-1}.banner-services__content .highlight .icon{bottom:-45px;color:#fee3e4;font-size:110px;line-height:1;position:absolute;right:60px}@media (max-width:1280px){.banner-services{align-items:center;display:flex;flex-direction:column;margin-bottom:160px}.banner-services__title{margin-bottom:40px;position:static}.banner-services__content{display:flex;flex-direction:column-reverse;width:100%}.banner-services__content .image{height:200px;position:absolute;top:calc(100% - 40px);width:calc(100% - 90px)}.banner-services__content .highlight{align-self:flex-end;padding:0 30px;position:static;width:calc(100% - 30px)}.banner-services__content .highlight .icon{display:none}}@media (max-width:995px){.banner-services__title{max-width:250px}.banner-services__content .image{top:calc(100% - 25px)}.banner-services__content .highlight{font-size:18px}}.banner-team__content{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;position:relative}.banner-team__content .recruitment{align-items:center;background:#fee3e4;border:none;display:flex;height:160px;padding:0 55px;position:absolute;right:70px;top:-125px;width:550px}.banner-team__content .recruitment img{margin:0 60px 0 0}.banner-team__content .recruitment .icon{bottom:-45px;line-height:1;position:absolute}.banner-team__content .recruitment .icon--square-bracket-right{color:#7f1a55;font-size:92px;right:80px}.banner-team__content .recruitment .icon--semicolon{color:#f4756d;font-size:80px;right:10px}.banner-team__content .recruitment__content{color:#f4756d;font-family:antikor medium;font-size:16px}.banner-team__content .recruitment__content .title{color:#0d3a5a;display:block;font-family:faktum bold;font-size:26px}@media (max-width:1220px){.banner-team{padding-bottom:100px}.banner-team__title{display:flex;justify-content:center;margin-left:0}.banner-team__content .recruitment{bottom:-100px;right:0;top:unset}}@media (max-width:760px){.banner-team{padding-bottom:80px}.banner-team__content .recruitment{bottom:-80px;height:100px;padding:0 25px;right:0;top:unset;width:260px}.banner-team__content .recruitment img{margin-right:30px;width:40px}.banner-team__content .recruitment .icon{display:none}.banner-team__content .recruitment__content .title{font-size:16px}}.banner-technology{align-items:center;display:flex;margin:0 0 100px;padding:0 110px}.banner-technology__title{display:inline-block;margin:0 auto 0 0}.banner-technology__image{background:#ff4345;height:150px;margin:0 110px 0 70px;min-width:300px;position:relative}.banner-technology__image .logo{background:#fee3e4;bottom:-40px;margin:0;padding:25px;position:absolute;right:-110px;width:150px}@media (max-width:1220px){.banner-technology{align-items:center;flex-direction:column;margin:0 0 50px;padding:0}.banner-technology__title{margin:0 40px 40px;max-width:510px}.banner-technology__image{display:none}}.banner-values{margin-bottom:135px;position:relative}.banner-values__title{margin-bottom:60px}.banner-values__content .image{background-image:url(/elao_/pr/398/build/images/values-banner.f3cf5782.jpg);background-image:-webkit-image-set(url(/elao_/pr/398/build/images/values-banner.f3cf5782.jpg) 1x,url(/elao_/pr/398/build/images/values-banner@2x.d8cdf7e2.jpg) 2x);background-image:image-set(url(/elao_/pr/398/build/images/values-banner.f3cf5782.jpg) 1x,url(/elao_/pr/398/build/images/values-banner@2x.d8cdf7e2.jpg) 2x);background-repeat:no-repeat;background-size:cover;height:400px;margin:0;max-width:100%;width:1170px}.banner-values__content .highlight{background:#ff4345;bottom:-90px;height:210px;position:absolute;right:0;width:620px}.banner-values__content .highlight .icon{bottom:-45px;color:#fee3e4;font-size:125px;line-height:1;position:absolute;right:75px}@media (max-width:1220px){.banner-values{align-items:center;display:flex;flex-direction:column;margin-bottom:0}.banner-values__title{margin-bottom:20px;position:static}.banner-values__content{width:100%}.banner-values__content .highlight{display:none}.banner-values__content .image{height:230px;width:100%}}.breadcrumb{display:flex;list-style:none;margin:30px 0 50px;padding:0}.breadcrumb__item{font-family:antikor bold;font-size:16px;padding-right:20px;position:relative}.breadcrumb__item:before{display:none}.breadcrumb__item:after{background:transparent;border:none;color:#ff4345;content:"/";height:unset;left:unset;position:absolute;right:5px;top:1px;width:unset}.breadcrumb__item:last-of-type{max-width:100%;overflow:hidden;padding-right:0;text-overflow:ellipsis;white-space:nowrap}.breadcrumb__item:last-of-type:after{display:none}.breadcrumb__item a{border:none;color:#390725;text-decoration:none;transition:color .1s ease-in}.breadcrumb__item a:active,.breadcrumb__item a:focus,.breadcrumb__item a:hover{color:#ff4345}@media (max-width:995px){.breadcrumb{display:none;margin:30px 0}}.bricks{display:flex;flex-wrap:wrap;margin-left:-20px;margin-right:-20px}.brick,.brick-comment,.brick-conception,.brick-contact,.brick-contribute,.brick-send-message,.brick-team,.brick-visit{border:none;color:#fff;display:flex;flex-direction:column;font-family:antikor regular;font-size:20px;margin:20px;min-width:calc(50% - 40px);padding:60px 100px;width:calc(50% - 40px)}.brick--large,.brick-comment,.brick-conception,.brick-contribute,.brick-send-message,.brick-team{min-width:calc(100% - 40px);padding:100px;width:calc(100% - 40px)}@media (max-width:995px){.bricks{margin-left:-10px;margin-right:-10px}.brick,.brick-comment,.brick-conception,.brick-contact,.brick-contribute,.brick-send-message,.brick-team,.brick-visit{font-size:16px;margin:10px;min-width:calc(50% - 20px);padding:25px!important;width:calc(50% - 20px)}.brick--large,.brick-comment,.brick-conception,.brick-contribute,.brick-send-message,.brick-team{min-width:calc(100% - 20px);width:calc(100% - 20px)}}@media (max-width:760px){.bricks{flex-direction:column;flex-wrap:nowrap;margin:0}.brick,.brick-comment,.brick-conception,.brick-contact,.brick-contribute,.brick-send-message,.brick-team,.brick-visit{margin:5px 0;width:100%!important}}.brick-comment{background:#0d3a5a;color:#fff}.brick-comment .title{color:#2ecccb;font-family:faktum bold;font-size:46px;margin:40px 0}.brick-comment .tweet-container{margin-top:40px}@media (max-width:380px){.brick-comment .title{font-size:27px;margin:0 0 20px}.brick-comment .tweet-container{display:none}}.brick-conception{background:#0d3a5a;color:#2ecccb;min-height:190px}.brick-conception .title{color:#fff;font-family:faktum bold;font-size:46px;margin:40px 0}@media (max-width:995px){.brick-conception .title{font-size:20px;line-height:26px;margin:20px 0;max-width:500px}}.brick-contact{background:#f4756d}.brick-contact p{align-items:center;display:flex;margin:0 0 15px}.brick-contact .title{color:#7f1a55;font-family:faktum bold;font-size:36px;margin:0 0 40px}.brick-contact .icon{font-size:30px;margin-right:20px}.brick-contact a{border:none}.brick-contact a:active,.brick-contact a:focus,.brick-contact a:hover{color:#fff}@media (max-width:995px){.brick-contact .title{font-size:22px;margin:10px 0 20px}}.brick-send-message{background:#0d3a5a;color:#2ecccb;min-height:190px;transition:opacity .4s ease,transform .4s ease,background .2s ease!important}.brick-send-message .title{color:#fff;font-family:faktum bold;font-size:46px;margin:40px 0}.brick-send-message .animation{align-items:center;border:none;display:flex;font-family:antikor bold;font-size:28px}.brick-send-message .animation .letter{margin-right:30px;overflow:visible;width:90px}.brick-send-message .animation .letter__arrow .base,.brick-send-message .animation .letter__arrow .tip{transition:transform .2s ease-out}.brick-send-message:active,.brick-send-message:focus,.brick-send-message:hover{background:#0c3451;color:#2ecccb}.brick-send-message:active .animation .letter__arrow .base,.brick-send-message:focus .animation .letter__arrow .base,.brick-send-message:hover .animation .letter__arrow .base{transform:scaleX(1.2)}.brick-send-message:active .animation .letter__arrow .tip,.brick-send-message:focus .animation .letter__arrow .tip,.brick-send-message:hover .animation .letter__arrow .tip{transform:translateX(15px)}@media (max-width:995px){.brick-send-message .title{font-size:20px;line-height:26px;margin:20px 0;max-width:500px}.brick-send-message .animation{font-size:18px;line-height:1.2}.brick-send-message .animation .letter{width:60px}}.brick-contribute{background:#0d3a5a;color:#fff;padding:60px 100px}.brick-team{align-items:center;background:#fee3e4;text-decoration:none}.brick-team .title{color:#0d3a5a;font-family:faktum bold;font-size:46px;margin:15px 0 5px}.brick-team .subtitle{color:#f4756d;font-family:antikor bold;font-size:24px}@media (max-width:995px){.brick-team .title{font-size:22px;margin:10px 0}.brick-team .subtitle{font-size:15px}}.brick-visit{background:#7f1a55}.brick-visit .title{color:#f4756d;font-family:faktum bold;font-size:36px;margin:0 0 40px}.brick-visit .icon{font-size:25px;margin-right:25px}.brick-visit p{align-items:center;display:flex;margin:0 0 15px}.brick-visit .address{align-items:flex-start!important;display:flex}.brick-visit .address .icon{font-size:30px;line-height:1;margin-right:20px}.brick-visit .address__content{border:none;display:flex;flex-direction:column}.brick-visit .address__content>span{margin:0 0 15px}.brick-visit .address__content:active,.brick-visit .address__content:focus,.brick-visit .address__content:hover{color:#fff}@media (max-width:995px){.brick-visit .title{font-size:22px;margin:10px 0 20px}.brick-visit .address__content>span{margin:0 0 7px}}.btn{border:none;display:inline-flex;font-family:antikor bold;font-size:18px!important;min-height:67px;padding:20px 50px;text-align:center;text-decoration:none;transition:background .1s ease-in}.btn>span{line-height:normal!important;position:relative}.btn--large{padding:0 100px}.btn--brand{background:#ff4345;color:#fff}.btn--brand:active,.btn--brand:focus,.btn--brand:hover{background:#fee3e4;color:#ff4345}.btn--primary{background:#7f1a55;color:#fff}.btn--primary:active,.btn--primary:focus,.btn--primary:hover{background:#6a1647;color:#fff}.btn--secondary{background:#fee3e4;color:#ff4345}.btn--secondary:active,.btn--secondary:focus,.btn--secondary:hover{background:#ff4345;color:#fff}.btn--animated .icon{bottom:-8px;position:absolute;right:-42px;transition:transform .3s;width:40px}.btn--animated .icon .base,.btn--animated .icon .tip{fill:none;stroke-width:3.5}.btn--animated .icon .base{transform:scaleX(.5);transition:transform .3s}.btn--animated .icon .tip{opacity:0;transform:rotate(-45deg) translate(-6px);transform-origin:bottom;transition:transform .3s,opacity .3s}.btn--animated:active .icon,.btn--animated:focus .icon,.btn--animated:hover .icon{transform:translateX(40px)}.btn--animated:active .icon .base,.btn--animated:focus .icon .base,.btn--animated:hover .icon .base{transform:scaleX(1)}.btn--animated:active .icon .tip,.btn--animated:focus .icon .tip,.btn--animated:hover .icon .tip{opacity:1;transform:rotate(0deg) translate(0)}.btn--animated.btn--brand .icon .base,.btn--animated.btn--brand .icon .tip{stroke:#7f1a55}.btn--animated.btn--primary .icon .base,.btn--animated.btn--primary .icon .tip{stroke:#ff4345}.btn--animated.btn--secondary .icon .base,.btn--animated.btn--secondary .icon .tip{stroke:#7f1a55}@media (max-width:760px){.btn{font-size:16px!important}}.build-steps{display:flex;flex-direction:column;margin:0;padding:0}.build-steps__item{align-items:center;background:#0d3a5a;color:#fff;color:#2ecccb;display:flex;font-family:antikor bold;font-size:18px;margin:0 0 15px;max-width:700px;min-width:380px;padding:30px 40px}.build-steps__item .icon{color:#fff;font-size:60px;margin-right:20px}.build-steps__item.integration{align-self:flex-start;margin-left:110px}.build-steps__item.integration:after,.build-steps__item.integration:before{background:transparent;border:none;border-radius:unset;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.build-steps__item.integration:before{background:transparent;color:#7f1a55;content:"\e91a";font-family:icomoon;font-size:90px;height:unset;left:-100px;line-height:1;width:unset}.build-steps__item.integration:after{background:#fee3e4;height:100%;left:unset;right:-150px;width:130px}.build-steps__item.development{align-self:center}.build-steps__item.development:after,.build-steps__item.development:before{display:none}.build-steps__item.validation{align-self:flex-end;margin-bottom:0;margin-left:200px}.build-steps__item.validation:after,.build-steps__item.validation:before{background:transparent;border:none;border-radius:unset;display:flex;position:absolute}.build-steps__item.validation:before{background:#fee3e4;height:100%;left:-200px;top:0;width:180px}.build-steps__item.validation:after{background:transparent;bottom:-40px;color:#f4756d;content:"\e917";font-family:icomoon;font-size:70px;height:unset;left:unset;line-height:1;right:0;top:unset;width:unset}@media (max-width:995px){.build-steps{margin:0 0 40px}.build-steps__item.integration{margin-left:0}.build-steps__item.integration:before{display:none}.build-steps__item.validation:after{display:none}}@media (max-width:760px){.build-steps{margin:0 0 15px}.build-steps__item{align-items:flex-start;flex-direction:column;max-width:unset;min-width:unset;width:100%}.build-steps__item .icon{font-size:30px;margin:0 0 15px}.build-steps__item.integration{margin-left:0}.build-steps__item.integration:after,.build-steps__item.integration:before{display:none}.build-steps__item.validation:after,.build-steps__item.validation:before{display:none}}.bullet{align-items:center;background:#fee3e4;border-radius:50px;color:#ff4345;font-size:11px;height:17px;min-width:17px;position:absolute;right:-18px;top:-5px}.bullet,.call-to-action{display:flex;justify-content:center}.certification-list{margin:0 0 30px}.certification-list ul{margin:0;padding:0}.certification{align-items:center;background:#ff4345;color:#fff;display:flex;font-family:antikor medium;font-size:14px;margin:0 0 15px;max-width:280px;padding:5px 15px}.certification:after,.certification:before{display:none}.certification:last-of-type{margin:0}.certification img{margin:0!important;width:30px!important}.certification p{margin-left:20px}.certification p span{display:block}@media (max-width:1220px){.certification{padding:5px 10px}.certification p{margin-left:10px}}.check-block{background:#1e7695;color:#fff;padding:75px 45px 75px 75px;position:relative}.check-block:before{background-image:url(/elao_/pr/398/build/images/check.bd8e70d7.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;content:"";height:70px;left:45px;position:absolute;top:-45px;width:85px}.check-block p{margin:0 0 30px}.check-block__title{color:#fee3e4;display:block;font-family:antikor bold;font-size:32px;margin-bottom:55px}.check-block__list li{margin-bottom:35px}.check-block__list li:before{border-color:rgba(254,227,228,.4)}.check-block__list li:last-of-type{margin-bottom:0}.check-block--right:before{left:unset;right:45px}.check-block--unchecked:before{background-image:url(/elao_/pr/398/build/images/uncheck.8ae5b1a8.svg)}.check-block--secondary{background:#fee3e4;color:#390725}.check-block--secondary .check-block__title{color:#7f1a55}.check-block--secondary .check-block__list li{color:#390725}.check-block--secondary .check-block__list li:before{border-color:rgba(127,26,85,.3)}@media (max-width:1220px){.check-block{margin-top:40px}.check-block:before{top:-38px}}@media (max-width:995px){.check-block{padding:75px 30px 75px 60px}.check-block:before{left:unset;right:30px;width:60px}}@media (max-width:760px){.check-block{padding:45px 20px 20px}}.contact{background:#fee3e4;display:flex;margin:0 auto;max-width:1040px;padding:75px 100px;width:100%}.contact__main{flex:1}.contact__message{align-items:flex-end;display:flex;flex:1;flex-direction:column;justify-content:center}.contact__message .title{color:#7f1a55;font-family:antikor bold;font-size:28px;margin:0 0 50px;width:100%}.contact__message .form-group{margin:0 0 20px;width:100%}.contact__message .form-group:first-of-type{margin:0 0 50px}.contact__message .btn{margin-top:50px}.contact__infos{color:#7f1a55;font-family:antikor medium;font-size:20px;margin-left:100px;min-width:300px}.contact__infos img{height:100px;margin:0 0 65px}.contact__infos address,.contact__infos p{display:flex;flex-direction:column;margin:0 0 25px}.contact__infos a{border:none}.contact__infos .name{font-family:antikor bold;font-size:28px}@media (max-width:995px){.contact{background:transparent;flex-direction:column;padding:0}.contact .title{font-size:16px;margin:0 0 30px}.contact .btn{justify-content:center;width:100%}.contact__message{background:#fee3e4;padding:45px 30px}.contact__infos{background:#0d3a5a;color:#2ecccb;margin:20px 0 0;padding:45px 30px}.contact__infos img{display:none}}.elaomojis{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;padding:0}.elaomojis__item{background:#fee3e4;margin:10px;padding:10px;width:calc(20% - 20px)}.elaomojis__item:after,.elaomojis__item:before{display:none}.elaomojis__item a{align-items:center;border:none;color:#390725;display:flex;font-family:antikor regular;font-size:16px;height:100%;line-height:1.2}.elaomojis__item a:active,.elaomojis__item a:focus,.elaomojis__item a:hover{color:#390725}.elaomojis__item .img{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;height:32px;margin:0 15px 0 0;min-width:32px;width:32px}@media (max-width:1280px){.elaomojis__item{width:calc(50% - 20px)}}@media (max-width:760px){.elaomojis__item{width:100%}}@media (max-width:380px){.elaomojis{margin:0}.elaomojis__item{width:100%}}.emoji{background-position:50%;background-size:cover;display:inline-block;height:1em;margin:0;padding:0;width:1em}.form-group{display:flex;flex-wrap:wrap}.form-group__label{margin-right:15px;padding-bottom:2px}.form-group__input,.form-group__label{align-items:center;color:#f4756d;display:flex;font-family:antikor bold;font-size:16px;height:40px}.form-group__input{background:transparent;border:none;border-bottom:2px dashed #f4756d;flex:1;margin:0;padding:0}.form-group__input::-moz-placeholder{color:#f4756d;font-family:antikor bold;font-size:16px;-moz-transition:opacity .1s ease-in;transition:opacity .1s ease-in}.form-group__input:-ms-input-placeholder{color:#f4756d;font-family:antikor bold;font-size:16px;-ms-transition:opacity .1s ease-in;transition:opacity .1s ease-in}.form-group__input::placeholder{color:#f4756d;font-family:antikor bold;font-size:16px;transition:opacity .1s ease-in}.form-group__input:focus{outline:none}.form-group__input:focus::-moz-placeholder{opacity:.4}.form-group__input:focus:-ms-input-placeholder{opacity:.4}.form-group__input:focus::placeholder{opacity:.4}.form-group__message{background:url(/elao_/pr/398/build/images/textarea-lines.4b927293.svg);display:block;padding:0 5px;width:100%}.form-group__message,.form-group__message *{color:#f4756d!important;font-family:antikor bold!important;font-size:16px!important;line-height:45px}.form-group__message *{background-color:transparent!important;margin:0!important}.form-group__message:empty:before{color:#f4756d;content:attr(placeholder);display:block;pointer-events:none;transition:opacity .1s ease-in}.form-group__message:focus{outline:none}.form-group__message:focus:before{opacity:.4}.form-group__error{color:#7f1a55;font-family:antikor bold;font-size:14px;margin:10px 0;width:100%}.form-group--dark .form-group__label{color:#7f1a55}.form-group--dark .form-group__input{border-bottom:2px dashed #7f1a55;color:#7f1a55}.form-group--dark .form-group__input::-moz-placeholder{color:#7f1a55}.form-group--dark .form-group__input:-ms-input-placeholder{color:#7f1a55}.form-group--dark .form-group__input::placeholder{color:#7f1a55}.form-group--dark .form-group__message{background:url(/elao_/pr/398/build/images/textarea-lines-dark.4babeb9b.svg)}.form-group--dark .form-group__message,.form-group--dark .form-group__message *{color:#7f1a55!important}@media (max-width:995px){.form-group__input::-moz-placeholder{font-size:14px}.form-group__input:-ms-input-placeholder{font-size:14px}.form-group__input,.form-group__input::placeholder,.form-group__label,.form-group__message,.form-group__message *{font-size:14px}.form-group__error{font-size:12px}}@media (max-width:760px){.form-group{flex-direction:column}}.gallery{display:flex;flex-wrap:wrap;margin:60px -20px 30px -220px;padding:0}.gallery__item{display:flex;margin:0 20px 20px;position:relative;width:calc(50% - 40px)}.gallery__item:after,.gallery__item:before{display:none}.gallery__item:active .image span,.gallery__item:focus .image span,.gallery__item:hover .image span{transform:scale(1.02);transform-origin:center}.gallery__item:active .image .icon,.gallery__item:focus .image .icon,.gallery__item:hover .image .icon{opacity:1;transition:opacity .3s ease-in-out}.gallery__item>button{align-items:center;background:transparent;border:none;display:flex;flex-direction:column;margin:0;outline:none;padding:0;text-align:center;width:100%}.gallery__item>button .legend{color:#390725;font-family:faktum regular;font-size:20px}.gallery__item .image{display:flex;height:300px;margin:0 0 7px;overflow:hidden;width:100%}.gallery__item .image span{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;transition:transform .4s ease-in-out;width:100%}.gallery__item .image .icon{align-items:center;background:#fee3e4;color:#ff4345;display:flex;font-size:25px;height:40px;justify-content:center;opacity:0;position:absolute;right:25px;top:20px;width:40px}@media (max-width:1220px){.gallery{margin-left:-20px;margin-right:-20px}}@media (max-width:760px){.gallery{margin-left:-5px;margin-right:-5px}.gallery__item{margin:0 5px 10px;width:calc(50% - 10px)}.gallery__item .image{height:90px}.gallery__item .image .icon{font-size:13px;font-weight:700;height:20px;opacity:1;right:10px;top:10px;width:20px}.gallery__item .legend{display:none}}.kudo{align-items:center;background:transparent;border:none;display:flex;flex-direction:column;padding:0}.kudo:active,.kudo:focus,.kudo:hover{box-shadow:none;outline:none}.kudo:active .kudo__button,.kudo:focus .kudo__button,.kudo:hover .kudo__button{background-position:100%}.kudo__button{background:#fee3e4 url(/elao_/pr/398/build/images/kudo.3a216d48.svg);background-position:0;background-repeat:no-repeat;border-radius:50px;height:75px;margin-bottom:10px;width:75px}.kudo__label{color:#390725;font-family:faktum regular;font-size:20px}.kudo--active{-webkit-animation:kudo 1s steps(20) forwards;animation:kudo 1s steps(20) forwards;box-shadow:none;outline:none}@-webkit-keyframes kudo{0%{background-position:0}to{background-position:100%}}@keyframes kudo{0%{background-position:0}to{background-position:100%}}.link{border:none;font-family:antikor bold;font-size:18px;padding-right:30px;position:relative}.link:after,.link:before{position:absolute}.link:before{bottom:0;content:"";height:3px;right:13px;transition:.2s ease-in;width:15px}.link:after{bottom:6px;content:"\e913";font-family:icomoon;font-size:13px;line-height:1;opacity:0;right:10px;transition:right .15s ease-in,opacity .2s ease-out}.link:active:before,.link:focus:before,.link:hover:before{height:25px;right:-5px;width:25px}.link:active:after,.link:focus:after,.link:hover:after{opacity:1;right:1px}.link--brand{color:#ff4345}.link--brand:before{background:#fee3e4}.link--brand:after{color:#fee3e4}.link--brand:active,.link--brand:focus,.link--brand:hover{color:#f60003}.link--brand:active:before,.link--brand:focus:before,.link--brand:hover:before{background:#7f1a55}.link--brand:active:after,.link--brand:focus:after,.link--brand:hover:after{color:#fee3e4}.link--primary{color:#7f1a55}.link--primary:before{background:#ff4345}.link--primary:active,.link--primary:focus,.link--primary:hover{color:#ff4345}.link--primary:active:before,.link--primary:focus:before,.link--primary:hover:before{background:#7f1a55}.link--primary:active:after,.link--primary:focus:after,.link--primary:hover:after{color:#ff4345}.list-inline{display:flex;flex-wrap:wrap;margin:0 -20px;padding:0}.list-inline__item{align-items:flex-start;display:flex;flex-direction:column;margin:40px 15px 60px;width:calc(33.33% - 30px)}.list-inline__item:after,.list-inline__item:before{display:none}.list-inline__item img{margin:0 0 35px}.list-inline__item a{font-size:16px;margin-top:30px}@media (max-width:1220px){.list-inline{flex-direction:column;margin:0}.list-inline__item{margin:0 0 40px;width:100%}.list-inline__item h3{margin:20px 0}.list-inline__item img{margin:40px 0 10px}.list-inline__item a{margin-top:10px}.list-inline--simple .list-inline__item{margin:0 0 10px}}.member{align-items:flex-start;display:flex;flex-wrap:wrap;margin:0 auto 70px;max-width:1020px}.member__infos{margin:0 0 30px;width:calc(100% - 550px)}.member__infos h1{margin:0}.member__infos .job{color:#ff4345;font-family:antikor bold;font-size:18px;margin:0 0 40px}.member__infos .description{display:block;margin-bottom:50px}.member__infos .socials{margin:0 0 70px}.member__infos .certifications{margin:0 0 45px}.member__infos .interests{display:flex;margin:0;padding:0}.member__infos .interests li{font-size:30px;margin:0 15px}.member__infos .interests li:after,.member__infos .interests li:before{display:none}.member__infos .interests li:first-of-type{margin-left:0}.member__infos .interests li:last-of-type{margin-right:0}.member__image{margin-bottom:95px;margin-left:40px;position:relative;z-index:1}.member__image img{margin:0}.member__image .seniority{background:#fee3e4;color:#ff4345;display:flex;flex-direction:column;height:240px;justify-content:center;line-height:1.4;padding:0 45px;position:absolute;right:-165px;top:40px;width:260px}.member__image .seniority span{color:#7f1a55;font-family:antikor bold;font-size:45px;line-height:1;margin-bottom:10px}.member__image--mobile{display:none}.member__contributions{align-items:flex-start;display:flex}.member__contributions .article-list{margin:0;padding:0 20px;width:50%}.member__contributions .article-list:first-of-type{padding-left:0}.member__contributions .article-list:last-of-type{padding-right:0}@media (max-width:1220px){.member,.member__infos{flex-direction:column}.member__infos{display:flex;margin:0 0 50px;max-width:unset;width:100%}.member__infos h1{margin:0 auto 50px}.member__profile{margin:0 auto 20px;max-width:380px;width:100%}.member__image{display:none;margin:0 auto 100px;padding:0;width:500px}.member__image img{margin:0 auto}.member__image .seniority{bottom:-40px;height:unset;left:50%;padding:20px 30px;right:unset;top:unset;transform:translateX(-50%)!important;width:250px}.member__image .seniority span{font-size:45px}.member__image--mobile{align-items:flex-start;display:flex}}@media (max-width:760px){.member__infos h1{max-width:280px}.member__profile{max-width:unset}.member__profile .job{margin:0 0 25px}.member__profile .certifications,.member__profile .socials{margin:0 0 40px}.member__image{margin:0 auto 80px;width:100%}.member__image .seniority{width:220px}.member__image .seniority span{font-size:32px}.member__contributions{flex-direction:column}.member__contributions .article-list{padding:0;width:100%}}.miniature{align-items:flex-start;display:flex;flex-direction:column;margin:0 20px 50px;padding:0;width:calc(25% - 40px)}.miniature:after,.miniature:before{display:none}.miniature .link{margin-top:15px}.miniature__image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:none;height:200px;overflow:hidden;width:100%}.miniature__image:hover .image{transform:scale(1.02);transform-origin:center}.miniature__image:hover .image:before{opacity:1}.miniature__image .image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:block;height:100%;transition:transform .4s ease-in-out;width:100%}.miniature__image .image:before{background-color:rgba(0,0,0,.15);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}.miniature__content{align-items:flex-start;display:flex;flex-direction:column;padding-top:30px}.miniature__content .date,.miniature__content .info{font-family:antikor bold}.miniature__content .info{color:#1e7695}.miniature__content .date{color:#f4756d}.miniature__content .title{word-wrap:break-word;border:none;color:#7f1a55;font-family:antikor bold;font-size:22px;line-height:1.4;margin:0 0 15px;overflow-wrap:break-word;padding:0;word-break:break-word}.miniature__content .description{color:#390725;font-size:16px;line-height:1.5;margin:0 0 15px}.miniature--large{margin:25px 20px 50px;width:calc(50% - 40px)}.miniature--large .miniature__content .info{margin:0 0 20px}.miniature--large .miniature__content .title{font-size:32px;margin:0 0 30px}.miniature--large .miniature__content .description{line-height:1.6;margin:0 0 30px}@media (max-width:1220px){.miniature__image{min-width:50%}}@media (max-width:995px){.miniature{margin:0 0 30px;width:100%}.miniature__image{display:none}.miniature__content{padding-left:0}.miniature__content .date{margin:0 0 10px}.miniature__content .title{font-size:18px;margin:0 0 10px}.miniature--large{margin:20px 0 40px}.miniature--large .miniature__image{height:290px}.miniature--large .miniature__content .description{font-size:20px}.miniature--large .miniature__image{display:block}}@media (max-width:760px){.miniature .btn,.miniature .link{justify-content:center;width:100%}}.miniature-inline{align-items:flex-start;display:flex;flex-direction:row;margin:0 0 80px;padding:0;width:100%}.miniature-inline:after,.miniature-inline:before{display:none}.miniature-inline__image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:none;height:350px;margin-right:40px;min-width:500px;overflow:hidden}.miniature-inline__image:hover .image{transform:scale(1.02);transform-origin:center}.miniature-inline__image:hover .image:before{opacity:1}.miniature-inline__image .image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:block;height:100%;transition:transform .4s ease-in-out;width:100%}.miniature-inline__image .image:before{background-color:rgba(0,0,0,.15);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}.miniature-inline__content{align-items:flex-start;display:flex;flex-direction:column}.miniature-inline__content .date,.miniature-inline__content .info{font-family:antikor bold}.miniature-inline__content .info{color:#1e7695}.miniature-inline__content .date{color:#f4756d}.miniature-inline__content .title{word-wrap:break-word;border:none;color:#7f1a55;font-family:antikor bold;font-size:28px;line-height:1.4;margin:20px 0 15px;overflow-wrap:break-word;padding:0;word-break:break-word}.miniature-inline__content .description{color:#390725;font-size:18px;line-height:1.5;margin:0 0 15px}.miniature-inline__content .btn{margin-top:25px}.miniature-inline--small{align-items:center;margin:15px 0 35px}.miniature-inline--small:last-of-type{margin-bottom:0}.miniature-inline--small .miniature-inline__image{height:100px;min-width:120px}.miniature-inline--small .miniature-inline__content .title{font-size:22px;margin:0}@media (max-width:995px){.miniature-inline{flex-direction:column;margin:0 0 60px}.miniature-inline .btn,.miniature-inline .link{display:none}.miniature-inline__image{height:220px;margin-bottom:35px;margin-right:0;min-width:unset;width:100%}.miniature-inline__content .date,.miniature-inline__content .info{margin:0 0 10px}.miniature-inline__content .title{font-size:28px;margin:0 0 10px}.miniature-inline--small{align-items:flex-start;margin:0 0 40px}.miniature-inline--small .miniature-inline__image{height:160px;margin-bottom:15px}}.miniature-highlight{align-items:flex-start;display:flex;flex-direction:column;margin:0 0 70px;padding-bottom:190px;position:relative;width:100%}.miniature-highlight:after,.miniature-highlight:before{display:none}.miniature-highlight__image{border:none;height:480px;overflow:hidden;width:calc(100% - 110px)}.miniature-highlight__image:active .image,.miniature-highlight__image:focus .image,.miniature-highlight__image:hover .image{transform:scale(1.02);transform-origin:center}.miniature-highlight__image:active .image:before,.miniature-highlight__image:focus .image:before,.miniature-highlight__image:hover .image:before{opacity:1}.miniature-highlight__image .image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:block;height:100%;transition:transform .4s ease-in-out;width:100%}.miniature-highlight__image .image:before{background-color:rgba(0,0,0,.15);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}.miniature-highlight__content{align-items:flex-start;display:flex;position:absolute;right:0;top:370px}.miniature-highlight__content .info{background:#0d3a5a;display:flex;font-size:16px;min-width:370px;padding:25px 35px}.miniature-highlight__content .details{background:#ff4345;border:none;color:#fff;display:flex;flex-direction:column;font-family:faktum regular;font-size:20px;height:300px;justify-content:center;padding:50px 60px;transition:background .15s ease-in;width:730px}.miniature-highlight__content .details:active,.miniature-highlight__content .details:focus,.miniature-highlight__content .details:hover{background:#ff393b}.miniature-highlight__content .details .title{color:#fff;font-family:antikor bold;font-size:32px;line-height:normal!important;margin:0 0 20px}@media (max-width:1220px){.miniature-highlight{padding-bottom:240px}.miniature-highlight .miniature-highlight__content .details{height:350px;width:550px}}@media (max-width:995px){.miniature-highlight{margin:0 0 30px;padding:0}.miniature-highlight .miniature-highlight__image{display:none}.miniature-highlight .miniature-highlight__content{align-items:flex-end;flex-direction:column-reverse;position:relative;right:unset;top:unset;width:100%}.miniature-highlight .miniature-highlight__content .info{position:relative;top:-30px;z-index:1}.miniature-highlight .miniature-highlight__content .info .article-author{align-items:flex-start;flex-direction:column}.miniature-highlight .miniature-highlight__content .info .article-author__info+.article-author__info{margin-left:0;margin-top:20px}.miniature-highlight .miniature-highlight__content .details{font-size:16px;height:unset;min-height:250px;padding:35px 30px 60px;width:100%}.miniature-highlight .miniature-highlight__content .details .title{font-size:24px}}@media (max-width:760px){.miniature-highlight .miniature-highlight__content .info{min-width:220px}}.modal{display:none}.modal--show{background:rgba(0,0,0,.7);bottom:0;display:block;left:0;overflow-y:auto;padding:110px 0;position:fixed;right:0;top:0;z-index:100}.modal__button{align-items:center;background:#fee3e4;border:none;color:#ff4345;font-size:20px;height:40px;position:absolute;right:25px;top:30px;width:40px}.modal__button,.modal__content{display:flex;justify-content:center}.modal__content img{margin:0}@media (max-width:995px){.modal__button{right:20px;top:15px}}.pagination{align-items:center;display:flex;justify-content:center;margin:0;padding:20px 0}.pagination__item{margin:0}.pagination__item:after,.pagination__item:before{display:none}.pagination__item a{align-items:center;border-bottom:3px solid transparent;color:#7f1a55;display:flex;font-family:antikor bold;font-size:26px;height:45px;justify-content:center;margin:0 10px;position:relative}.pagination__item a:after{background:transparent;border-radius:50%;content:"";height:43px;position:absolute;transition:background .1s ease-in;width:43px;z-index:-1}.pagination__item a:active:after,.pagination__item a:focus:after,.pagination__item a:hover:after{background:#fee3e4}.pagination__item--active a{border-bottom:3px solid #ff4345;pointer-events:none}.pagination__item--nav:first-of-type{margin-right:40px}.pagination__item--nav:last-of-type{margin-left:40px}.pagination__item--nav:after{display:none}.pagination__item--nav a{background:#fee3e4;color:#ff4345;font-size:20px;height:60px;margin:0;transition:background .1s ease-in;width:60px}.pagination__item--nav a:active,.pagination__item--nav a:focus,.pagination__item--nav a:hover{background:#7f1a55;border-radius:0}@media (max-width:760px){.pagination__item--nav:first-of-type{margin-right:10px}.pagination__item--nav:last-of-type{margin-left:10px}.pagination__item--nav a{height:50px;width:50px}}.planning-steps{align-items:flex-end;display:flex;flex-direction:column;flex-wrap:wrap;grid-column:3/13;margin-bottom:-135px;margin-left:-20px;margin-right:-20px;max-height:1050px;padding:0;position:relative;top:-35px;z-index:2}.planning-steps__item{background:#0d3a5a;color:#fff;margin:0 20px 30px;padding:40px 40px 50px;width:calc(50% - 40px)}.planning-steps__item:after,.planning-steps__item:before{display:none}.planning-steps__item:nth-of-type(-n+3){position:relative;top:-130px}.planning-steps__item h4{align-items:center;color:#2ecccb;display:flex;font-family:antikor bold;font-size:18px;margin:0 0 25px}.planning-steps__item h4 .icon{color:#fff;font-size:50px;margin-right:20px}@media (max-width:1220px){.planning-steps{grid-column:1/13;margin:0;max-height:unset;position:static}.planning-steps__item{margin:0 0 10px;position:static!important;width:100%}}.preview{bottom:-230px;display:flex;left:0;position:absolute}.preview img{margin:0;width:100%}.preview__main{margin-right:30px;width:600px}.preview__list{align-items:flex-start;display:flex;flex-direction:column;padding-top:105px}.preview__list ul{display:flex;margin:0;padding:0}.preview__list ul li{margin:0 15px 30px;min-height:30px;width:240px}.preview__list ul li:after,.preview__list ul li:before{display:none}.preview__list ul li:first-of-type{margin-left:0}.preview__list ul li:last-of-type{margin-right:0}@media (max-width:1280px){.preview{align-items:unset;flex-direction:column;margin-top:60px;position:static;width:100%}.preview__main{margin:0 0 10px;width:100%}.preview__list{padding-top:0}.preview__list ul{display:none}.preview__list .btn{justify-content:center;width:100%}}.process{background:#fee3e4;color:#7f1a55;display:flex;flex-wrap:wrap;font-family:antikor regular;grid-column:2/12;padding:35px 25px}.process__item{margin-right:15px;padding-right:25px;white-space:nowrap}.process__item:before{display:none}.process__item:after{background:transparent;color:#ff4345;content:">";font-family:antikor bold;height:unset;left:unset;right:0;top:50%;transform:translateY(-50%);width:unset}.process__item:last-of-type:after{display:none}@media (max-width:1220px){.process{grid-column:1/13;margin:0}}.project-team{display:flex;flex-wrap:wrap;margin:0 -15px;padding:0}.project-team__member{display:flex;margin:0 15px 30px;max-width:calc(25% - 30px);width:calc(25% - 30px)}.project-team__member:after,.project-team__member:before{display:none}.project-team__member a{background:#0d3a5a;border:none;color:#fff;font-family:faktum bold;font-size:18px;line-height:1.5;padding:30px 35px;transition:background .2s ease-out;width:100%}.project-team__member a:active,.project-team__member a:focus,.project-team__member a:hover{background:#0b314d;color:#fff}.project-team__member a img{border-radius:50%;margin:0 auto 35px;width:100px}.project-team__member a .job,.project-team__member a .name{display:block}.project-team__member a .name{margin:0 0 10px}.project-team__member a .job{color:#2ecccb;font-family:antikor bold}@media (max-width:995px){.project-team{margin-left:-5px;margin-right:-5px}.project-team__member{margin:0 5px 10px;max-width:calc(33.33% - 10px);width:calc(33.33% - 10px)}.project-team__member a{min-height:250px}}@media (max-width:760px){.project-team__member{max-width:calc(50% - 10px);width:calc(50% - 10px)}.project-team__member a{padding:20px}.project-team__member a img{margin:0 auto 25px;width:60px}}.section-home{display:flex;margin:0 0 180px}.section-home__content{align-items:flex-start;color:#390725;display:flex;flex-direction:column;font-size:20px;line-height:32px;margin-left:110px;margin-right:40px;position:relative}.section-home__content h2{margin-top:0}.section-home__content .dash{background:#f4756d;height:12px;left:0;position:absolute;top:-50px;width:50px}.section-home__content .btn{margin-top:40px}.section-home__image{min-width:600px;position:relative}.section-home__image:before{background:#ff4345;bottom:40px;content:"";height:100px;position:absolute;right:-20px;width:300px}.section-home__image img{margin:0;width:100%}.section-home__image .icon{bottom:-25px;color:#fee3e4;font-size:120px;position:absolute;right:40px}.section-home__links{display:flex;flex-wrap:wrap;min-width:600px;position:relative}.section-home__links .animated-block{margin:15px;width:calc(50% - 30px)}.section-home--reverse .section-home__content{margin-left:40px;margin-right:110px}.section-home--reverse .section-home__image:before{left:-20px;right:unset}.section-home--reverse .section-home__image .icon{left:40px;right:unset}@media (max-width:1220px){.section-home{flex-direction:column-reverse;margin:0 0 60px}.section-home__image{margin:0 0 40px;min-width:unset;width:100%}.section-home__image:before{bottom:15px;height:80px;right:-10px;width:230px}.section-home__image .icon{font-size:95px}.section-home__content{font-size:16px;line-height:1.5;margin:0}.section-home__content .btn{justify-content:center;margin:20px auto 0;max-width:400px;width:100%}.section-home__content .dash{top:0}.section-home__links{flex-direction:column;flex-wrap:nowrap;margin-bottom:40px;margin-top:0;min-width:unset}.section-home__links .animated-block{margin:5px 0;width:100%}.section-home--mobile-reverse,.section-home--reverse{flex-direction:column}.section-home--mobile-reverse .section-home__content,.section-home--reverse .section-home__content{margin:20px 0 0}}@media (max-width:760px){.section-home{margin:0 0 40px}.section-home--reverse{margin:0}.section-home--reverse .section-home__image:before{left:-5px}.section-home--reverse .section-home__image .icon{left:20px}.section-home__image:before{height:50px;right:-5px;width:130px}.section-home__image .icon{bottom:-20px;font-size:65px;right:20px}.section-home__content .btn{max-width:unset;width:100%}}.socials ul{display:flex;flex-direction:column;margin:0;padding:0}.socials li:after,.socials li:before{display:none}.socials a{align-items:center;border:none;display:flex}.socials a .icon{color:#ff4345;font-size:21px;margin-right:17px}.socials--inline ul{flex-direction:row}.socials--inline li{margin:0 14px}.socials--inline li:first-of-type{margin-left:0}.socials--inline li:last-of-type{margin-right:0}.socials--inline a .icon{font-size:24px;margin:0}.statistics{font-family:faktum regular;font-size:20px;padding:60px 70px}.statistics__figure{border-bottom:23px solid;display:block;font-family:antikor medium;font-size:130px;line-height:1;margin-bottom:30px;padding-bottom:15px;text-align:center;width:100%}.statistics--primary{background:#7f1a55;color:#fee3e4}.statistics--primary .statistics__figure{border-bottom-color:#ff4345;color:#fee3e4}.statistics--secondary{background:#fee3e4;color:#7f1a55}.statistics--secondary .statistics__figure{border-bottom-color:#ff4345;color:#7f1a55}.statistics--info{background:#1e7695;color:#fee3e4}.statistics--info .statistics__figure{border-bottom-color:#2ecccb;color:#fee3e4}.statistics--dark{background:#0d3a5a;color:#fee3e4}.statistics--dark .statistics__figure{border-bottom-color:#7f1a55;color:#fee3e4}@media (max-width:1220px){.statistics{padding:35px 25px}.statistics__figure{border-bottom:18px solid;font-size:90px}}.table-of-content{background:#fee3e4;color:#390725;font-family:antikor bold;font-size:16px;list-style:upper-roman;margin:0;padding:40px 60px 40px 100px}.table-of-content__item{margin-bottom:20px;padding:0 30px}.table-of-content__item:after,.table-of-content__item:before{display:none}.table-of-content__item:last-of-type{margin-bottom:0}.table-of-content__item a{border:none;color:#7f1a55;text-decoration:none;transition:color .1s ease-in}.table-of-content__item a:active,.table-of-content__item a:focus,.table-of-content__item a:hover{color:#ff4345}.table-of-content__sub-level{font-family:antikor medium;font-size:15px;list-style:none;padding-left:0}.table-of-content__sub-level li{margin-top:7px}@media (max-width:995px){.table-of-content{padding:25px 25px 25px 65px}.table-of-content__item{padding:0 15px}}.tabs{margin:40px 0}.tabs__nav{display:flex}.tabs__nav a{background:#fff;border:3px solid #fee3e4;border-bottom:none;border-radius:0;border-right:none;color:#7f1a55;font-family:antikor bold;font-size:16px;padding:10px 20px}.tabs__nav a:first-of-type{border-radius:5px 0 0 0}.tabs__nav a:last-of-type{border-radius:0 5px 0 0;border-right:3px solid #fee3e4}.tabs__nav a.active{background:#fee3e4;color:#7f1a55}.tabs__content{background:#fee3e4;padding:15px 20px 20px}.tabs__content .item{display:none}.tabs__content .item.active{display:block}.tabs__content .item pre{margin:0}.tag-list{display:flex;flex-wrap:wrap;margin:0 -5px;padding:0}.tag-list__item{display:flex;margin:5px}.tag-list__item:after,.tag-list__item:before{display:none}.tag-list__item a{background-color:#f4756d;border:none;color:#fff;font-family:antikor bold;font-size:12px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:5px 8px;text-decoration:none;text-transform:capitalize}.tag-list__item a:active,.tag-list__item a:focus,.tag-list__item a:hover{color:#fff}.team{display:flex;flex-wrap:wrap;margin:0 0 0 110px;padding:50px 0 0}.team__member{display:flex;margin:0 20px 70px;width:calc(33.33% - 40px)}.team__member:after,.team__member:before{display:none}.team__member a{align-items:flex-start;border:none;display:flex;flex-direction:column;font-family:antikor bold;font-size:16px;line-height:1.5;width:100%}.team__member a:active .image span,.team__member a:focus .image span,.team__member a:hover .image span{transform:scale(1.02);transform-origin:center}.team__member a:active .image span:before,.team__member a:focus .image span:before,.team__member a:hover .image span:before{opacity:1}.team__member a .image{border:none;height:250px;margin:0 0 15px;overflow:hidden}.team__member a .image,.team__member a .image span{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;width:100%}.team__member a .image span{display:block;height:100%;position:relative;transition:transform .4s ease-in-out}.team__member a .image span:before{background-color:rgba(0,0,0,.15);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}.team__member a .name{color:#7f1a55;font-family:faktum bold;font-size:26px;line-height:1.3;margin:0 0 10px}.team__member a .job{color:#f4756d}.team__member a .certification{position:absolute;right:25px;top:-25px}@media (max-width:1220px){.team{margin-left:-20px;margin-right:-20px}}@media (max-width:995px){.team__member{width:calc(50% - 40px)}.team__member a .certification{margin:20px 0 0;position:static}}@media (max-width:760px){.team{margin:0}.team__member{margin:0 0 50px;width:100%}}.technologies{display:flex;flex-wrap:wrap;list-style:none;margin:20px 0;padding:0}.technologies li{margin:10px 0;min-width:180px}.technologies li:after,.technologies li:before{display:none}.technologies__item{align-items:center;border:none;color:#000;display:flex;font-size:22px;font-weight:600}.technologies__item img{margin:0 15px 0 0;width:45px}.technologies--light .technologies__item{color:#2ecccb}.technologies--light a.technologies__item{transition:color .2s ease-in}.technologies--light a.technologies__item:active,.technologies--light a.technologies__item:focus,.technologies--light a.technologies__item:hover{color:#25a2a2}@media (max-width:1220px){.technologies li{margin:0 25px 25px 0;min-width:unset}.technologies__item{font-size:20px}}@media (max-width:760px){.technologies__item{font-size:16px}.technologies__item img{margin-right:15px;width:35px}}.tile{background:#0d3a5a;color:#2ecccb;font-family:antikor bold;font-size:26px;margin:0 20px 40px;min-width:290px;padding:35px 40px;width:290px}.tile:after,.tile:before{display:none}.tile small{color:#fff;display:block;font-family:faktum regular;font-size:16px;margin:0 0 20px}.tile small .icon{font-size:25px;line-height:1;margin-right:5px;vertical-align:middle}.tile-list{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0 -20px;padding:0}.tile--medium{min-width:400px}.tile--large{min-width:620px}@media (max-width:1280px){.tile-list{justify-content:flex-start;width:100%}.tile,.tile--large,.tile--medium{margin:0 5px 10px;min-width:unset;width:calc(50% - 10px)}.tile--large:last-of-type:not(:nth-child(2n)),.tile--medium:last-of-type:not(:nth-child(2n)),.tile:last-of-type:not(:nth-child(2n)){width:100%}}@media (max-width:760px){.tile-list{flex-direction:column}.tile{margin:0 0 10px;width:100%}}.h1,h1{align-items:flex-start;color:#ff4345;display:flex;flex-direction:column;font-family:faktum bold;font-size:36px;margin:0 0 30px 30px}.h1 span,h1 span{color:#7f1a55}.h1 span:last-of-type:after,h1 span:last-of-type:after{color:#ff4345;content:"_"}.h2,.h2--dash,.h2--ordered,h2{color:#7f1a55;font-family:antikor bold;font-size:32px;line-height:1.45!important;margin:50px 0 25px;position:relative}.h2--dash{margin-top:70px;padding-top:65px}.h2--dash:before{background:#f4756d;content:"";height:12px;left:0;position:absolute;top:0;width:50px}.h2--ordered{margin:60px 0 40px;padding:0}.h2--ordered span{color:#ff4345;font-size:24px}.h3,h3{color:#1e7695;font-size:24px;margin:30px 0 20px}.h3,.h4,h3,h4{font-family:antikor bold;line-height:1.25}.h4,h4{color:#f4756d}.h4,.h5,.h6,h4,h5,h6{font-size:18px;margin:20px 0}.h5,.h6,h5,h6{color:#0d3a5a;font-family:antikor bold;line-height:1.25}.anchor-title{scroll-margin-top:130px}.anchor-title a{border:none;color:#7f1a55;position:relative;text-decoration:none}.anchor-title a:after{bottom:-10px;color:#f4756d;content:"#";left:10px;opacity:0;position:relative;transform:translateY(-10px);transition:opacity .15s ease-in,bottom .15s ease-in}.anchor-title a:active:after,.anchor-title a:focus:after,.anchor-title a:hover:after{bottom:0;opacity:1}@media (max-width:1220px){.h1,h1{font-size:32px;line-height:1.3;margin:0 0 40px}.h2,.h2--dash,.h2--ordered,h2{padding-top:40px}.h2--ordered{margin:40px 0;padding:0}}@media (max-width:995px){.anchor-title{scroll-margin-top:50px}.anchor-title a{font-size:24px}}@media (max-width:760px){.h1,h1{font-size:27px}.h2,.h2--dash,.h2--ordered,h2{font-size:22px;line-height:1.6!important}.h2--dash{font-size:32px;line-height:1.4!important}}.values{display:flex;flex-wrap:wrap;margin:60px 0 100px 110px}.values .btn{margin-top:15px;width:400px}.values__item{color:hsla(0,0%,100%,.9);display:flex;flex:1;flex-direction:column;font-family:antikor bold;font-size:22px;margin:0 15px 40px;padding:40px 30px}.values__item:first-of-type{margin-left:0}.values__item:last-of-type{margin-right:0}.values__item .icon{font-size:60px;margin-bottom:40px}.values__item--info{background:#1e7695}.values__item--info .icon{color:#2ecccb}.values__item--tertiary{background:#f4756d}.values__item--tertiary .icon{color:#0d3a5a}.values__item--primary{background:#7f1a55}.values__item--primary .icon{color:#ff4345}@media (max-width:1220px){.values{margin:0 0 100px}.values__item{min-width:calc(33.33% - 30px)}}@media (max-width:760px){.values__item{background:transparent;color:#390725;font-size:16px;margin:0 0 20px;min-width:100%;padding:0}.values__item .icon{display:none}.values .btn{width:100%}}.social-post-generator{align-items:center;display:flex;flex-direction:column-reverse;flex-wrap:wrap;font-size:20px;justify-content:center}.social-post-generator form{display:flex;flex:1;flex-direction:column;margin-left:1em}.social-post-generator form select{background:#eee;border:0!important;border-radius:.25em;box-shadow:none;cursor:pointer;font-family:faktum regular;font-size:16px;height:2em;line-height:1;margin:.25em 0;outline:0;overflow:hidden;padding:0 .5em}.social-post-generator .social-post{width:100%}.social-post--list{align-items:center;background-color:#eee;display:flex;flex-wrap:wrap;font-size:20px;justify-content:center;padding:.25em}.social-post--list .social-post{font-size:24px;margin:.5em;width:calc(50% - 1em)}.social-post{align-items:center;background:var(--social-background);display:flex;flex-direction:column;font-size:50px;justify-content:center;margin:0;overflow:hidden;padding:2.5em;width:100%}.social-post[data-format=square]{aspect-ratio:1/1}.social-post[data-format=landscape]{aspect-ratio:1200/630}.social-post[data-format=portrait]{aspect-ratio:1080/1350}.social-post>*{margin:0;padding:0}.social-post,.social-post h1,.social-post h2,.social-post h3,.social-post h4,.social-post h5,.social-post h6,.social-post p{color:var(--social-foreground)}.social-post h1{font-size:2.8em}.social-post h2{font-size:2.4em}.social-post h3{font-size:2em}.social-post h4{font-size:1.6em}.social-post h5,.social-post h6{font-size:1.2em}.social-post h1,.social-post h2,.social-post h3,.social-post h4,.social-post h5,.social-post h6{align-self:flex-start;display:block;margin:0;padding:0;text-align:left;white-space:nowrap}.social-post h1+p,.social-post h2+p,.social-post h3+p,.social-post h4+p,.social-post h5+p,.social-post h6+p{align-self:flex-start;text-align:left}.social-post .carret:after{color:var(--social-separator);content:"_";display:inline-block;font-family:faktum bold}.social-post blockquote,.social-post p{font-family:antikor regular;font-size:2em;line-height:1.4;text-align:center}.social-post blockquote{color:var(--social-foreground)}.social-post blockquote:before{color:var(--social-separator);font-size:6em;left:-.3em;opacity:.1;top:-.1em}.social-post cite{display:flex;flex-direction:column;margin-top:2em}.social-post cite>*{text-align:center}.social-post cite>:first-child{font-family:antikor bold}.social-post .number{align-items:center;display:flex;flex-direction:column;font-family:antikor regular;font-size:8em;line-height:1;text-align:center}.social-post .number:after{background-color:var(--social-separator);content:" ";display:block;height:.2em;margin-bottom:.2em;width:75%}.social-post .number+p{font-family:antikor bold;font-size:1.2em}.social-post[data-theme=brand]{--social-background:#fff;--social-foreground:#ff4345;--social-separator:#ff4345}.social-post[data-theme=brand-reverse]{--social-background:#ff4345;--social-foreground:#fff;--social-separator:#fff}.social-post[data-theme=light-red]{--social-background:#f4756d;--social-foreground:#fff;--social-separator:#fff}.social-post[data-theme=pale]{--social-background:#fee3e4;--social-foreground:#7f1a55;--social-separator:#f4756d}.social-post[data-theme=purple]{--social-background:#7f1a55;--social-foreground:#fff;--social-separator:#ff4345}.social-post[data-theme=dark-blue]{--social-background:#0d3a5a;--social-foreground:#fff;--social-separator:#ff4345}.social-post[data-theme=light-blue]{--social-background:#1e7695;--social-foreground:#fff;--social-separator:#2ecccb}.quiz{background-color:#0d3a5a;color:#fff;padding:7em 5em 5em}.quiz,.quiz__title{display:flex;flex-direction:column}.quiz__title{color:#2ecccb;font-family:faktum bold;font-size:2.3em;line-height:1.2;margin-bottom:.8em}.quiz__submit{display:flex;justify-content:flex-end;margin-top:2em}.quiz__submit button{background-color:#2ecccb;color:#fff;font-family:antikor bold;font-size:.95em;padding:1em 2.5em}.quiz__answer{color:#fff;margin-top:.8em;padding:0 .3em}.quiz__score{align-items:center;align-self:center;color:#2ecccb;display:flex;flex-direction:column;font-family:faktum bold}.quiz__score strong{font-size:.7em;line-height:1}.quiz__score .emoji{font-size:2.7em;margin:.3em}.quiz__score .percentage{font-size:3em}.checkbox{color:#fff;margin-bottom:.2em;padding-left:1.8em}.checkbox code{background-color:transparent;color:#2ecccb;font-family:Courier,monospace;white-space:unset}.checkbox pre{background-color:transparent!important;padding:5px}.checkbox__input{display:none}.checkbox__label{font-size:.8em;line-height:1.3;position:relative}.checkbox__label:before{background-color:#fff;content:"";cursor:pointer;height:20px;left:-35px;position:absolute;top:0;width:20px}.checkbox__input:checked+.checkbox__label:after{color:#0d3a5a;content:"\e918";font-family:icomoon;font-size:16px;left:-32px;position:absolute;top:2px}.radio{color:#fff;margin-bottom:.2em;padding-left:1.9em}.radio code{background-color:#fff;border-radius:8px;color:#0d3a5a;font-size:15px;padding:.2em}.radio pre{background-color:#fff!important;border-radius:10px;margin:0;padding:.5em;width:100%}.radio__input{display:none}.radio__label{font-size:.8em;line-height:1.3;position:relative}.radio__label:before{background-color:#fff;border-radius:50%;content:"";cursor:pointer;height:18px;left:-37px;position:absolute;top:1px;width:18px}.radio__input:checked+.radio__label:after{background:#0d3a5a;border-radius:50%;content:"";height:14px;left:-35px;position:absolute;top:3px;width:14px}.question{margin-bottom:2em}.question p{margin-bottom:1em}.question__info{background-color:#fff;color:#0d3a5a;display:flex;flex-direction:column;font-family:faktum regular;font-size:18px;margin-top:2em;padding:1em 2em}.question__info .title{color:#ef4055;font-family:faktum bold}.question__info code{border-radius:8px;font-size:15px;margin:0 0 .3em;padding:.2em}.question--answered .question__content{padding-left:20px}.question--success .question__content{border-left:4px solid #0c9}.question--error .question__content{border-left:4px solid #ef4055}a{word-wrap:break-word;border-bottom:3px solid #ff4345;color:unset;cursor:pointer;position:relative;text-decoration:none;transition:color .1s ease-in}a:active,a:focus,a:hover{color:#ff4345}a:not([href]){cursor:auto}blockquote{color:#390725;font-family:antikor regular;font-size:28px;line-height:1.4;margin:60px 0;padding:0;position:relative}blockquote:before{color:#ff4345;content:"\e911";font-family:icomoon;font-size:60px;left:-110px;line-height:1;position:absolute;top:-15px}blockquote cite{display:block;margin-top:15px}.blockquote-secondary,blockquote:nth-of-type(2n){background:#7f1a55;color:#fff;font-family:faktum regular;font-size:20px;line-height:1.6;padding:70px 70px 60px}.blockquote-secondary:before,blockquote:nth-of-type(2n):before{font-size:65px;left:40px;top:-45px}.blockquote-secondary cite,blockquote:nth-of-type(2n) cite{font-family:faktum bold;font-size:16px;font-style:normal;text-align:right}@media (max-width:1220px){blockquote{margin:100px 0;padding:40px 30px 0}blockquote:before{font-size:45px;left:0;top:-45px}blockquote:nth-of-type(2n){margin:100px 0 60px;padding:60px 30px 30px}blockquote:nth-of-type(2n):before{font-size:60px;left:30px;top:-40px}}@media (max-width:760px){blockquote{font-size:20px;line-height:1.8}blockquote:nth-of-type(2n){line-height:1.6}}code,code[class*=language-],code [class*=language-],pre,pre[class*=language-],pre [class*=language-]{word-wrap:normal;background:#fee3e4;color:#7f1a55;font-family:antikor medium,monospace;font-size:18px;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;overflow-x:auto;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}.code-multiline{font-size:18px;margin:30px 0!important;padding:20px 30px!important}.code-inline{background:#fee3e4;border-radius:5px;font-family:antikor medium,monospace;padding:2px 4px;white-space:pre-wrap}.code-inline,.token.cdata,.token.class-name,.token.delimiter,.token.doctype,.token.function,.token.function-name,.token.inserted,.token.operator,.token.prolog,.token.property,.token.punctuation,.token.selector{color:#7f1a55}.token.atrule,.token.attr-name,.token.builtin,.token.constant,.token.deleted,.token.important,.token.keyword,.token.namespace,.token.symbol,.token.tag,.token.variable{color:#f4756d}.token.attr-value,.token.boolean,.token.char,.token.entity,.token.number,.token.regex,.token.string,.token.url{color:#1e7695}.token.block-comment,.token.block-comment *,.token.comment,.token.comment *{color:#616161!important}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}figure{margin-bottom:50px}figure img{display:block;margin:0 auto 20px;max-width:100%}figcaption{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:600px}figcaption a{border:none;color:#7f1a55}figcaption a:active,figcaption a:focus,figcaption a:hover{color:#7f1a55}.figure__credits{padding-left:30px;position:relative}.figure__credits:before{background-color:#390725;content:"";height:1px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:12px}.fb_iframe_widget,.instagram-media-rendered,.twitter-tweet-rendered{display:flex!important;justify-content:center!important;margin:50px auto!important;text-align:center!important}.fb_iframe_widget iframe,.twitter-tweet-rendered iframe{margin:0!important}.responsive-video{height:0;margin:50px auto!important;padding-bottom:calc(var(--aspect-ratio, .5625)*100%);position:relative}.responsive-video iframe{height:100%!important;left:0;margin:0!important;position:absolute;top:0;width:100%!important}@media (max-width:760px){.fb_iframe_widget>span,.fb_iframe_widget iframe,.twitter-tweet-rendered>span,.twitter-tweet-rendered iframe{max-width:100%!important;width:100%!important}.instagram-media-rendered{min-width:unset!important}}img,video{display:block;margin:35px auto;max-width:100%}kbd{background-color:#fee3e4;border:1px solid rgba(127,26,85,.2);border-radius:5px;box-shadow:0 1px 1px rgba(254,227,228,.2),inset 0 2px 0 0 rgba(254,227,228,.7);color:#7f1a55;font-size:18px;font-weight:700;line-height:1.5;padding:2px 4px;white-space:nowrap}ul{list-style:none;margin:0 0 25px;padding-left:35px}ul li{margin:0 0 5px;position:relative}ul li:after,ul li:before{border-radius:50px;content:"";position:absolute}ul li:before{background:transparent;border:1px solid #fee3e4;height:16px;left:-35px;top:7px;width:16px}ul li:after{background:#ff4345;height:6px;left:-29px;top:13px;width:6px}@media (max-width:1280px){.page-contact{align-items:center;display:flex;flex-direction:column}}.page-home .h2--dash{margin-top:0}.page-home .section{display:flex;margin:0 0 100px}.page-home .section__content{align-items:flex-start;color:#390725;display:flex;flex-direction:column;font-size:20px;line-height:32px;margin-left:110px;margin-right:40px}.page-home .section__content .btn{margin-top:40px}.page-home .section__image{min-width:600px;position:relative}.page-home .section__image:before{background:#ff4345;bottom:40px;content:"";height:100px;position:absolute;right:-20px;width:300px}.page-home .section__image img{margin:0;width:100%}.page-home .section__image .icon{bottom:-25px;color:#fee3e4;font-size:120px;position:absolute;right:40px}.page-home .section__links{display:flex;flex-wrap:wrap;min-width:600px;position:relative}.page-home .section__links .animated-block{margin:15px;width:calc(50% - 30px)}.page-home .section--reverse .section__content{margin-left:40px;margin-right:110px}.page-home .section--reverse .section__image:before{left:-20px;right:unset}.page-home .section--reverse .section__image .icon{left:40px;right:unset}@media (max-width:1220px){.page-home .section--reverse,.page-home .section__content{margin-left:40px;margin-right:80px}.page-home .section__image,.page-home .section__links{min-width:450px}.page-home .section__links{flex-direction:column;flex-wrap:nowrap}.page-home .section__links .animated-block{margin:5px 0;width:100%}}@media (max-width:995px){.page-home .section{flex-direction:column-reverse;margin:0 0 60px}.page-home .section__image{margin:0 0 40px;min-width:unset;width:100%}.page-home .section__image:before{bottom:30px;height:70px;width:170px}.page-home .section__image .icon{font-size:95px;right:10px}.page-home .section__content{font-size:16px;line-height:1.5;margin:20px 0 0}.page-home .section__content .btn{justify-content:center;margin:20px auto 0;max-width:400px;width:100%}.page-home .section__links{margin-top:15px;min-width:unset}.page-home .section--mobile-reverse,.page-home .section--reverse{flex-direction:column}.page-home .section--mobile-reverse .section__content,.page-home .section--reverse .section__content{margin:20px 0 0}}@media (max-width:760px){.page-home .section__content .btn{max-width:unset;width:100%}}.page-methodology{-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:repeat(12,1fr)}.page-methodology .h2--dash,.page-methodology .h2--ordered{grid-column:2/13}.page-methodology .offset-content{grid-column:3/12}.page-methodology .banner-planning{grid-column:1/13;margin:60px 0 0;position:relative}.page-methodology .banner-planning:after{background:#fee3e4;bottom:70px;content:"";height:190px;position:absolute;right:0;width:500px;z-index:-1}.page-methodology .banner-planning picture img{margin:0}.page-methodology .banner-steps{grid-column:1/13;margin:80px 0 480px;position:relative}.page-methodology .banner-steps picture{bottom:-400px;left:0;position:absolute;z-index:-1}.page-methodology .banner-steps picture img{margin:0}.page-methodology .run{align-items:flex-start;display:flex;grid-column:2/12;margin:40px 0;padding:0;position:relative}.page-methodology .run:after,.page-methodology .run:before{content:"";position:absolute;width:290px}.page-methodology .run:before{background:#fee3e4;height:480px;left:-310px;top:95px}.page-methodology .run:after{background:linear-gradient(180deg,#fee3e4 380px,#fff 0,#fff 420px,#fee3e4 421px);height:660px;right:-310px;top:0}.page-methodology .run__item{background:#0d3a5a;color:#fff;margin:0 20px;min-height:485px;padding:40px 30px;width:calc(33.33% - 20px)}.page-methodology .run__item:after,.page-methodology .run__item:before{display:none}.page-methodology .run__item:first-of-type{margin-left:0}.page-methodology .run__item:nth-of-type(2){margin-top:50px}.page-methodology .run__item:nth-of-type(3){margin-right:0;margin-top:120px}.page-methodology .run__item h4{color:#2ecccb;font-family:antikor bold;font-size:18px;line-height:1.7;margin:0 0 30px}.page-methodology .prioritization{grid-column:2/9}.page-methodology .prioritization p{margin:0 0 50px}.page-methodology .estimate{align-items:center;display:flex;grid-column:1/12;margin:30px 0}.page-methodology .estimate picture{margin-right:40px;min-width:400px}.page-methodology .estimate picture img{margin:0}.page-methodology .estimate p{margin-bottom:30px}.page-methodology .tools{align-items:center;display:flex;grid-column:2/13;margin:60px 0}.page-methodology .tools__image{margin-left:40px;min-width:620px;position:relative}.page-methodology .tools__image:before{background:#fee3e4;content:"";height:60px;position:absolute;right:40px;top:-40px;width:290px;z-index:-1}.page-methodology .tools__image img{margin:0}.page-methodology .list-inline{grid-column:3/12}.page-methodology .our-commitments{grid-column:1/7;margin-top:100px}.page-methodology .your-commitments{grid-column:7/13;margin-top:180px}@media (max-width:1220px){.page-methodology{-moz-column-gap:unset;column-gap:unset}.page-methodology .h2--dash,.page-methodology .h2--ordered,.page-methodology .offset-content{grid-column:1/13}.page-methodology .banner-planning{margin:40px 0}.page-methodology .banner-planning img{width:100%}.page-methodology .banner-planning:after{display:none}.page-methodology .run{flex-direction:column;grid-column:1/13}.page-methodology .run:after,.page-methodology .run:before{display:none}.page-methodology .run__item{margin:0 0 10px!important;min-height:unset;width:100%}.page-methodology .prioritization{grid-column:1/13}.page-methodology .estimate{flex-direction:column;grid-column:1/13;margin-bottom:0}.page-methodology .estimate picture{margin:0 0 40px;width:100%}.page-methodology .estimate picture img{width:100%}.page-methodology .tools{align-items:flex-start;flex-direction:column;grid-column:1/13}.page-methodology .tools__image{display:none}.page-methodology .list-inline{grid-column:1/13}.page-methodology .list-inline__item img{margin:0 0 20px}.page-methodology .our-commitments,.page-methodology .your-commitments{grid-column:1/13;margin-top:0}.page-methodology .our-commitments .check-block{margin-bottom:20px}.page-methodology .your-commitments .check-block{margin-bottom:40px}}@media (max-width:995px){.page-methodology .banner-steps{margin:40px 0}.page-methodology .banner-steps picture{position:static;width:100%}.page-methodology .banner-steps picture img{width:100%}.page-methodology .brick-development{margin:0}}.page-projects .banner__content .highlight .icon{color:#fee3e4;font-size:110px}.page-projects .article-list{margin:0 auto;max-width:1060px}@media (max-width:760px){.page-projects .banner__content .highlight .icon{font-size:65px}}.page-project .banner-case-study{padding-bottom:320px}.page-project__detail{margin-bottom:50px}.page-project__content{margin-left:auto;max-width:calc(100% - 200px)}.page-project__content h2:first-of-type{margin-top:0;padding-top:0}.page-project__content p{margin:0 0 30px}.page-project__content figure{margin-left:-200px;width:calc(100% + 200px)}.page-projet__footer{background:#0d3a5a;border:none;color:#2ecccb;display:flex;flex-direction:column;font-family:antikor regular;font-size:18px;height:250px;justify-content:center;margin:50px 0 100px;padding:0 110px 20px;position:relative;transition:background .2s ease-in;width:100%}.page-projet__footer:active,.page-projet__footer:focus,.page-projet__footer:hover{background:#0c3451;color:#2ecccb}.page-projet__footer .title{color:#fff;font-family:faktum bold;font-size:46px}.page-projet__footer .icon{bottom:-35px;font-size:125px;position:absolute}.page-projet__footer .icon--bracket-left{color:#1e7695;right:500px}.page-projet__footer .icon--chevrons-right{color:#2ecccb;right:40px}@media (max-width:1280px){.page-project .banner-case-study{padding-bottom:40px}}@media (max-width:1220px){.page-project__content{margin:0;max-width:unset}.page-project__content figure{margin-left:0;width:100%}}@media (max-width:995px){.page-projet__footer{height:200px;padding:0 30px 20px}.page-projet__footer .title{font-size:32px}.page-projet__footer .icon{bottom:-20px;font-size:64px}.page-projet__footer .icon--chevrons-right{right:10px}.page-projet__footer .icon--bracket-left{right:200px}}.page-services{display:grid;grid-template-columns:repeat(12,1fr)}.page-services h2{grid-column:2/13}.page-services .offset-content{grid-column:3/12}.page-services .section{margin:0 0 70px}.page-services .section p{margin:0 0 30px}.page-services .list-inline__item img{width:60px}.page-services .banner-engineering,.page-services .banner-support,.page-services .banner-tech-support{grid-column:1/13}.page-services .banner-engineering{display:flex;justify-content:flex-end;margin:40px 0 180px;position:relative}.page-services .banner-engineering img{margin:0}.page-services .banner-engineering blockquote{bottom:-120px;font-family:antikor regular;font-size:28px;left:0;line-height:1.7;margin:0;position:absolute;width:840px}.page-services .banner-support{margin:40px 0 130px;position:relative}.page-services .banner-support:after,.page-services .banner-support:before{position:absolute}.page-services .banner-support:before{background-color:#ff4345;bottom:35px;content:"";height:110px;left:-35px;width:280px}.page-services .banner-support:after{bottom:-50px;color:#fee3e4;content:"\e90c";font-family:icomoon;font-size:130px;left:35px;line-height:1;position:absolute}.page-services .banner-support img{margin:0}.page-services .banner-tech-support{display:inline-flex;margin:40px 0 60px;position:relative}.page-services .banner-tech-support:after,.page-services .banner-tech-support:before{position:absolute}.page-services .banner-tech-support:before{background-color:#ff4345;bottom:100px;content:"";height:110px;right:-35px;width:280px}.page-services .banner-tech-support:after{bottom:30px;color:#fee3e4;content:"\e914";font-family:icomoon;font-size:140px;line-height:1;position:absolute;right:35px}.page-services .banner-tech-support img{margin:0}.page-services .architecture{display:flex;grid-column:1/11;margin:100px 0 80px}.page-services .architecture img{margin:0 40px 0 0}.page-services .architecture h3{margin-top:60px}.page-services .tests{align-items:flex-start;display:flex;grid-column:2/13;margin:0 0 80px}.page-services .tests img{margin:0 0 0 40px}.page-services .tests h3{margin-top:0}.page-services .tests .offset{margin-bottom:110px;margin-left:110px}.page-services .audit{display:flex;grid-column:1/12;margin:0 0 40px}.page-services .audit img{margin:0 40px 0 0}.page-services .audit h3{margin-top:0}.page-services .review{grid-column:2/8;margin:0 0 100px}.page-services .bricks{grid-column:1/13}@media (max-width:1220px){.page-services .architecture,.page-services .audit,.page-services .offset-content,.page-services .review,.page-services .tests,.page-services h2{grid-column:1/13}.page-services .architecture h3,.page-services .audit h3,.page-services .review h3,.page-services .tests h3{margin-top:40px}.page-services .architecture img,.page-services .audit img,.page-services .review img,.page-services .tests img{margin:0;width:100%}.page-services .architecture img,.page-services .audit img,.page-services .tests img{margin:0 auto;max-width:350px}.page-services .architecture,.page-services .audit{flex-direction:column;margin:40px 0 0}.page-services .tests{flex-direction:column-reverse;margin:40px 0 0}.page-services .tests .offset{margin:0}.page-services .review{margin:10px 0 0}.page-services .offset-content .section{margin:0 0 40px}.page-services .banner-engineering{margin:0 0 150px}.page-services .banner-engineering blockquote{bottom:unset;font-size:16px;left:unset;padding:40px 30px 30px;right:0;top:calc(100% - 20px);width:calc(100% - 30px)}.page-services .banner-support:after,.page-services .banner-support:before,.page-services .banner-tech-support:after,.page-services .banner-tech-support:before{display:none}}@media (max-width:995px){.page-services .btn{justify-content:center;width:100%}}@media (max-width:760px){.page-services .banner-support{margin:0 0 60px}}.page-technology{padding:0 110px}.page-technology .article-list{margin-top:50px}.page-technology .article-list .miniature-inline{max-width:930px}.page-technology .bricks{margin-top:40px}@media (max-width:1220px){.page-technology{padding:0}.page-technology .article-list .miniature-inline{margin-left:0}}.page-values{display:grid;grid-template-columns:repeat(12,1fr)}.page-values h2{grid-column:2/13}.page-values .offset-content{grid-column:3/12}.page-values blockquote{grid-column:1/12}.page-values .generosity p,.page-values .humility p{margin:0 0 30px}.page-values .manifest{grid-column:1/13;margin:70px 0 20px}.page-values .value-item{align-items:flex-start;display:flex;grid-column:1/12;margin-top:90px}.page-values .value-item__image{margin:0 60px 0 0;min-width:390px;width:390px}.page-values .value-item__content h3{margin-top:0}.page-values .value-item__content ul{margin:0}.page-values .value-item__content ul li{margin:0 0 30px}.page-values .value-item__content ul li:last-of-type{margin:0}.page-values .value-item__content .btn{margin-top:20px}@media (max-width:1220px){.page-values .offset-content,.page-values h2{grid-column:1/13}.page-values .list-inline__item{margin:0 0 20px}.page-values .value-item,.page-values blockquote{grid-column:1/13}.page-values .value-item__image{margin-right:40px;min-width:280px;width:280px}}@media (max-width:995px){.page-values .manifest{margin:20px 0}}@media (max-width:760px){.page-values .value-item{flex-direction:column-reverse;margin-top:40px}.page-values .value-item__image{margin-top:40px;min-width:unset;width:100%}}.page-signature{align-items:center;display:flex;padding:0 110px}.page-signature__preview{flex:1;min-width:350px}.page-signature__preview *{all:revert}.page-signature__tutorial textarea{background-color:#f4756d;border:none;border-radius:10px;color:#fff;font-family:monospace;font-size:12px;height:200px;padding:10px;width:100%}.page-signature__tutorial textarea:focus{outline:none}.page-signature__tutorial textarea::-moz-selection{background:hsla(0,0%,100%,.2);color:#fff}.page-signature__tutorial textarea::selection{background:hsla(0,0%,100%,.2);color:#fff}.page-jobs{display:grid;grid-template-columns:repeat(12,1fr)}.page-jobs .banner{grid-column:1/13;margin-bottom:50px}.page-jobs h2,.page-jobs h3{grid-column:2/13}.page-jobs p{margin:0 0 30px}.page-jobs .article-list,.page-jobs .offset-content{grid-column:2/12}.page-jobs .call-to-action{grid-column:1/13;margin:60px 0 30px}.page-jobs .values{grid-column:2/12}.page-jobs .bricks{grid-column:2/13}.page-jobs .check-block{grid-column:2/13;margin-top:60px}.page-jobs .no-result{margin:0 0 40px}.page-jobs #offers{scroll-margin-top:30px}@media (max-width:1220px){.page-jobs .article-list,.page-jobs .bricks,.page-jobs .check-block,.page-jobs .offset-content,.page-jobs .values,.page-jobs h2,.page-jobs h3{grid-column:1/13}}.page-job-posting__content{padding-left:200px}@media (max-width:1220px){.page-job-posting__content{padding-left:0}}
\ No newline at end of file
+@charset "UTF-8";code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.inserted{color:green}*{box-sizing:border-box}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}body{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}a{background-color:transparent}b,strong{font-weight:700}small{font-size:80%}img{border:none}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace}button,input,optgroup,select,textarea{margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}legend{border:0;padding:0}textarea{overflow:auto}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}p{margin:unset}address{font-style:normal}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:none}html:not(.no-js) [data-aos=fade-up]{transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0);visibility:visible}html:not(.no-js) [data-aos=slide-up]{transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}html:not(.no-js) [data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}}html.no-js [data-aos]{opacity:1;pointer-events:unset;transform:none}@font-face{font-family:antikor regular;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/antikor-regular.550ecbad.woff2) format("woff2"),url(/elao_/pr/398/build/fonts/antikor-regular.a33fd49e.woff) format("woff")}@font-face{font-family:antikor medium;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/antikor-medium.7f9a9ead.woff2) format("woff2"),url(/elao_/pr/398/build/fonts/antikor-medium.10ecc354.woff) format("woff")}@font-face{font-family:antikor bold;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/antikor-bold.7a339861.woff2) format("woff2"),url(/elao_/pr/398/build/fonts/antikor-bold.8cb64e99.woff) format("woff")}@font-face{font-family:faktum regular;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/faktum-regular.e9f0959b.woff2) format("woff2"),url(/elao_/pr/398/build/fonts/faktum-regular.33c898ee.woff) format("woff")}@font-face{font-family:faktum bold;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/faktum-bold.46e1f1d5.woff2) format("woff2"),url(/elao_/pr/398/build/fonts/faktum-bold.e600f258.woff) format("woff")}@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(/elao_/pr/398/build/fonts/icomoon.fd17ecc3.eot);src:url(/elao_/pr/398/build/fonts/icomoon.fd17ecc3.eot) format("embedded-opentype"),url(/elao_/pr/398/build/fonts/icomoon.5d8e1f71.ttf) format("truetype"),url(/elao_/pr/398/build/fonts/icomoon.62fd5d3f.woff) format("woff"),url(/elao_/pr/398/build/images/icomoon.02013259.svg) format("svg")}.icon{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon--arrow:before{content:""}.icon--bracket-left:before{content:""}.icon--bracket-right:before{content:""}.icon--brackets-left:before{content:""}.icon--brackets-right:before{content:""}.icon--bill:before{content:""}.icon--bulb:before{content:""}.icon--chart:before{content:""}.icon--check:before{content:""}.icon--chevron-left:before{content:""}.icon--chevron-right:before{content:""}.icon--chevrons-left:before{content:""}.icon--chevrons-right:before{content:""}.icon--code:before{content:""}.icon--cog:before{content:""}.icon--connections:before{content:""}.icon--contact:before{content:""}.icon--close:before{content:""}.icon--danger:before{content:""}.icon--document:before{content:""}.icon--diploma:before{content:""}.icon--enlarge:before{content:""}.icon--github:before{content:""}.icon--hamburger:before{content:""}.icon--info:before{content:""}.icon--instagram:before{content:""}.icon--linkedin:before{content:""}.icon--location:before{content:""}.icon--megaphone:before{content:""}.icon--mockup:before{content:""}.icon--note:before{content:""}.icon--pen:before{content:""}.icon--pen-ruler:before{content:""}.icon--person-cog:before{content:""}.icon--phone:before{content:""}.icon--quote:before{content:""}.icon--semicolon:before{content:""}.icon--square-bracket-left:before{content:""}.icon--square-bracket-right:before{content:""}.icon--square-brackets-left:before{content:""}.icon--square-brackets-right:before{content:""}.icon--success:before{content:""}.icon--time:before{content:""}.icon--twitter:before{content:""}.icon--website:before{content:""}.icon--write:before{content:""}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;font-family:faktum regular;font-size:20px;line-height:1.6;overflow-x:hidden}::-moz-selection{background-color:#ff4345;color:#fee3e4}::selection{background-color:#ff4345;color:#fee3e4}.container{margin:0 auto;max-width:1280px;padding:0 20px;width:100%}.container--narrow{padding:0 110px}@media (max-width:1220px){.container--narrow{padding:0}}.screen-reader{height:1px;left:-10000px;position:absolute;top:auto;width:1px}.no-scroll,.screen-reader{overflow:hidden}.hidden{opacity:0;visibility:hidden}.header{background:#fff;height:120px}.header,.header .container{align-items:center;display:flex}.header .container{justify-content:space-between}.header a{border:none}@media (max-width:995px){.header{height:60px;margin:10px 0 30px}}.logo{width:95px}.logo path,.logo rect{fill:#ff4345}.logo--animated path:first-child{-webkit-animation:fade 0 both;animation:fade 0 both;-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:0}.logo--animated path:nth-child(2){-webkit-animation:fade 0 both;animation:fade 0 both;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:0}.logo--animated path:nth-child(3){-webkit-animation:fade 0 both;animation:fade 0 both;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:0}.logo--animated path:nth-child(4){-webkit-animation:fade 0 both;animation:fade 0 both;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:0}.logo--animated rect{-webkit-animation:type .4s ease-in both;animation:type .4s ease-in both;transform:translateX(-240px)}@media (max-width:995px){.logo{width:75px}}@-webkit-keyframes fade{0%{opacity:0}60%{opacity:0}to{opacity:1}}@keyframe fade{0%,60%{opacity:0}to{opacity:1}}@-webkit-keyframes type{0%{transform:translateX(-240px)}20%{transform:translateX(-240px)}40%{transform:translateX(-191px)}60%{transform:translateX(-137px)}80%{transform:translateX(-63px)}to{transform:translateX(0)}}@keyframe type{0%,20%{transform:translateX(-240px)}40%{transform:translateX(-191px)}60%{transform:translateX(-137px)}80%{transform:translateX(-63px)}to{transform:translateX(0)}}.nav{align-items:flex-end;display:flex}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav__item{margin:0 20px}.nav__item:after,.nav__item:before{display:none}.nav__item:last-of-type{margin-right:0}.nav__item:last-of-type a{font-family:antikor bold}.nav__item a{align-items:center;color:#7f1a55;display:flex;font-family:antikor medium;font-size:16px;text-decoration:none;transition:color .2s ease-in}.nav__item a .icon{font-size:19px;margin-right:15px}.nav__item a span{position:relative}.nav__item a span:after{background-color:#ff4345;bottom:1px;content:"";height:2px;opacity:0;position:absolute;right:-10px;transform:translateY(2px);transition:transform .2s ease-in,opacity .2s ease-in;width:10px}.nav__item a:active,.nav__item a:focus,.nav__item a:hover{color:#551139}.nav__item a:active span:after,.nav__item a:focus span:after,.nav__item a:hover span:after{opacity:1;transform:translateY(0)}@media (max-width:995px){.nav{display:none}}.nav-mobile{display:none}@media (max-width:995px){.nav-mobile--open{background:#ff4345;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.nav-mobile--open,.nav-mobile--open ul{display:flex;flex-direction:column;height:100%}.nav-mobile--open ul{list-style:none;margin:0 auto 45px;min-width:400px;padding:0 45px}.nav-mobile__header{align-items:center;display:flex;justify-content:space-between;margin:10px 20px 90px;min-height:60px}.nav-mobile__header .logo path,.nav-mobile__header .logo rect{fill:#fff}.nav-mobile__item{margin:15px 0}.nav-mobile__item:after,.nav-mobile__item:before{display:none}.nav-mobile__item a{color:#fff;font-family:antikor medium;text-decoration:none}.nav-mobile__item a:active,.nav-mobile__item a:focus,.nav-mobile__item a:hover{color:#fff}.nav-mobile__item a:active span:after,.nav-mobile__item a:focus span:after,.nav-mobile__item a:hover span:after{background-color:#fff}.nav-mobile__item--large{margin:35px 0 0;width:100%}.nav-mobile__item--large a{align-items:center;background:#fee3e4;color:#ff4345;display:flex;font-family:antikor bold;height:55px;justify-content:center;width:100%}.nav-mobile__item--large a .icon{font-size:20px;margin-right:20px}.nav-mobile__item--large a:active,.nav-mobile__item--large a:focus,.nav-mobile__item--large a:hover{color:#ff4345}.nav-mobile__item--large a:active span:after,.nav-mobile__item--large a:focus span:after,.nav-mobile__item--large a:hover span:after{display:none}}@media (max-width:760px){.nav-mobile--open ul{min-width:280px}}.nav-toggle{display:none}@media (max-width:995px){.nav-toggle{align-items:flex-end;background:transparent;border:none;display:flex;margin:0;padding:3px}.nav-toggle .icon{font-size:20px}.nav-toggle--open .icon{color:#ff4345}.nav-toggle--close .icon{color:#fff}}.footer{font-size:16px}.footer ul{display:flex;list-style:none;margin:0;padding:0}.footer ul li{margin:10px 0}.footer ul li:after,.footer ul li:before{display:none}.footer a{border:none;color:#390725;position:relative;text-decoration:none;transition:color .15s ease-in}.footer a:hover{color:#ff4345}.footer__links{align-items:flex-end;display:flex;margin:60px 0}.footer__links .h1{line-height:1.3;margin-bottom:10px;margin-left:0}.footer__links .links{display:flex;flex:1;justify-content:space-around;padding:0 50px}.footer__links .links ul{display:flex;flex-direction:column}.footer__links .socials{margin-right:165px}.footer__legals{border-top:3px solid #fee3e4;display:flex;justify-content:center;min-width:100%;padding:40px 0}.footer__legals a,.footer__legals span{margin:0 30px}@media (max-width:995px){.footer__links{flex-wrap:wrap;margin:60px 0 35px}.footer__links .h1{margin-bottom:35px;width:100%}.footer__links .links{justify-content:space-between;padding-left:0;padding-right:100px}}@media (max-width:760px){.footer__links{align-items:flex-start;flex-direction:column}.footer__links .h1{margin:0 0 35px}.footer__links .links{flex-direction:column;margin:0 0 35px;padding:0}.footer__legals{flex-direction:column}.footer__legals a,.footer__legals span{margin:0 0 10px}}.admonition{background:#2ecccb;color:#0d3a5a;font-family:antikor regular;font-size:18px;line-height:1.6;margin:60px 0;padding:45px 60px 30px;position:relative}.admonition:after,.admonition:before{position:absolute}.admonition:before{background:#2ecccb;border-radius:50px;content:"";height:58px;left:31px;top:-29px;width:58px}.admonition:after{color:#fff;content:"\e926";font-family:icomoon;font-size:60px;left:30px;line-height:1;position:absolute;top:-30px}.admonition p{margin:0 0 10px!important}.admonition p:last-of-type{margin:0}.admonition-title{font-family:antikor bold;font-size:20px}.admonition.success{background:#3ec789;color:#0d2c1e}.admonition.success:before{background:#3ec789}.admonition.success:after{content:"\e928"}.admonition.danger{background:#f4756d;color:#390725}.admonition.danger:before{background:#f4756d}.admonition.danger:after{content:"\e927"}.alert{display:flex;font-family:antikor bold;font-size:14px;padding:30px}.alert .icon{font-size:25px;margin-right:25px}.alert p:last-of-type{margin-bottom:0}.alert--error{background:#fee3e4;color:#ff4345}.alert--warning{background:#dbb371;color:hsla(0,0%,100%,.9)}.alert--info{background:#1e7695;color:hsla(0,0%,100%,.9)}.animated-block{background:transparent;border:4px solid #fee3e4;color:#7f1a55;display:flex;flex-direction:column;font-family:faktum bold;font-size:18px;height:170px;justify-content:space-between;padding:25px;text-decoration:none;transition:background .2s ease-in-out}.animated-block:hover{background:#fee3e4;color:#7f1a55}.animated-block:hover .animated-block__icon svg.browser .gear{transform:rotate(-90deg)}.animated-block:hover .animated-block__icon svg.browser .mask{fill:#fee3e4}.animated-block:hover .animated-block__icon svg.pen path{transform:translateX(5px)}.animated-block:hover .animated-block__icon svg.pen rect{width:5px}.animated-block:hover .animated-block__icon svg.bulb .light{opacity:1;transform:scale(1)}.animated-block:hover .animated-block__content .icon{transform:translateX(10px)}.animated-block__icon svg.browser circle,.animated-block__icon svg.browser path,.animated-block__icon svg.browser rect{fill:#7f1a55}.animated-block__icon svg.browser .gear{transform-origin:37px 23px;transition:transform .2s ease-in}.animated-block__icon svg.browser .mask{fill:#fff;transition:fill .2s ease-in-out}.animated-block__icon svg.pen path{fill:#7f1a55;transition:transform .2s ease-in}.animated-block__icon svg.pen rect{fill:#7f1a55;transform-origin:0 0;transition:width .2s ease-in;width:0}.animated-block__icon svg.bulb .light{opacity:0;transform:scale(.9);transform-origin:11px 11px;transition:transform .2s ease-in,opacity .2s ease-in}.animated-block__icon svg.bulb polygon{fill:#7f1a55}.animated-block__icon svg.bulb line,.animated-block__icon svg.bulb path{fill:none;stroke:#7f1a55}.animated-block__content .title{color:#f4756d;display:flex;font-family:antikor regular;font-size:18px;margin:0 0 5px}.animated-block__content .icon{color:#ff4345;font-size:20px;margin-left:15px;transition:transform .2s ease-in-out}.animated-block__content p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1220px){.animated-block{font-size:16px;height:135px;padding:20px 25px}.animated-block__icon svg{width:35px}.animated-block__content .title{font-size:16px}}.animated-link{border:none;color:#fff;font-family:antikor medium;padding:5px;position:relative;z-index:1}.animated-link:after,.animated-link:before{bottom:0;content:"";left:0;position:absolute;z-index:-1}.animated-link:before{height:3px;opacity:1;width:100%}.animated-link:after{background:transparent;height:100%;transition:background .6s ease-in-out,width .25s ease-in-out;width:3px}.animated-link:active,.animated-link:focus,.animated-link:hover{color:#fff}.animated-link:active:before,.animated-link:focus:before,.animated-link:hover:before{opacity:0;transition:opacity .05s ease-in-out}.animated-link:active:after,.animated-link:focus:after,.animated-link:hover:after{transition:background .01s ease-in-out,width .25s ease-in-out;transition-delay:.05s;width:100%}.animated-link--light:before{background:#2ecccb}.animated-link--light:active:after,.animated-link--light:focus:after,.animated-link--light:hover:after{background:#2ecccb}@media (max-width:760px){.animated-link{text-decoration:underline}.animated-link:after,.animated-link:before{display:none}}.article-author{align-items:center;display:flex;flex-wrap:wrap}.article-author a{border-bottom:none;text-decoration:none}.article-author__image img{border:3px solid #0d3a5a;border-radius:50%;margin:0 15px 0 0;max-width:unset;width:60px}.article-author__info{color:#fff;display:flex;flex-direction:column}.article-author__info strong{color:#2ecccb;font-family:faktum bold;margin-top:2px}.article-author__info a:hover strong{color:#fff}.article-author__info+.article-author__info{margin-left:40px}.article-author__social{display:flex;margin-left:auto}.article-author__social a{align-items:center;background:#2ecccb;border:none;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;margin:0 6px;text-decoration:none;transition:color .15s ease-in,background .15s ease-in;width:50px}.article-author__social a .icon{font-size:23px}.article-author__social a:active,.article-author__social a:focus,.article-author__social a:hover{background:#0d3a5a;color:#2ecccb}.article-author--multi{align-items:flex-start;flex-direction:column}.article-author--multi .article-author__image{height:60px;left:-45px;margin-bottom:10px;position:relative}.article-author--multi .article-author__image a:first-child{left:45px;position:absolute}.article-author--multi .article-author__image a:nth-child(2){left:90px;position:absolute}.article-author--multi .article-author__image a:nth-child(3){left:135px;position:absolute}.article-author--multi .article-author__image a:nth-child(4){left:180px;position:absolute}.article-author--multi .article-author__image a:nth-child(5){left:225px;position:absolute}.article-author--multi .article-author__info+.article-author__info{margin-left:0;margin-top:20px}@media (max-width:760px){.article-author__social{margin-top:10px;width:100%}.article-author__social .social{height:40px;width:40px}.article-author__social .social .icon{font-size:20px}}.article-banner{height:450px;margin-bottom:310px;position:relative}.article-banner__cover{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;height:100%;width:815px}@media (max-width:1220px){.article-banner{align-items:flex-end;display:flex;flex-direction:column;height:unset;margin-bottom:0}.article-banner__cover{display:none}}.article-content{color:#390725;display:flex;flex-direction:row-reverse;flex-wrap:wrap;font-family:faktum regular;font-size:20px;line-height:1.6}.article-content .alert{margin:0 0 40px}.article-content p{margin:0 0 30px}.article-content figure{margin-left:-200px;width:calc(100% + 200px)}.article-content__aside{align-items:flex-start;display:flex;justify-content:center;min-width:200px;padding-top:50px}.article-content__main{flex:1;max-width:calc(100% - 200px);padding-top:50px}.article-content__main h2:first-of-type{margin-top:0;padding-top:0}@media (max-width:1220px){.article-content figure{margin-left:0;width:100%}}@media (max-width:995px){.article-content{flex-direction:column}.article-content__aside{padding:20px 0 50px}.article-content__main{max-width:100%}}.article-credits{border-top:2px solid #7f1a55;margin:25px 0 50px;padding:25px 0}.article-credits a{border:none;color:#7f1a55}.article-credits a:active,.article-credits a:focus,.article-credits a:hover{color:#7f1a55}.article-footer{background:#0d3a5a;color:#fff;display:flex;flex-direction:column;font-size:16px;margin:40px 0 20px;padding:45px 75px}.article-footer .article-author{margin:0 0 20px}.article-footer .article-author:last-of-type{margin:0}.article-footer__item{align-items:center;display:flex;flex:1;justify-content:space-between}.article-footer__item:last-of-type{margin:0}@media (max-width:995px){.article-footer{margin:20px 0 5px;padding:25px 30px}}@media (max-width:760px){.article-footer .article-author{margin:0 0 40px}}.article-header{background:#ff4345;bottom:-260px;color:#fff;display:flex;flex-direction:column;font-family:faktum regular;font-size:20px;height:300px;justify-content:center;padding:50px 60px;position:absolute;right:0;width:900px}.article-header h1{color:#fff;font-family:antikor bold;font-size:32px;margin:0 0 20px}@media (max-width:1220px){.article-header{bottom:unset;height:unset;left:unset;order:-1;position:relative;right:unset;top:unset;width:100%}}@media (max-width:995px){.article-header{font-size:18px;line-height:1.5;padding:35px 30px 50px}.article-header h1{font-size:24px;line-height:1.4;margin-top:0}}.article-info{background:#0d3a5a;bottom:10px;color:#fff;display:flex;flex-direction:column;font-family:antikor regular;font-size:16px;max-width:390px;padding:40px 60px 20px;position:absolute;right:120px;z-index:1}.article-info .article-author{margin-bottom:30px}.article-info__date{display:flex;flex-wrap:wrap}.article-info__date span{display:flex;flex-direction:column;margin-bottom:20px;margin-right:35px}.article-info__date strong{color:#2ecccb;font-family:faktum bold;margin-top:2px}@media (max-width:1220px){.article-info{flex:1;padding:30px 30px 20px;position:relative;right:0;top:-30px}}.article-list{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;margin-left:-20px;margin-right:-20px;padding:0}.article-list .miniature-inline{margin:0 20px 80px}@media (max-width:1280px){.article-list{margin:0}}.article-tag-list{align-items:flex-end;display:flex;flex-direction:column;left:-330px;list-style:none;margin:0;padding:0;position:absolute;top:70px;width:300px}.article-tag-list__item{margin:10px 0;text-align:right}.article-tag-list__item:after,.article-tag-list__item:before{display:none}.article-tag-list__item a{border:none;color:#ff4345;font-family:antikor bold;font-size:18px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-decoration:none}.article-tag-list__item a:active,.article-tag-list__item a:focus,.article-tag-list__item a:hover{color:#ff4345}@media (max-width:1220px){.article-tag-list{bottom:0;left:0;padding-right:30px;padding-top:30px;position:absolute;top:unset;transform:translateY(100%);width:calc(100% - 390px)}}@media (max-width:760px){.article-tag-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:25px 0 10px;padding:0;position:static;transform:none;width:100%}.article-tag-list__item{border:2px solid #fff;display:inline-flex;margin:5px;padding:5px;text-align:left}.article-tag-list__item a{color:#fff}.article-tag-list__item a:active,.article-tag-list__item a:focus,.article-tag-list__item a:hover{color:#fff}}.banner{align-items:center;display:flex;margin:0 0 30px}.banner__title{line-height:1.5;margin:0 30px;position:relative;top:-20px}.banner__highlight{background:#ff4345;color:#fff;display:flex;flex-direction:column;font-family:antikor regular;font-size:24px;justify-content:center;line-height:1.6;margin-left:auto;min-height:220px;min-width:680px;padding:45px 70px 60px;position:relative;width:680px;z-index:1}.banner__highlight p{margin:0!important}@media (max-width:1220px){.banner{align-items:center;display:flex;flex-direction:column;margin:0 0 100px;padding:0}.banner__title{margin:0 0 50px;position:static}.banner__highlight{font-size:20px;margin:0;min-height:unset;min-width:unset;padding:45px 70px;width:100%}}@media (max-width:760px){.banner__title{margin:0 0 30px}.banner__highlight{font-size:18px;padding:40px 30px}}.banner-case-study{margin-top:100px;padding-bottom:70px;position:relative}.banner-case-study__title{left:0;position:absolute;top:-45px}.banner-case-study__content{display:flex;position:relative}.banner-case-study__content .info{flex:1;padding:100px 30px 40px}.banner-case-study__content .info p{color:#390725;font-family:faktum regular;font-size:20px;line-height:1.6;width:400px}.banner-case-study__content .highlight{background:#ff4345;color:#fff;display:flex;flex:1;flex-direction:column;font-family:antikor regular;font-size:24px;justify-content:center;line-height:1.6;margin-left:auto;max-width:680px;min-height:220px;padding:45px 70px 60px;position:relative}.banner-case-study__content .highlight .icon{bottom:-45px;color:#fee3e4;font-size:110px;line-height:1;position:absolute;right:10px}@media (max-width:1280px){.banner-case-study{align-items:center;display:flex;flex-direction:column;margin-top:0}.banner-case-study__title{position:static}.banner-case-study__content{align-items:flex-start;flex-direction:column}.banner-case-study__content .info{align-items:flex-start;justify-content:flex-start;margin:0 0 40px;padding:0;width:100%}.banner-case-study__content .info p{width:unset}.banner-case-study__content .highlight{margin:40px 0 0;max-width:unset;padding:25px 40px 40px;width:100%}.banner-case-study__content .highlight .icon{bottom:-35px;font-size:80px;right:35px}.banner-case-study__content .info+.highlight{margin:0}}@media (max-width:1220px){.banner-case-study{margin-top:0}}@media (max-width:760px){.banner-case-study__content .highlight{font-size:18px;padding:25px 40px}.banner-case-study__content .highlight .icon{display:none}}.banner-error{margin-top:100px;padding-bottom:70px;position:relative}.banner-error__title{left:0;position:absolute;top:-45px}.banner-error__content{display:flex;position:relative}.banner-error__content .info{align-self:center;flex:1;min-width:400px;padding:0 40px 0 110px}.banner-error__content .info p{color:#390725;font-family:faktum regular;font-size:20px;line-height:1.6;margin:0 0 10px}.banner-error__content img{margin:0}.banner-error__action{margin-top:-40px;padding-left:110px}.banner-error__action .btn{margin-right:60px}.banner-error__action .btn:last-of-type{margin:0}@media (max-width:1280px){.banner-error{align-items:center;display:flex;flex-direction:column}.banner-error__title{position:static}.banner-error__content{text-align:center;width:100%}.banner-error__content .info{margin:0 0 40px;min-width:unset;padding:0}.banner-error__content img{display:none}.banner-error__action{margin:0;padding:0}}@media (max-width:1220px){.banner-error{margin-top:0}}@media (max-width:995px){.banner-error__action{display:flex;flex-direction:column}.banner-error__action .btn{justify-content:center;margin:0 0 30px}}.banner-home{margin-bottom:400px;margin-top:20px;padding-bottom:0;position:relative}.banner-home__title{align-items:flex-start;color:#ff4345;display:flex;flex-direction:column;font-family:faktum bold;font-size:58px;line-height:1.3;margin:0 0 65px 110px}.banner-home__title span{color:#7f1a55}.banner-home__title span:last-of-type:after{color:#ff4345;content:"_"}.banner-home__content{align-items:center;background:#ff4345;display:flex;height:310px;padding:0 110px;width:950px}.banner-home__content h1{color:#fff;font-family:antikor regular;font-size:32px!important;font-weight:400;margin:0;width:510px}.banner-home__image{align-items:flex-start;display:flex;flex-direction:column;position:absolute;right:0;top:0}.banner-home__image figure{display:flex;margin:0 0 22px;position:relative;width:100%}.banner-home__image figure .image{background-position:50%!important;background-size:cover!important;height:335px;width:510px}.banner-home__image figure figcaption{background:#fee3e4;bottom:20px;color:#ff4345;display:flex;font-family:faktum regular;font-size:18px;justify-content:flex-start;left:22px;max-height:150px;max-width:240px;min-height:120px;min-width:220px;padding:20px 25px;position:absolute}.banner-home__image figure figcaption span{color:#7f1a55;font-family:antikor bold;margin:0 0 5px}.banner-home__list{bottom:-220px;display:flex;left:200px;list-style:none;margin:0;padding:0;position:absolute}.banner-home__list li:after,.banner-home__list li:before{display:none}.banner-home__list .item{background:#fee3e4;border:none;color:#ff4345;display:flex;flex-direction:column;font-family:faktum regular;font-size:20px;height:260px;margin:0 20px;padding:40px 30px 25px;text-decoration:none;width:290px}.banner-home__list .item .number{color:#7f1a55;font-family:antikor medium;font-size:76px;line-height:1.2;margin:0 0 10px}.banner-home__list .item small{font-size:16px;line-height:2}.banner-home__list .item .item__link{align-items:center;color:#7f1a55;display:flex;font-family:antikor bold;font-size:18px;margin-left:auto;margin-top:auto;padding-right:0}.banner-home__list .item .item__link .icon{color:#ff4345;font-size:23px;margin-left:12px}@media (max-width:1280px){.banner-home{display:flex;flex-direction:column;margin-bottom:30px}.banner-home__title{align-self:center;margin-left:0;order:1}.banner-home__content{align-self:center;height:230px;justify-content:center;min-width:250px;order:2;padding:0 70px;width:85%}.banner-home__content h1{font-size:24px!important;width:unset}.banner-home__image{align-items:center;order:4;position:relative;top:unset;width:100%}.banner-home__image figure{margin:0}.banner-home__image figure .image{height:500px;width:100%}.banner-home__image figure figcaption{bottom:102px;left:unset;right:20px;transform:none;width:325px}.banner-home__image .btn{bottom:20px;position:absolute;right:20px;z-index:1}.banner-home__list{justify-content:center;left:0;order:3;position:relative;top:-20px;width:100%}.banner-home__list .item{font-size:20px;margin:0 15px;padding:40px;width:300px}.banner-home__list .item .item__link{margin-left:0}}@media (max-width:995px){.banner-home__image figure .image{height:400px;margin:0}.banner-home__content{align-self:flex-end}.banner-home__list{flex-direction:column}.banner-home__list .item{height:unset;margin:5px 0;min-width:250px;padding:30px 60px;width:80%}.banner-home__list .item .number{font-size:50px}}@media (max-width:760px){.banner-home{margin-top:0}.banner-home__content{height:unset;padding:20px 20px 40px;width:100%}.banner-home__content h1{font-size:18px!important}.banner-home__title{font-size:35px!important;margin-bottom:40px}.banner-home__image figure{margin:0 0 90px}.banner-home__image figure figcaption{bottom:-80px;left:50%;right:unset;transform:translateX(-50%);width:280px}.banner-home__image .btn{position:static;width:280px}.banner-home__list .item{font-size:16px;height:120px;margin:0 0 0 auto;padding:15px 20px;width:calc(100% - 50px)}.banner-home__list .item small{font-size:14px}.banner-home__list .item .number{font-size:32px;margin:0}.banner-home__list .item .item__link{font-size:14px}}.banner-methodology{display:flex;flex-direction:column}.banner-methodology__title{margin-bottom:60px}.banner-methodology__content{display:flex;padding:0 110px;position:relative}.banner-methodology__content .info{padding-right:40px}.banner-methodology__content .info p:not(:last-of-type){margin-bottom:30px}.banner-methodology__content img{margin:0;min-width:500px;position:relative;top:-130px}@media (max-width:1280px){.banner-methodology__content{padding:0 40px 0 0}.banner-methodology__content img{min-width:350px}}@media (max-width:995px){.banner-methodology{align-items:center}.banner-methodology__title{margin-bottom:40px}.banner-methodology__content,.banner-methodology__content .info{padding:0}.banner-methodology__content img{display:none}}.banner-services{position:relative}.banner-services__title{margin-bottom:60px}.banner-services__content .image{background-image:url(/elao_/pr/398/build/images/services-banner.047196e4.jpg);background-image:-webkit-image-set(url(/elao_/pr/398/build/images/services-banner.047196e4.jpg) 1x,url(/elao_/pr/398/build/images/services-banner@2x.8e6cab0b.jpg) 2x);background-image:image-set(url(/elao_/pr/398/build/images/services-banner.047196e4.jpg) 1x,url(/elao_/pr/398/build/images/services-banner@2x.8e6cab0b.jpg) 2x);background-repeat:no-repeat;background-size:cover;height:400px;margin:0;max-width:100%;width:1000px}.banner-services__content .highlight{align-items:center;background:#ff4345;color:#fff;display:flex;font-family:antikor regular;font-size:24px;height:210px;justify-content:center;line-height:1.6;padding:40px;position:absolute;right:0;top:0;width:620px;z-index:-1}.banner-services__content .highlight .icon{bottom:-45px;color:#fee3e4;font-size:110px;line-height:1;position:absolute;right:60px}@media (max-width:1280px){.banner-services{align-items:center;display:flex;flex-direction:column;margin-bottom:160px}.banner-services__title{margin-bottom:40px;position:static}.banner-services__content{display:flex;flex-direction:column-reverse;width:100%}.banner-services__content .image{height:200px;position:absolute;top:calc(100% - 40px);width:calc(100% - 90px)}.banner-services__content .highlight{align-self:flex-end;padding:0 30px;position:static;width:calc(100% - 30px)}.banner-services__content .highlight .icon{display:none}}@media (max-width:995px){.banner-services__title{max-width:250px}.banner-services__content .image{top:calc(100% - 25px)}.banner-services__content .highlight{font-size:18px}}.banner-team__content{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;position:relative}.banner-team__content .recruitment{align-items:center;background:#fee3e4;border:none;display:flex;height:160px;padding:0 55px;position:absolute;right:70px;top:-125px;width:550px}.banner-team__content .recruitment img{margin:0 60px 0 0}.banner-team__content .recruitment .icon{bottom:-45px;line-height:1;position:absolute}.banner-team__content .recruitment .icon--square-bracket-right{color:#7f1a55;font-size:92px;right:80px}.banner-team__content .recruitment .icon--semicolon{color:#f4756d;font-size:80px;right:10px}.banner-team__content .recruitment__content{color:#f4756d;font-family:antikor medium;font-size:16px}.banner-team__content .recruitment__content .title{color:#0d3a5a;display:block;font-family:faktum bold;font-size:26px}@media (max-width:1220px){.banner-team{padding-bottom:100px}.banner-team__title{display:flex;justify-content:center;margin-left:0}.banner-team__content .recruitment{bottom:-100px;right:0;top:unset}}@media (max-width:760px){.banner-team{padding-bottom:80px}.banner-team__content .recruitment{bottom:-80px;height:100px;padding:0 25px;right:0;top:unset;width:260px}.banner-team__content .recruitment img{margin-right:30px;width:40px}.banner-team__content .recruitment .icon{display:none}.banner-team__content .recruitment__content .title{font-size:16px}}.banner-technology{align-items:center;display:flex;margin:0 0 100px;padding:0 110px}.banner-technology__title{display:inline-block;margin:0 auto 0 0}.banner-technology__image{background:#ff4345;height:150px;margin:0 110px 0 70px;min-width:300px;position:relative}.banner-technology__image .logo{background:#fee3e4;bottom:-40px;margin:0;padding:25px;position:absolute;right:-110px;width:150px}@media (max-width:1220px){.banner-technology{align-items:center;flex-direction:column;margin:0 0 50px;padding:0}.banner-technology__title{margin:0 40px 40px;max-width:510px}.banner-technology__image{display:none}}.banner-values{margin-bottom:135px;position:relative}.banner-values__title{margin-bottom:60px}.banner-values__content .image{background-image:url(/elao_/pr/398/build/images/values-banner.f3cf5782.jpg);background-image:-webkit-image-set(url(/elao_/pr/398/build/images/values-banner.f3cf5782.jpg) 1x,url(/elao_/pr/398/build/images/values-banner@2x.d8cdf7e2.jpg) 2x);background-image:image-set(url(/elao_/pr/398/build/images/values-banner.f3cf5782.jpg) 1x,url(/elao_/pr/398/build/images/values-banner@2x.d8cdf7e2.jpg) 2x);background-repeat:no-repeat;background-size:cover;height:400px;margin:0;max-width:100%;width:1170px}.banner-values__content .highlight{background:#ff4345;bottom:-90px;height:210px;position:absolute;right:0;width:620px}.banner-values__content .highlight .icon{bottom:-45px;color:#fee3e4;font-size:125px;line-height:1;position:absolute;right:75px}@media (max-width:1220px){.banner-values{align-items:center;display:flex;flex-direction:column;margin-bottom:0}.banner-values__title{margin-bottom:20px;position:static}.banner-values__content{width:100%}.banner-values__content .highlight{display:none}.banner-values__content .image{height:230px;width:100%}}.breadcrumb{display:flex;list-style:none;margin:30px 0 50px;padding:0}.breadcrumb__item{font-family:antikor bold;font-size:16px;padding-right:20px;position:relative}.breadcrumb__item:before{display:none}.breadcrumb__item:after{background:transparent;border:none;color:#ff4345;content:"/";height:unset;left:unset;position:absolute;right:5px;top:1px;width:unset}.breadcrumb__item:last-of-type{max-width:100%;overflow:hidden;padding-right:0;text-overflow:ellipsis;white-space:nowrap}.breadcrumb__item:last-of-type:after{display:none}.breadcrumb__item a{border:none;color:#390725;text-decoration:none;transition:color .1s ease-in}.breadcrumb__item a:active,.breadcrumb__item a:focus,.breadcrumb__item a:hover{color:#ff4345}@media (max-width:995px){.breadcrumb{display:none;margin:30px 0}}.bricks{display:flex;flex-wrap:wrap;margin-left:-20px;margin-right:-20px}.brick,.brick-comment,.brick-conception,.brick-contact,.brick-contribute,.brick-send-message,.brick-team,.brick-visit{border:none;color:#fff;display:flex;flex-direction:column;font-family:antikor regular;font-size:20px;margin:20px;min-width:calc(50% - 40px);padding:60px 100px;width:calc(50% - 40px)}.brick--large,.brick-comment,.brick-conception,.brick-contribute,.brick-send-message,.brick-team{min-width:calc(100% - 40px);padding:100px;width:calc(100% - 40px)}@media (max-width:995px){.bricks{margin-left:-10px;margin-right:-10px}.brick,.brick-comment,.brick-conception,.brick-contact,.brick-contribute,.brick-send-message,.brick-team,.brick-visit{font-size:16px;margin:10px;min-width:calc(50% - 20px);padding:25px!important;width:calc(50% - 20px)}.brick--large,.brick-comment,.brick-conception,.brick-contribute,.brick-send-message,.brick-team{min-width:calc(100% - 20px);width:calc(100% - 20px)}}@media (max-width:760px){.bricks{flex-direction:column;flex-wrap:nowrap;margin:0}.brick,.brick-comment,.brick-conception,.brick-contact,.brick-contribute,.brick-send-message,.brick-team,.brick-visit{margin:5px 0;width:100%!important}}.brick-comment{background:#0d3a5a;color:#fff}.brick-comment .title{color:#2ecccb;font-family:faktum bold;font-size:46px;margin:40px 0}.brick-comment .tweet-container{margin-top:40px}@media (max-width:380px){.brick-comment .title{font-size:27px;margin:0 0 20px}.brick-comment .tweet-container{display:none}}.brick-conception{background:#0d3a5a;color:#2ecccb;min-height:190px}.brick-conception .title{color:#fff;font-family:faktum bold;font-size:46px;margin:40px 0}@media (max-width:995px){.brick-conception .title{font-size:20px;line-height:26px;margin:20px 0;max-width:500px}}.brick-contact{background:#f4756d}.brick-contact p{align-items:center;display:flex;margin:0 0 15px}.brick-contact .title{color:#7f1a55;font-family:faktum bold;font-size:36px;margin:0 0 40px}.brick-contact .icon{font-size:30px;margin-right:20px}.brick-contact a{border:none}.brick-contact a:active,.brick-contact a:focus,.brick-contact a:hover{color:#fff}@media (max-width:995px){.brick-contact .title{font-size:22px;margin:10px 0 20px}}.brick-send-message{background:#0d3a5a;color:#2ecccb;min-height:190px;transition:opacity .4s ease,transform .4s ease,background .2s ease!important}.brick-send-message .title{color:#fff;font-family:faktum bold;font-size:46px;margin:40px 0}.brick-send-message .animation{align-items:center;border:none;display:flex;font-family:antikor bold;font-size:28px}.brick-send-message .animation .letter{margin-right:30px;overflow:visible;width:90px}.brick-send-message .animation .letter__arrow .base,.brick-send-message .animation .letter__arrow .tip{transition:transform .2s ease-out}.brick-send-message:active,.brick-send-message:focus,.brick-send-message:hover{background:#0c3451;color:#2ecccb}.brick-send-message:active .animation .letter__arrow .base,.brick-send-message:focus .animation .letter__arrow .base,.brick-send-message:hover .animation .letter__arrow .base{transform:scaleX(1.2)}.brick-send-message:active .animation .letter__arrow .tip,.brick-send-message:focus .animation .letter__arrow .tip,.brick-send-message:hover .animation .letter__arrow .tip{transform:translateX(15px)}@media (max-width:995px){.brick-send-message .title{font-size:20px;line-height:26px;margin:20px 0;max-width:500px}.brick-send-message .animation{font-size:18px;line-height:1.2}.brick-send-message .animation .letter{width:60px}}.brick-contribute{background:#0d3a5a;color:#fff;padding:60px 100px}.brick-team{align-items:center;background:#fee3e4;text-decoration:none}.brick-team .title{color:#0d3a5a;font-family:faktum bold;font-size:46px;margin:15px 0 5px}.brick-team .subtitle{color:#f4756d;font-family:antikor bold;font-size:24px}@media (max-width:995px){.brick-team .title{font-size:22px;margin:10px 0}.brick-team .subtitle{font-size:15px}}.brick-visit{background:#7f1a55}.brick-visit .title{color:#f4756d;font-family:faktum bold;font-size:36px;margin:0 0 40px}.brick-visit .icon{font-size:25px;margin-right:25px}.brick-visit p{align-items:center;display:flex;margin:0 0 15px}.brick-visit .address{align-items:flex-start!important;display:flex}.brick-visit .address .icon{font-size:30px;line-height:1;margin-right:20px}.brick-visit .address__content{border:none;display:flex;flex-direction:column}.brick-visit .address__content>span{margin:0 0 15px}.brick-visit .address__content:active,.brick-visit .address__content:focus,.brick-visit .address__content:hover{color:#fff}@media (max-width:995px){.brick-visit .title{font-size:22px;margin:10px 0 20px}.brick-visit .address__content>span{margin:0 0 7px}}.btn{border:none;display:inline-flex;font-family:antikor bold;font-size:18px!important;min-height:67px;padding:20px 50px;text-align:center;text-decoration:none;transition:background .1s ease-in}.btn>span{line-height:normal!important;position:relative}.btn--large{padding:0 100px}.btn--brand{background:#ff4345;color:#fff}.btn--brand:active,.btn--brand:focus,.btn--brand:hover{background:#fee3e4;color:#ff4345}.btn--primary{background:#7f1a55;color:#fff}.btn--primary:active,.btn--primary:focus,.btn--primary:hover{background:#6a1647;color:#fff}.btn--secondary{background:#fee3e4;color:#ff4345}.btn--secondary:active,.btn--secondary:focus,.btn--secondary:hover{background:#ff4345;color:#fff}.btn--light{background:#2ecccb;color:#0d3a5a}.btn--animated .icon{bottom:-8px;position:absolute;right:-42px;transition:transform .3s;width:40px}.btn--animated .icon .base,.btn--animated .icon .tip{fill:none;stroke-width:3.5}.btn--animated .icon .base{transform:scaleX(.5);transition:transform .3s}.btn--animated .icon .tip{opacity:0;transform:rotate(-45deg) translate(-6px);transform-origin:bottom;transition:transform .3s,opacity .3s}.btn--animated:active .icon,.btn--animated:focus .icon,.btn--animated:hover .icon{transform:translateX(40px)}.btn--animated:active .icon .base,.btn--animated:focus .icon .base,.btn--animated:hover .icon .base{transform:scaleX(1)}.btn--animated:active .icon .tip,.btn--animated:focus .icon .tip,.btn--animated:hover .icon .tip{opacity:1;transform:rotate(0deg) translate(0)}.btn--animated.btn--brand .icon .base,.btn--animated.btn--brand .icon .tip{stroke:#7f1a55}.btn--animated.btn--primary .icon .base,.btn--animated.btn--primary .icon .tip{stroke:#ff4345}.btn--animated.btn--secondary .icon .base,.btn--animated.btn--secondary .icon .tip{stroke:#7f1a55}.btn--animated.btn--light .icon .base,.btn--animated.btn--light .icon .tip{stroke:#1e7695}@media (max-width:760px){.btn{font-size:16px!important}}.build-steps{display:flex;flex-direction:column;margin:0;padding:0}.build-steps__item{align-items:center;background:#0d3a5a;color:#fff;color:#2ecccb;display:flex;font-family:antikor bold;font-size:18px;margin:0 0 15px;max-width:700px;min-width:380px;padding:30px 40px}.build-steps__item .icon{color:#fff;font-size:60px;margin-right:20px}.build-steps__item.integration{align-self:flex-start;margin-left:110px}.build-steps__item.integration:after,.build-steps__item.integration:before{background:transparent;border:none;border-radius:unset;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.build-steps__item.integration:before{background:transparent;color:#7f1a55;content:"\e91a";font-family:icomoon;font-size:90px;height:unset;left:-100px;line-height:1;width:unset}.build-steps__item.integration:after{background:#fee3e4;height:100%;left:unset;right:-150px;width:130px}.build-steps__item.development{align-self:center}.build-steps__item.development:after,.build-steps__item.development:before{display:none}.build-steps__item.validation{align-self:flex-end;margin-bottom:0;margin-left:200px}.build-steps__item.validation:after,.build-steps__item.validation:before{background:transparent;border:none;border-radius:unset;display:flex;position:absolute}.build-steps__item.validation:before{background:#fee3e4;height:100%;left:-200px;top:0;width:180px}.build-steps__item.validation:after{background:transparent;bottom:-40px;color:#f4756d;content:"\e917";font-family:icomoon;font-size:70px;height:unset;left:unset;line-height:1;right:0;top:unset;width:unset}@media (max-width:995px){.build-steps{margin:0 0 40px}.build-steps__item.integration{margin-left:0}.build-steps__item.integration:before{display:none}.build-steps__item.validation:after{display:none}}@media (max-width:760px){.build-steps{margin:0 0 15px}.build-steps__item{align-items:flex-start;flex-direction:column;max-width:unset;min-width:unset;width:100%}.build-steps__item .icon{font-size:30px;margin:0 0 15px}.build-steps__item.integration{margin-left:0}.build-steps__item.integration:after,.build-steps__item.integration:before{display:none}.build-steps__item.validation:after,.build-steps__item.validation:before{display:none}}.bullet{align-items:center;background:#fee3e4;border-radius:50px;color:#ff4345;font-size:11px;height:17px;min-width:17px;position:absolute;right:-18px;top:-5px}.bullet,.call-to-action{display:flex;justify-content:center}.certification-list{margin:0 0 30px}.certification-list ul{margin:0;padding:0}.certification{align-items:center;background:#ff4345;color:#fff;display:flex;font-family:antikor medium;font-size:14px;margin:0 0 15px;max-width:280px;padding:5px 15px}.certification:after,.certification:before{display:none}.certification:last-of-type{margin:0}.certification img{margin:0!important;width:30px!important}.certification p{margin-left:20px}.certification p span{display:block}@media (max-width:1220px){.certification{padding:5px 10px}.certification p{margin-left:10px}}.check-block{background:#1e7695;color:#fff;padding:75px 45px 75px 75px;position:relative}.check-block:before{background-image:url(/elao_/pr/398/build/images/check.bd8e70d7.svg);background-position:bottom;background-repeat:no-repeat;background-size:contain;content:"";height:70px;left:45px;position:absolute;top:-45px;width:85px}.check-block p{margin:0 0 30px}.check-block__title{color:#fee3e4;display:block;font-family:antikor bold;font-size:32px;margin-bottom:55px}.check-block__list li{margin-bottom:35px}.check-block__list li:before{border-color:rgba(254,227,228,.4)}.check-block__list li:last-of-type{margin-bottom:0}.check-block--right:before{left:unset;right:45px}.check-block--unchecked:before{background-image:url(/elao_/pr/398/build/images/uncheck.8ae5b1a8.svg)}.check-block--secondary{background:#fee3e4;color:#390725}.check-block--secondary .check-block__title{color:#7f1a55}.check-block--secondary .check-block__list li{color:#390725}.check-block--secondary .check-block__list li:before{border-color:rgba(127,26,85,.3)}@media (max-width:1220px){.check-block{margin-top:40px}.check-block:before{top:-38px}}@media (max-width:995px){.check-block{padding:75px 30px 75px 60px}.check-block:before{left:unset;right:30px;width:60px}}@media (max-width:760px){.check-block{padding:45px 20px 20px}}.contact{background:#fee3e4;display:flex;margin:0 auto;max-width:1040px;padding:75px 100px;width:100%}.contact__main{flex:1}.contact__message{align-items:flex-end;display:flex;flex:1;flex-direction:column;justify-content:center}.contact__message .title{color:#7f1a55;font-family:antikor bold;font-size:28px;margin:0 0 50px;width:100%}.contact__message .form-group{margin:0 0 20px;width:100%}.contact__message .form-group:first-of-type{margin:0 0 50px}.contact__message .btn{margin-top:50px}.contact__infos{color:#7f1a55;font-family:antikor medium;font-size:20px;margin-left:100px;min-width:300px}.contact__infos img{height:100px;margin:0 0 65px}.contact__infos address,.contact__infos p{display:flex;flex-direction:column;margin:0 0 25px}.contact__infos a{border:none}.contact__infos .name{font-family:antikor bold;font-size:28px}@media (max-width:995px){.contact{background:transparent;flex-direction:column;padding:0}.contact .title{font-size:16px;margin:0 0 30px}.contact .btn{justify-content:center;width:100%}.contact__message{background:#fee3e4;padding:45px 30px}.contact__infos{background:#0d3a5a;color:#2ecccb;margin:20px 0 0;padding:45px 30px}.contact__infos img{display:none}}.elaomojis{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;padding:0}.elaomojis__item{background:#fee3e4;margin:10px;padding:10px;width:calc(20% - 20px)}.elaomojis__item:after,.elaomojis__item:before{display:none}.elaomojis__item a{align-items:center;border:none;color:#390725;display:flex;font-family:antikor regular;font-size:16px;height:100%;line-height:1.2}.elaomojis__item a:active,.elaomojis__item a:focus,.elaomojis__item a:hover{color:#390725}.elaomojis__item .img{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;height:32px;margin:0 15px 0 0;min-width:32px;width:32px}@media (max-width:1280px){.elaomojis__item{width:calc(50% - 20px)}}@media (max-width:760px){.elaomojis__item{width:100%}}@media (max-width:380px){.elaomojis{margin:0}.elaomojis__item{width:100%}}.emoji{background-position:50%;background-size:cover;display:inline-block;height:1em;margin:0;padding:0;width:1em}.form-group{display:flex;flex-wrap:wrap}.form-group__label{margin-right:15px;padding-bottom:2px}.form-group__input,.form-group__label{align-items:center;color:#f4756d;display:flex;font-family:antikor bold;font-size:16px;height:40px}.form-group__input{background:transparent;border:none;border-bottom:2px dashed #f4756d;flex:1;margin:0;padding:0}.form-group__input::-moz-placeholder{color:#f4756d;font-family:antikor bold;font-size:16px;-moz-transition:opacity .1s ease-in;transition:opacity .1s ease-in}.form-group__input:-ms-input-placeholder{color:#f4756d;font-family:antikor bold;font-size:16px;-ms-transition:opacity .1s ease-in;transition:opacity .1s ease-in}.form-group__input::placeholder{color:#f4756d;font-family:antikor bold;font-size:16px;transition:opacity .1s ease-in}.form-group__input:focus{outline:none}.form-group__input:focus::-moz-placeholder{opacity:.4}.form-group__input:focus:-ms-input-placeholder{opacity:.4}.form-group__input:focus::placeholder{opacity:.4}.form-group__message{background:url(/elao_/pr/398/build/images/textarea-lines.4b927293.svg);display:block;padding:0 5px;width:100%}.form-group__message,.form-group__message *{color:#f4756d!important;font-family:antikor bold!important;font-size:16px!important;line-height:45px}.form-group__message *{background-color:transparent!important;margin:0!important}.form-group__message:empty:before{color:#f4756d;content:attr(placeholder);display:block;pointer-events:none;transition:opacity .1s ease-in}.form-group__message:focus{outline:none}.form-group__message:focus:before{opacity:.4}.form-group__error{color:#7f1a55;font-family:antikor bold;font-size:14px;margin:10px 0;width:100%}.form-group--dark .form-group__label{color:#7f1a55}.form-group--dark .form-group__input{border-bottom:2px dashed #7f1a55;color:#7f1a55}.form-group--dark .form-group__input::-moz-placeholder{color:#7f1a55}.form-group--dark .form-group__input:-ms-input-placeholder{color:#7f1a55}.form-group--dark .form-group__input::placeholder{color:#7f1a55}.form-group--dark .form-group__message{background:url(/elao_/pr/398/build/images/textarea-lines-dark.4babeb9b.svg)}.form-group--dark .form-group__message,.form-group--dark .form-group__message *{color:#7f1a55!important}@media (max-width:995px){.form-group__input::-moz-placeholder{font-size:14px}.form-group__input:-ms-input-placeholder{font-size:14px}.form-group__input,.form-group__input::placeholder,.form-group__label,.form-group__message,.form-group__message *{font-size:14px}.form-group__error{font-size:12px}}@media (max-width:760px){.form-group{flex-direction:column}}.gallery{display:flex;flex-wrap:wrap;margin:60px -20px 30px -220px;padding:0}.gallery__item{display:flex;margin:0 20px 20px;position:relative;width:calc(50% - 40px)}.gallery__item:after,.gallery__item:before{display:none}.gallery__item:active .image span,.gallery__item:focus .image span,.gallery__item:hover .image span{transform:scale(1.02);transform-origin:center}.gallery__item:active .image .icon,.gallery__item:focus .image .icon,.gallery__item:hover .image .icon{opacity:1;transition:opacity .3s ease-in-out}.gallery__item>button{align-items:center;background:transparent;border:none;display:flex;flex-direction:column;margin:0;outline:none;padding:0;text-align:center;width:100%}.gallery__item>button .legend{color:#390725;font-family:faktum regular;font-size:20px}.gallery__item .image{display:flex;height:300px;margin:0 0 7px;overflow:hidden;width:100%}.gallery__item .image span{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;transition:transform .4s ease-in-out;width:100%}.gallery__item .image .icon{align-items:center;background:#fee3e4;color:#ff4345;display:flex;font-size:25px;height:40px;justify-content:center;opacity:0;position:absolute;right:25px;top:20px;width:40px}@media (max-width:1220px){.gallery{margin-left:-20px;margin-right:-20px}}@media (max-width:760px){.gallery{margin-left:-5px;margin-right:-5px}.gallery__item{margin:0 5px 10px;width:calc(50% - 10px)}.gallery__item .image{height:90px}.gallery__item .image .icon{font-size:13px;font-weight:700;height:20px;opacity:1;right:10px;top:10px;width:20px}.gallery__item .legend{display:none}}.kudo{align-items:center;background:transparent;border:none;display:flex;flex-direction:column;padding:0}.kudo:active,.kudo:focus,.kudo:hover{box-shadow:none;outline:none}.kudo:active .kudo__button,.kudo:focus .kudo__button,.kudo:hover .kudo__button{background-position:100%}.kudo__button{background:#fee3e4 url(/elao_/pr/398/build/images/kudo.3a216d48.svg);background-position:0;background-repeat:no-repeat;border-radius:50px;height:75px;margin-bottom:10px;width:75px}.kudo__label{color:#390725;font-family:faktum regular;font-size:20px}.kudo--active{-webkit-animation:kudo 1s steps(20) forwards;animation:kudo 1s steps(20) forwards;box-shadow:none;outline:none}@-webkit-keyframes kudo{0%{background-position:0}to{background-position:100%}}@keyframes kudo{0%{background-position:0}to{background-position:100%}}.link{border:none;font-family:antikor bold;font-size:18px;padding-right:30px;position:relative}.link:after,.link:before{position:absolute}.link:before{bottom:0;content:"";height:3px;right:13px;transition:.2s ease-in;width:15px}.link:after{bottom:6px;content:"\e913";font-family:icomoon;font-size:13px;line-height:1;opacity:0;right:10px;transition:right .15s ease-in,opacity .2s ease-out}.link:active:before,.link:focus:before,.link:hover:before{height:25px;right:-5px;width:25px}.link:active:after,.link:focus:after,.link:hover:after{opacity:1;right:1px}.link--brand{color:#ff4345}.link--brand:before{background:#fee3e4}.link--brand:after{color:#fee3e4}.link--brand:active,.link--brand:focus,.link--brand:hover{color:#f60003}.link--brand:active:before,.link--brand:focus:before,.link--brand:hover:before{background:#7f1a55}.link--brand:active:after,.link--brand:focus:after,.link--brand:hover:after{color:#fee3e4}.link--primary{color:#7f1a55}.link--primary:before{background:#ff4345}.link--primary:active,.link--primary:focus,.link--primary:hover{color:#ff4345}.link--primary:active:before,.link--primary:focus:before,.link--primary:hover:before{background:#7f1a55}.link--primary:active:after,.link--primary:focus:after,.link--primary:hover:after{color:#ff4345}.list-inline{display:flex;flex-wrap:wrap;margin:0 -20px;padding:0}.list-inline__item{align-items:flex-start;display:flex;flex-direction:column;margin:40px 15px 60px;width:calc(33.33% - 30px)}.list-inline__item:after,.list-inline__item:before{display:none}.list-inline__item img{margin:0 0 35px}.list-inline__item a{font-size:16px;margin-top:30px}@media (max-width:1220px){.list-inline{flex-direction:column;margin:0}.list-inline__item{margin:0 0 40px;width:100%}.list-inline__item h3{margin:20px 0}.list-inline__item img{margin:40px 0 10px}.list-inline__item a{margin-top:10px}.list-inline--simple .list-inline__item{margin:0 0 10px}}.member{align-items:flex-start;display:flex;flex-wrap:wrap;margin:0 auto 70px;max-width:1020px}.member__infos{margin:0 0 30px;width:calc(100% - 550px)}.member__infos h1{margin:0}.member__infos .job{color:#ff4345;font-family:antikor bold;font-size:18px;margin:0 0 40px}.member__infos .description{display:block;margin-bottom:50px}.member__infos .socials{margin:0 0 70px}.member__infos .certifications{margin:0 0 45px}.member__infos .interests{display:flex;margin:0;padding:0}.member__infos .interests li{font-size:30px;margin:0 15px}.member__infos .interests li:after,.member__infos .interests li:before{display:none}.member__infos .interests li:first-of-type{margin-left:0}.member__infos .interests li:last-of-type{margin-right:0}.member__image{margin-bottom:95px;margin-left:40px;position:relative;z-index:1}.member__image img{margin:0}.member__image .seniority{background:#fee3e4;color:#ff4345;display:flex;flex-direction:column;height:240px;justify-content:center;line-height:1.4;padding:0 45px;position:absolute;right:-165px;top:40px;width:260px}.member__image .seniority span{color:#7f1a55;font-family:antikor bold;font-size:45px;line-height:1;margin-bottom:10px}.member__image--mobile{display:none}.member__contributions{align-items:flex-start;display:flex}.member__contributions .article-list{margin:0;padding:0 20px;width:50%}.member__contributions .article-list:first-of-type{padding-left:0}.member__contributions .article-list:last-of-type{padding-right:0}@media (max-width:1220px){.member,.member__infos{flex-direction:column}.member__infos{display:flex;margin:0 0 50px;max-width:unset;width:100%}.member__infos h1{margin:0 auto 50px}.member__profile{margin:0 auto 20px;max-width:380px;width:100%}.member__image{display:none;margin:0 auto 100px;padding:0;width:500px}.member__image img{margin:0 auto}.member__image .seniority{bottom:-40px;height:unset;left:50%;padding:20px 30px;right:unset;top:unset;transform:translateX(-50%)!important;width:250px}.member__image .seniority span{font-size:45px}.member__image--mobile{align-items:flex-start;display:flex}}@media (max-width:760px){.member__infos h1{max-width:280px}.member__profile{max-width:unset}.member__profile .job{margin:0 0 25px}.member__profile .certifications,.member__profile .socials{margin:0 0 40px}.member__image{margin:0 auto 80px;width:100%}.member__image .seniority{width:220px}.member__image .seniority span{font-size:32px}.member__contributions{flex-direction:column}.member__contributions .article-list{padding:0;width:100%}}.miniature{align-items:flex-start;display:flex;flex-direction:column;margin:0 20px 50px;padding:0;width:calc(25% - 40px)}.miniature:after,.miniature:before{display:none}.miniature .link{margin-top:15px}.miniature__image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:none;height:200px;overflow:hidden;width:100%}.miniature__image:hover .image{transform:scale(1.02);transform-origin:center}.miniature__image:hover .image:before{opacity:1}.miniature__image .image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:block;height:100%;transition:transform .4s ease-in-out;width:100%}.miniature__image .image:before{background-color:rgba(0,0,0,.15);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}.miniature__content{align-items:flex-start;display:flex;flex-direction:column;padding-top:30px}.miniature__content .date,.miniature__content .info{font-family:antikor bold}.miniature__content .info{color:#1e7695}.miniature__content .date{color:#f4756d}.miniature__content .title{word-wrap:break-word;border:none;color:#7f1a55;font-family:antikor bold;font-size:22px;line-height:1.4;margin:0 0 15px;overflow-wrap:break-word;padding:0;word-break:break-word}.miniature__content .description{color:#390725;font-size:16px;line-height:1.5;margin:0 0 15px}.miniature--large{margin:25px 20px 50px;width:calc(50% - 40px)}.miniature--large .miniature__content .info{margin:0 0 20px}.miniature--large .miniature__content .title{font-size:32px;margin:0 0 30px}.miniature--large .miniature__content .description{line-height:1.6;margin:0 0 30px}@media (max-width:1220px){.miniature__image{min-width:50%}}@media (max-width:995px){.miniature{margin:0 0 30px;width:100%}.miniature__image{display:none}.miniature__content{padding-left:0}.miniature__content .date{margin:0 0 10px}.miniature__content .title{font-size:18px;margin:0 0 10px}.miniature--large{margin:20px 0 40px}.miniature--large .miniature__image{height:290px}.miniature--large .miniature__content .description{font-size:20px}.miniature--large .miniature__image{display:block}}@media (max-width:760px){.miniature .btn,.miniature .link{justify-content:center;width:100%}}.miniature-inline{align-items:flex-start;display:flex;flex-direction:row;margin:0 0 80px;padding:0;width:100%}.miniature-inline:after,.miniature-inline:before{display:none}.miniature-inline__image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border:none;height:350px;margin-right:40px;min-width:500px;overflow:hidden}.miniature-inline__image:hover .image{transform:scale(1.02);transform-origin:center}.miniature-inline__image:hover .image:before{opacity:1}.miniature-inline__image .image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:block;height:100%;transition:transform .4s ease-in-out;width:100%}.miniature-inline__image .image:before{background-color:rgba(0,0,0,.15);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}.miniature-inline__content{align-items:flex-start;display:flex;flex-direction:column}.miniature-inline__content .date,.miniature-inline__content .info{font-family:antikor bold}.miniature-inline__content .info{color:#1e7695}.miniature-inline__content .date{color:#f4756d}.miniature-inline__content .title{word-wrap:break-word;border:none;color:#7f1a55;font-family:antikor bold;font-size:28px;line-height:1.4;margin:20px 0 15px;overflow-wrap:break-word;padding:0;word-break:break-word}.miniature-inline__content .description{color:#390725;font-size:18px;line-height:1.5;margin:0 0 15px}.miniature-inline__content .btn{margin-top:25px}.miniature-inline--small{align-items:center;margin:15px 0 35px}.miniature-inline--small:last-of-type{margin-bottom:0}.miniature-inline--small .miniature-inline__image{height:100px;min-width:120px}.miniature-inline--small .miniature-inline__content .title{font-size:22px;margin:0}@media (max-width:995px){.miniature-inline{flex-direction:column;margin:0 0 60px}.miniature-inline .btn,.miniature-inline .link{display:none}.miniature-inline__image{height:220px;margin-bottom:35px;margin-right:0;min-width:unset;width:100%}.miniature-inline__content .date,.miniature-inline__content .info{margin:0 0 10px}.miniature-inline__content .title{font-size:28px;margin:0 0 10px}.miniature-inline--small{align-items:flex-start;margin:0 0 40px}.miniature-inline--small .miniature-inline__image{height:160px;margin-bottom:15px}}.miniature-highlight{align-items:flex-start;display:flex;flex-direction:column;margin:0 0 70px;padding-bottom:190px;position:relative;width:100%}.miniature-highlight:after,.miniature-highlight:before{display:none}.miniature-highlight__image{border:none;height:480px;overflow:hidden;width:calc(100% - 110px)}.miniature-highlight__image:active .image,.miniature-highlight__image:focus .image,.miniature-highlight__image:hover .image{transform:scale(1.02);transform-origin:center}.miniature-highlight__image:active .image:before,.miniature-highlight__image:focus .image:before,.miniature-highlight__image:hover .image:before{opacity:1}.miniature-highlight__image .image{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;display:block;height:100%;transition:transform .4s ease-in-out;width:100%}.miniature-highlight__image .image:before{background-color:rgba(0,0,0,.15);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}.miniature-highlight__content{align-items:flex-start;display:flex;position:absolute;right:0;top:370px}.miniature-highlight__content .info{background:#0d3a5a;display:flex;font-size:16px;min-width:370px;padding:25px 35px}.miniature-highlight__content .details{background:#ff4345;border:none;color:#fff;display:flex;flex-direction:column;font-family:faktum regular;font-size:20px;height:300px;justify-content:center;padding:50px 60px;transition:background .15s ease-in;width:730px}.miniature-highlight__content .details:active,.miniature-highlight__content .details:focus,.miniature-highlight__content .details:hover{background:#ff393b}.miniature-highlight__content .details .title{color:#fff;font-family:antikor bold;font-size:32px;line-height:normal!important;margin:0 0 20px}@media (max-width:1220px){.miniature-highlight{padding-bottom:240px}.miniature-highlight .miniature-highlight__content .details{height:350px;width:550px}}@media (max-width:995px){.miniature-highlight{margin:0 0 30px;padding:0}.miniature-highlight .miniature-highlight__image{display:none}.miniature-highlight .miniature-highlight__content{align-items:flex-end;flex-direction:column-reverse;position:relative;right:unset;top:unset;width:100%}.miniature-highlight .miniature-highlight__content .info{position:relative;top:-30px;z-index:1}.miniature-highlight .miniature-highlight__content .info .article-author{align-items:flex-start;flex-direction:column}.miniature-highlight .miniature-highlight__content .info .article-author__info+.article-author__info{margin-left:0;margin-top:20px}.miniature-highlight .miniature-highlight__content .details{font-size:16px;height:unset;min-height:250px;padding:35px 30px 60px;width:100%}.miniature-highlight .miniature-highlight__content .details .title{font-size:24px}}@media (max-width:760px){.miniature-highlight .miniature-highlight__content .info{min-width:220px}}.modal{display:none}.modal--show{background:rgba(0,0,0,.7);bottom:0;display:block;left:0;overflow-y:auto;padding:110px 0;position:fixed;right:0;top:0;z-index:100}.modal__button{align-items:center;background:#fee3e4;border:none;color:#ff4345;font-size:20px;height:40px;position:absolute;right:25px;top:30px;width:40px}.modal__button,.modal__content{display:flex;justify-content:center}.modal__content img{margin:0}@media (max-width:995px){.modal__button{right:20px;top:15px}}.pagination{align-items:center;display:flex;justify-content:center;margin:0;padding:20px 0}.pagination__item{margin:0}.pagination__item:after,.pagination__item:before{display:none}.pagination__item a{align-items:center;border-bottom:3px solid transparent;color:#7f1a55;display:flex;font-family:antikor bold;font-size:26px;height:45px;justify-content:center;margin:0 10px;position:relative}.pagination__item a:after{background:transparent;border-radius:50%;content:"";height:43px;position:absolute;transition:background .1s ease-in;width:43px;z-index:-1}.pagination__item a:active:after,.pagination__item a:focus:after,.pagination__item a:hover:after{background:#fee3e4}.pagination__item--active a{border-bottom:3px solid #ff4345;pointer-events:none}.pagination__item--nav:first-of-type{margin-right:40px}.pagination__item--nav:last-of-type{margin-left:40px}.pagination__item--nav:after{display:none}.pagination__item--nav a{background:#fee3e4;color:#ff4345;font-size:20px;height:60px;margin:0;transition:background .1s ease-in;width:60px}.pagination__item--nav a:active,.pagination__item--nav a:focus,.pagination__item--nav a:hover{background:#7f1a55;border-radius:0}@media (max-width:760px){.pagination__item--nav:first-of-type{margin-right:10px}.pagination__item--nav:last-of-type{margin-left:10px}.pagination__item--nav a{height:50px;width:50px}}.planning-steps{align-items:flex-end;display:flex;flex-direction:column;flex-wrap:wrap;grid-column:3/13;margin-bottom:-135px;margin-left:-20px;margin-right:-20px;max-height:1050px;padding:0;position:relative;top:-35px;z-index:2}.planning-steps__item{background:#0d3a5a;color:#fff;margin:0 20px 30px;padding:40px 40px 50px;width:calc(50% - 40px)}.planning-steps__item:after,.planning-steps__item:before{display:none}.planning-steps__item:nth-of-type(-n+3){position:relative;top:-130px}.planning-steps__item h4{align-items:center;color:#2ecccb;display:flex;font-family:antikor bold;font-size:18px;margin:0 0 25px}.planning-steps__item h4 .icon{color:#fff;font-size:50px;margin-right:20px}@media (max-width:1220px){.planning-steps{grid-column:1/13;margin:0;max-height:unset;position:static}.planning-steps__item{margin:0 0 10px;position:static!important;width:100%}}.preview{bottom:-230px;display:flex;left:0;position:absolute}.preview img{margin:0;width:100%}.preview__main{margin-right:30px;width:600px}.preview__list{align-items:flex-start;display:flex;flex-direction:column;padding-top:105px}.preview__list ul{display:flex;margin:0;padding:0}.preview__list ul li{margin:0 15px 30px;min-height:30px;width:240px}.preview__list ul li:after,.preview__list ul li:before{display:none}.preview__list ul li:first-of-type{margin-left:0}.preview__list ul li:last-of-type{margin-right:0}@media (max-width:1280px){.preview{align-items:unset;flex-direction:column;margin-top:60px;position:static;width:100%}.preview__main{margin:0 0 10px;width:100%}.preview__list{padding-top:0}.preview__list ul{display:none}.preview__list .btn{justify-content:center;width:100%}}.process{background:#fee3e4;color:#7f1a55;display:flex;flex-wrap:wrap;font-family:antikor regular;grid-column:2/12;padding:35px 25px}.process__item{margin-right:15px;padding-right:25px;white-space:nowrap}.process__item:before{display:none}.process__item:after{background:transparent;color:#ff4345;content:">";font-family:antikor bold;height:unset;left:unset;right:0;top:50%;transform:translateY(-50%);width:unset}.process__item:last-of-type:after{display:none}@media (max-width:1220px){.process{grid-column:1/13;margin:0}}.project-team{display:flex;flex-wrap:wrap;margin:0 -15px;padding:0}.project-team__member{display:flex;margin:0 15px 30px;max-width:calc(25% - 30px);width:calc(25% - 30px)}.project-team__member:after,.project-team__member:before{display:none}.project-team__member a{background:#0d3a5a;border:none;color:#fff;font-family:faktum bold;font-size:18px;line-height:1.5;padding:30px 35px;transition:background .2s ease-out;width:100%}.project-team__member a:active,.project-team__member a:focus,.project-team__member a:hover{background:#0b314d;color:#fff}.project-team__member a img{border-radius:50%;margin:0 auto 35px;width:100px}.project-team__member a .job,.project-team__member a .name{display:block}.project-team__member a .name{margin:0 0 10px}.project-team__member a .job{color:#2ecccb;font-family:antikor bold}@media (max-width:995px){.project-team{margin-left:-5px;margin-right:-5px}.project-team__member{margin:0 5px 10px;max-width:calc(33.33% - 10px);width:calc(33.33% - 10px)}.project-team__member a{min-height:250px}}@media (max-width:760px){.project-team__member{max-width:calc(50% - 10px);width:calc(50% - 10px)}.project-team__member a{padding:20px}.project-team__member a img{margin:0 auto 25px;width:60px}}.section-home{display:flex;margin:0 0 180px}.section-home__content{align-items:flex-start;color:#390725;display:flex;flex-direction:column;font-size:20px;line-height:32px;margin-left:110px;margin-right:40px;position:relative}.section-home__content h2{margin-top:0}.section-home__content .dash{background:#f4756d;height:12px;left:0;position:absolute;top:-50px;width:50px}.section-home__content .btn{margin-top:40px}.section-home__image{min-width:600px;position:relative}.section-home__image:before{background:#ff4345;bottom:40px;content:"";height:100px;position:absolute;right:-20px;width:300px}.section-home__image img{margin:0;width:100%}.section-home__image .icon{bottom:-25px;color:#fee3e4;font-size:120px;position:absolute;right:40px}.section-home__links{display:flex;flex-wrap:wrap;min-width:600px;position:relative}.section-home__links .animated-block{margin:15px;width:calc(50% - 30px)}.section-home--reverse .section-home__content{margin-left:40px;margin-right:110px}.section-home--reverse .section-home__image:before{left:-20px;right:unset}.section-home--reverse .section-home__image .icon{left:40px;right:unset}@media (max-width:1220px){.section-home{flex-direction:column-reverse;margin:0 0 60px}.section-home__image{margin:0 0 40px;min-width:unset;width:100%}.section-home__image:before{bottom:15px;height:80px;right:-10px;width:230px}.section-home__image .icon{font-size:95px}.section-home__content{font-size:16px;line-height:1.5;margin:0}.section-home__content .btn{justify-content:center;margin:20px auto 0;max-width:400px;width:100%}.section-home__content .dash{top:0}.section-home__links{flex-direction:column;flex-wrap:nowrap;margin-bottom:40px;margin-top:0;min-width:unset}.section-home__links .animated-block{margin:5px 0;width:100%}.section-home--mobile-reverse,.section-home--reverse{flex-direction:column}.section-home--mobile-reverse .section-home__content,.section-home--reverse .section-home__content{margin:20px 0 0}}@media (max-width:760px){.section-home{margin:0 0 40px}.section-home--reverse{margin:0}.section-home--reverse .section-home__image:before{left:-5px}.section-home--reverse .section-home__image .icon{left:20px}.section-home__image:before{height:50px;right:-5px;width:130px}.section-home__image .icon{bottom:-20px;font-size:65px;right:20px}.section-home__content .btn{max-width:unset;width:100%}}.socials ul{display:flex;flex-direction:column;margin:0;padding:0}.socials li:after,.socials li:before{display:none}.socials a{align-items:center;border:none;display:flex}.socials a .icon{color:#ff4345;font-size:21px;margin-right:17px}.socials--inline ul{flex-direction:row}.socials--inline li{margin:0 14px}.socials--inline li:first-of-type{margin-left:0}.socials--inline li:last-of-type{margin-right:0}.socials--inline a .icon{font-size:24px;margin:0}.statistics{font-family:faktum regular;font-size:20px;padding:60px 70px}.statistics__figure{border-bottom:23px solid;display:block;font-family:antikor medium;font-size:130px;line-height:1;margin-bottom:30px;padding-bottom:15px;text-align:center;width:100%}.statistics--primary{background:#7f1a55;color:#fee3e4}.statistics--primary .statistics__figure{border-bottom-color:#ff4345;color:#fee3e4}.statistics--secondary{background:#fee3e4;color:#7f1a55}.statistics--secondary .statistics__figure{border-bottom-color:#ff4345;color:#7f1a55}.statistics--info{background:#1e7695;color:#fee3e4}.statistics--info .statistics__figure{border-bottom-color:#2ecccb;color:#fee3e4}.statistics--dark{background:#0d3a5a;color:#fee3e4}.statistics--dark .statistics__figure{border-bottom-color:#7f1a55;color:#fee3e4}@media (max-width:1220px){.statistics{padding:35px 25px}.statistics__figure{border-bottom:18px solid;font-size:90px}}.table-of-content{background:#fee3e4;color:#390725;font-family:antikor bold;font-size:16px;list-style:upper-roman;margin:0;padding:40px 60px 40px 100px}.table-of-content__item{margin-bottom:20px;padding:0 30px}.table-of-content__item:after,.table-of-content__item:before{display:none}.table-of-content__item:last-of-type{margin-bottom:0}.table-of-content__item a{border:none;color:#7f1a55;text-decoration:none;transition:color .1s ease-in}.table-of-content__item a:active,.table-of-content__item a:focus,.table-of-content__item a:hover{color:#ff4345}.table-of-content__sub-level{font-family:antikor medium;font-size:15px;list-style:none;padding-left:0}.table-of-content__sub-level li{margin-top:7px}@media (max-width:995px){.table-of-content{padding:25px 25px 25px 65px}.table-of-content__item{padding:0 15px}}.tabs{margin:40px 0}.tabs__nav{display:flex}.tabs__nav a{background:#fff;border:3px solid #fee3e4;border-bottom:none;border-radius:0;border-right:none;color:#7f1a55;font-family:antikor bold;font-size:16px;padding:10px 20px}.tabs__nav a:first-of-type{border-radius:5px 0 0 0}.tabs__nav a:last-of-type{border-radius:0 5px 0 0;border-right:3px solid #fee3e4}.tabs__nav a.active{background:#fee3e4;color:#7f1a55}.tabs__content{background:#fee3e4;padding:15px 20px 20px}.tabs__content .item{display:none}.tabs__content .item.active{display:block}.tabs__content .item pre{margin:0}.tag-list{display:flex;flex-wrap:wrap;margin:0 -5px;padding:0}.tag-list__item{display:flex;margin:5px}.tag-list__item:after,.tag-list__item:before{display:none}.tag-list__item a{background-color:#f4756d;border:none;color:#fff;font-family:antikor bold;font-size:12px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:5px 8px;text-decoration:none;text-transform:capitalize}.tag-list__item a:active,.tag-list__item a:focus,.tag-list__item a:hover{color:#fff}.team{display:flex;flex-wrap:wrap;margin:0 0 0 110px;padding:50px 0 0}.team__member{display:flex;margin:0 20px 70px;width:calc(33.33% - 40px)}.team__member:after,.team__member:before{display:none}.team__member a{align-items:flex-start;border:none;display:flex;flex-direction:column;font-family:antikor bold;font-size:16px;line-height:1.5;width:100%}.team__member a:active .image span,.team__member a:focus .image span,.team__member a:hover .image span{transform:scale(1.02);transform-origin:center}.team__member a:active .image span:before,.team__member a:focus .image span:before,.team__member a:hover .image span:before{opacity:1}.team__member a .image{border:none;height:250px;margin:0 0 15px;overflow:hidden}.team__member a .image,.team__member a .image span{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;width:100%}.team__member a .image span{display:block;height:100%;position:relative;transition:transform .4s ease-in-out}.team__member a .image span:before{background-color:rgba(0,0,0,.15);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}.team__member a .name{color:#7f1a55;font-family:faktum bold;font-size:26px;line-height:1.3;margin:0 0 10px}.team__member a .job{color:#f4756d}.team__member a .certification{position:absolute;right:25px;top:-25px}@media (max-width:1220px){.team{margin-left:-20px;margin-right:-20px}}@media (max-width:995px){.team__member{width:calc(50% - 40px)}.team__member a .certification{margin:20px 0 0;position:static}}@media (max-width:760px){.team{margin:0}.team__member{margin:0 0 50px;width:100%}}.technologies{display:flex;flex-wrap:wrap;list-style:none;margin:20px 0;padding:0}.technologies li{margin:10px 0;min-width:180px}.technologies li:after,.technologies li:before{display:none}.technologies__item{align-items:center;border:none;color:#000;display:flex;font-size:22px;font-weight:600}.technologies__item img{margin:0 15px 0 0;width:45px}.technologies--light .technologies__item{color:#2ecccb}.technologies--light a.technologies__item{transition:color .2s ease-in}.technologies--light a.technologies__item:active,.technologies--light a.technologies__item:focus,.technologies--light a.technologies__item:hover{color:#25a2a2}@media (max-width:1220px){.technologies li{margin:0 25px 25px 0;min-width:unset}.technologies__item{font-size:20px}}@media (max-width:760px){.technologies__item{font-size:16px}.technologies__item img{margin-right:15px;width:35px}}.tile{background:#0d3a5a;color:#2ecccb;font-family:antikor bold;font-size:26px;margin:0 20px 40px;min-width:290px;padding:35px 40px;width:290px}.tile:after,.tile:before{display:none}.tile small{color:#fff;display:block;font-family:faktum regular;font-size:16px;margin:0 0 20px}.tile small .icon{font-size:25px;line-height:1;margin-right:5px;vertical-align:middle}.tile-list{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0 -20px;padding:0}.tile--medium{min-width:400px}.tile--large{min-width:620px}@media (max-width:1280px){.tile-list{justify-content:flex-start;width:100%}.tile,.tile--large,.tile--medium{margin:0 5px 10px;min-width:unset;width:calc(50% - 10px)}.tile--large:last-of-type:not(:nth-child(2n)),.tile--medium:last-of-type:not(:nth-child(2n)),.tile:last-of-type:not(:nth-child(2n)){width:100%}}@media (max-width:760px){.tile-list{flex-direction:column}.tile{margin:0 0 10px;width:100%}}.h1,h1{align-items:flex-start;color:#ff4345;display:flex;flex-direction:column;font-family:faktum bold;font-size:36px;margin:0 0 30px 30px}.h1 span,h1 span{color:#7f1a55}.h1 span:last-of-type:after,h1 span:last-of-type:after{color:#ff4345;content:"_"}.h2,.h2--dash,.h2--ordered,h2{color:#7f1a55;font-family:antikor bold;font-size:32px;line-height:1.45!important;margin:50px 0 25px;position:relative}.h2--dash{margin-top:70px;padding-top:65px}.h2--dash:before{background:#f4756d;content:"";height:12px;left:0;position:absolute;top:0;width:50px}.h2--ordered{margin:60px 0 40px;padding:0}.h2--ordered span{color:#ff4345;font-size:24px}.h3,h3{color:#1e7695;font-size:24px;margin:30px 0 20px}.h3,.h4,h3,h4{font-family:antikor bold;line-height:1.25}.h4,h4{color:#f4756d}.h4,.h5,.h6,h4,h5,h6{font-size:18px;margin:20px 0}.h5,.h6,h5,h6{color:#0d3a5a;font-family:antikor bold;line-height:1.25}.anchor-title{scroll-margin-top:130px}.anchor-title a{border:none;color:#7f1a55;position:relative;text-decoration:none}.anchor-title a:after{bottom:-10px;color:#f4756d;content:"#";left:10px;opacity:0;position:relative;transform:translateY(-10px);transition:opacity .15s ease-in,bottom .15s ease-in}.anchor-title a:active:after,.anchor-title a:focus:after,.anchor-title a:hover:after{bottom:0;opacity:1}@media (max-width:1220px){.h1,h1{font-size:32px;line-height:1.3;margin:0 0 40px}.h2,.h2--dash,.h2--ordered,h2{padding-top:40px}.h2--ordered{margin:40px 0;padding:0}}@media (max-width:995px){.anchor-title{scroll-margin-top:50px}.anchor-title a{font-size:24px}}@media (max-width:760px){.h1,h1{font-size:27px}.h2,.h2--dash,.h2--ordered,h2{font-size:22px;line-height:1.6!important}.h2--dash{font-size:32px;line-height:1.4!important}}.values{display:flex;flex-wrap:wrap;margin:60px 0 100px 110px}.values .btn{margin-top:15px;width:400px}.values__item{color:hsla(0,0%,100%,.9);display:flex;flex:1;flex-direction:column;font-family:antikor bold;font-size:22px;margin:0 15px 40px;padding:40px 30px}.values__item:first-of-type{margin-left:0}.values__item:last-of-type{margin-right:0}.values__item .icon{font-size:60px;margin-bottom:40px}.values__item--info{background:#1e7695}.values__item--info .icon{color:#2ecccb}.values__item--tertiary{background:#f4756d}.values__item--tertiary .icon{color:#0d3a5a}.values__item--primary{background:#7f1a55}.values__item--primary .icon{color:#ff4345}@media (max-width:1220px){.values{margin:0 0 100px}.values__item{min-width:calc(33.33% - 30px)}}@media (max-width:760px){.values__item{background:transparent;color:#390725;font-size:16px;margin:0 0 20px;min-width:100%;padding:0}.values__item .icon{display:none}.values .btn{width:100%}}.social-post-generator{align-items:center;display:flex;flex-direction:column-reverse;flex-wrap:wrap;font-size:20px;justify-content:center}.social-post-generator form{display:flex;flex:1;flex-direction:column;margin-left:1em}.social-post-generator form select{background:#eee;border:0!important;border-radius:.25em;box-shadow:none;cursor:pointer;font-family:faktum regular;font-size:16px;height:2em;line-height:1;margin:.25em 0;outline:0;overflow:hidden;padding:0 .5em}.social-post-generator .social-post{width:100%}.social-post--list{align-items:center;background-color:#eee;display:flex;flex-wrap:wrap;font-size:20px;justify-content:center;padding:.25em}.social-post--list .social-post{font-size:24px;margin:.5em;width:calc(50% - 1em)}.social-post{align-items:center;background:var(--social-background);display:flex;flex-direction:column;font-size:50px;justify-content:center;margin:0;overflow:hidden;padding:2.5em;width:100%}.social-post[data-format=square]{aspect-ratio:1/1}.social-post[data-format=landscape]{aspect-ratio:1200/630}.social-post[data-format=portrait]{aspect-ratio:1080/1350}.social-post>*{margin:0;padding:0}.social-post,.social-post h1,.social-post h2,.social-post h3,.social-post h4,.social-post h5,.social-post h6,.social-post p{color:var(--social-foreground)}.social-post h1{font-size:2.8em}.social-post h2{font-size:2.4em}.social-post h3{font-size:2em}.social-post h4{font-size:1.6em}.social-post h5,.social-post h6{font-size:1.2em}.social-post h1,.social-post h2,.social-post h3,.social-post h4,.social-post h5,.social-post h6{align-self:flex-start;display:block;margin:0;padding:0;text-align:left;white-space:nowrap}.social-post h1+p,.social-post h2+p,.social-post h3+p,.social-post h4+p,.social-post h5+p,.social-post h6+p{align-self:flex-start;text-align:left}.social-post .carret:after{color:var(--social-separator);content:"_";display:inline-block;font-family:faktum bold}.social-post blockquote,.social-post p{font-family:antikor regular;font-size:2em;line-height:1.4;text-align:center}.social-post blockquote{color:var(--social-foreground)}.social-post blockquote:before{color:var(--social-separator);font-size:6em;left:-.3em;opacity:.1;top:-.1em}.social-post cite{display:flex;flex-direction:column;margin-top:2em}.social-post cite>*{text-align:center}.social-post cite>:first-child{font-family:antikor bold}.social-post .number{align-items:center;display:flex;flex-direction:column;font-family:antikor regular;font-size:8em;line-height:1;text-align:center}.social-post .number:after{background-color:var(--social-separator);content:" ";display:block;height:.2em;margin-bottom:.2em;width:75%}.social-post .number+p{font-family:antikor bold;font-size:1.2em}.social-post[data-theme=brand]{--social-background:#fff;--social-foreground:#ff4345;--social-separator:#ff4345}.social-post[data-theme=brand-reverse]{--social-background:#ff4345;--social-foreground:#fff;--social-separator:#fff}.social-post[data-theme=light-red]{--social-background:#f4756d;--social-foreground:#fff;--social-separator:#fff}.social-post[data-theme=pale]{--social-background:#fee3e4;--social-foreground:#7f1a55;--social-separator:#f4756d}.social-post[data-theme=purple]{--social-background:#7f1a55;--social-foreground:#fff;--social-separator:#ff4345}.social-post[data-theme=dark-blue]{--social-background:#0d3a5a;--social-foreground:#fff;--social-separator:#ff4345}.social-post[data-theme=light-blue]{--social-background:#1e7695;--social-foreground:#fff;--social-separator:#2ecccb}.quiz{background-color:#0d3a5a;color:#fff;padding:7em 5em 5em}.quiz,.quiz__title{display:flex;flex-direction:column}.quiz__title{color:#2ecccb;font-family:faktum bold;font-size:2.3em;line-height:1.2;margin:0 0 1.5em}.quiz__title span:last-of-type:after{content:"_"}.quiz__answer{color:#fff;margin:.8em 0 0;padding:0 .3em}.quiz__submit{justify-content:flex-end}.quiz__score,.quiz__submit{display:flex;margin:3em 0 0}.quiz__score{align-items:center;justify-content:space-between}.quiz__score .title{font-family:faktum bold;font-size:40px;margin:0 0 20px;text-transform:uppercase}.quiz__score .title span{margin-right:17px}.quiz__score .detail{border-left:4px solid;display:flex;flex-direction:column;font-size:24px;margin-left:69px;padding-left:25px}.quiz__score .detail strong{font-family:faktum bold}.quiz__score img{margin:0;width:380px}.quiz__score--excellent .title{color:#2ecccb}.quiz__score--excellent .detail{border-color:#2ecccb}.quiz__score--excellent .detail strong{color:#2ecccb}.quiz__score--improvable .title{color:#ef4055}.quiz__score--improvable .detail{border-color:#ef4055}.quiz__score--improvable .detail strong{color:#ef4055}@media (max-width:1220px){.quiz__score img{width:320px}}@media (max-width:995px){.quiz{font-size:16px;padding:80px 25px 100px}.quiz__score{flex-direction:column;text-align:center}.quiz__score .detail{border:none;font-size:20px;margin:0 0 35px;padding:0}}@media (max-width:380px){.quiz__title{font-size:27px;margin:0 0 1em}}.checkbox{color:#fff;margin-bottom:.6em;padding-left:30px}.checkbox code{background-color:#fff;border-radius:5px;color:#0d3a5a;font-size:15px;padding:.2em}.checkbox pre{background-color:#fff!important;border-radius:5px;margin:0;padding:.5em;width:100%}.checkbox__input{display:none}.checkbox__label{display:flex;line-height:1.3;position:relative}.checkbox__label:before{background-color:#fff;content:"";cursor:pointer;height:20px;left:-30px;position:absolute;top:0;width:20px}.checkbox__input:checked+.checkbox__label:after{color:#0d3a5a;content:"\e918";font-family:icomoon;left:-33px;position:absolute;top:1px}.radio{color:#fff;margin-bottom:.6em;padding-left:30px}.radio code{background-color:#fff;border-radius:5px;color:#0d3a5a;font-size:15px;padding:.2em}.radio pre{background-color:#fff!important;border-radius:5px;margin:0;padding:.5em;width:100%}.radio__input{display:none}.radio__label{display:flex;line-height:1.3;position:relative}.radio__label:before{background-color:#fff;border-radius:50%;content:"";cursor:pointer;height:18px;left:-30px;position:absolute;top:1px;width:18px}.radio__input:checked+.radio__label:after{background:#0d3a5a;border-radius:50%;content:"";height:14px;left:-35px;position:absolute;top:3px;width:14px}.question{margin-bottom:2em}.question p{margin-bottom:1em}.question__info{background-color:#fff;color:#0d3a5a;display:flex;flex-direction:column;font-family:faktum regular;font-size:18px;margin-top:2em;padding:1em 2em}.question__info .title{color:#ef4055;font-family:faktum bold;margin:0 0 7px}.question__info code{border-radius:5px;font-size:15px;margin:0 0 .3em;padding:.2em}.question--answered .question__content{padding-left:20px}.question--success .question__content{border-left:4px solid #0c9}.question--error .question__content{border-left:4px solid #ef4055}@media (max-width:995px){.question__info{font-size:16px;padding:.6em .6em 1em}}a{word-wrap:break-word;border-bottom:3px solid #ff4345;color:unset;cursor:pointer;position:relative;text-decoration:none;transition:color .1s ease-in}a:active,a:focus,a:hover{color:#ff4345}a:not([href]){cursor:auto}blockquote{color:#390725;font-family:antikor regular;font-size:28px;line-height:1.4;margin:60px 0;padding:0;position:relative}blockquote:before{color:#ff4345;content:"\e911";font-family:icomoon;font-size:60px;left:-110px;line-height:1;position:absolute;top:-15px}blockquote cite{display:block;margin-top:15px}.blockquote-secondary,blockquote:nth-of-type(2n){background:#7f1a55;color:#fff;font-family:faktum regular;font-size:20px;line-height:1.6;padding:70px 70px 60px}.blockquote-secondary:before,blockquote:nth-of-type(2n):before{font-size:65px;left:40px;top:-45px}.blockquote-secondary cite,blockquote:nth-of-type(2n) cite{font-family:faktum bold;font-size:16px;font-style:normal;text-align:right}@media (max-width:1220px){blockquote{margin:100px 0;padding:40px 30px 0}blockquote:before{font-size:45px;left:0;top:-45px}blockquote:nth-of-type(2n){margin:100px 0 60px;padding:60px 30px 30px}blockquote:nth-of-type(2n):before{font-size:60px;left:30px;top:-40px}}@media (max-width:760px){blockquote{font-size:20px;line-height:1.8}blockquote:nth-of-type(2n){line-height:1.6}}code,code[class*=language-],code [class*=language-],pre,pre[class*=language-],pre [class*=language-]{word-wrap:normal;background:#fee3e4;color:#7f1a55;font-family:antikor medium,monospace;font-size:18px;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;overflow-x:auto;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}.code-multiline{font-size:18px;margin:30px 0!important;padding:20px 30px!important}.code-inline{background:#fee3e4;border-radius:5px;font-family:antikor medium,monospace;padding:2px 4px;white-space:pre-wrap}.code-inline,.token.cdata,.token.class-name,.token.delimiter,.token.doctype,.token.function,.token.function-name,.token.inserted,.token.operator,.token.prolog,.token.property,.token.punctuation,.token.selector{color:#7f1a55}.token.atrule,.token.attr-name,.token.builtin,.token.constant,.token.deleted,.token.important,.token.keyword,.token.namespace,.token.symbol,.token.tag,.token.variable{color:#f4756d}.token.attr-value,.token.boolean,.token.char,.token.entity,.token.number,.token.regex,.token.string,.token.url{color:#1e7695}.token.block-comment,.token.block-comment *,.token.comment,.token.comment *{color:#616161!important}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}figure{margin-bottom:50px}figure img{display:block;margin:0 auto 20px;max-width:100%}figcaption{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:600px}figcaption a{border:none;color:#7f1a55}figcaption a:active,figcaption a:focus,figcaption a:hover{color:#7f1a55}.figure__credits{padding-left:30px;position:relative}.figure__credits:before{background-color:#390725;content:"";height:1px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:12px}.fb_iframe_widget,.instagram-media-rendered,.twitter-tweet-rendered{display:flex!important;justify-content:center!important;margin:50px auto!important;text-align:center!important}.fb_iframe_widget iframe,.twitter-tweet-rendered iframe{margin:0!important}.responsive-video{height:0;margin:50px auto!important;padding-bottom:calc(var(--aspect-ratio, .5625)*100%);position:relative}.responsive-video iframe{height:100%!important;left:0;margin:0!important;position:absolute;top:0;width:100%!important}@media (max-width:760px){.fb_iframe_widget>span,.fb_iframe_widget iframe,.twitter-tweet-rendered>span,.twitter-tweet-rendered iframe{max-width:100%!important;width:100%!important}.instagram-media-rendered{min-width:unset!important}}img,video{display:block;margin:35px auto;max-width:100%}kbd{background-color:#fee3e4;border:1px solid rgba(127,26,85,.2);border-radius:5px;box-shadow:0 1px 1px rgba(254,227,228,.2),inset 0 2px 0 0 rgba(254,227,228,.7);color:#7f1a55;font-size:18px;font-weight:700;line-height:1.5;padding:2px 4px;white-space:nowrap}ul{list-style:none;margin:0 0 25px;padding-left:35px}ul li{margin:0 0 5px;position:relative}ul li:after,ul li:before{border-radius:50px;content:"";position:absolute}ul li:before{background:transparent;border:1px solid #fee3e4;height:16px;left:-35px;top:7px;width:16px}ul li:after{background:#ff4345;height:6px;left:-29px;top:13px;width:6px}@media (max-width:1280px){.page-contact{align-items:center;display:flex;flex-direction:column}}.page-home .h2--dash{margin-top:0}.page-home .section{display:flex;margin:0 0 100px}.page-home .section__content{align-items:flex-start;color:#390725;display:flex;flex-direction:column;font-size:20px;line-height:32px;margin-left:110px;margin-right:40px}.page-home .section__content .btn{margin-top:40px}.page-home .section__image{min-width:600px;position:relative}.page-home .section__image:before{background:#ff4345;bottom:40px;content:"";height:100px;position:absolute;right:-20px;width:300px}.page-home .section__image img{margin:0;width:100%}.page-home .section__image .icon{bottom:-25px;color:#fee3e4;font-size:120px;position:absolute;right:40px}.page-home .section__links{display:flex;flex-wrap:wrap;min-width:600px;position:relative}.page-home .section__links .animated-block{margin:15px;width:calc(50% - 30px)}.page-home .section--reverse .section__content{margin-left:40px;margin-right:110px}.page-home .section--reverse .section__image:before{left:-20px;right:unset}.page-home .section--reverse .section__image .icon{left:40px;right:unset}@media (max-width:1220px){.page-home .section--reverse,.page-home .section__content{margin-left:40px;margin-right:80px}.page-home .section__image,.page-home .section__links{min-width:450px}.page-home .section__links{flex-direction:column;flex-wrap:nowrap}.page-home .section__links .animated-block{margin:5px 0;width:100%}}@media (max-width:995px){.page-home .section{flex-direction:column-reverse;margin:0 0 60px}.page-home .section__image{margin:0 0 40px;min-width:unset;width:100%}.page-home .section__image:before{bottom:30px;height:70px;width:170px}.page-home .section__image .icon{font-size:95px;right:10px}.page-home .section__content{font-size:16px;line-height:1.5;margin:20px 0 0}.page-home .section__content .btn{justify-content:center;margin:20px auto 0;max-width:400px;width:100%}.page-home .section__links{margin-top:15px;min-width:unset}.page-home .section--mobile-reverse,.page-home .section--reverse{flex-direction:column}.page-home .section--mobile-reverse .section__content,.page-home .section--reverse .section__content{margin:20px 0 0}}@media (max-width:760px){.page-home .section__content .btn{max-width:unset;width:100%}}.page-methodology{-moz-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:repeat(12,1fr)}.page-methodology .h2--dash,.page-methodology .h2--ordered{grid-column:2/13}.page-methodology .offset-content{grid-column:3/12}.page-methodology .banner-planning{grid-column:1/13;margin:60px 0 0;position:relative}.page-methodology .banner-planning:after{background:#fee3e4;bottom:70px;content:"";height:190px;position:absolute;right:0;width:500px;z-index:-1}.page-methodology .banner-planning picture img{margin:0}.page-methodology .banner-steps{grid-column:1/13;margin:80px 0 480px;position:relative}.page-methodology .banner-steps picture{bottom:-400px;left:0;position:absolute;z-index:-1}.page-methodology .banner-steps picture img{margin:0}.page-methodology .run{align-items:flex-start;display:flex;grid-column:2/12;margin:40px 0;padding:0;position:relative}.page-methodology .run:after,.page-methodology .run:before{content:"";position:absolute;width:290px}.page-methodology .run:before{background:#fee3e4;height:480px;left:-310px;top:95px}.page-methodology .run:after{background:linear-gradient(180deg,#fee3e4 380px,#fff 0,#fff 420px,#fee3e4 421px);height:660px;right:-310px;top:0}.page-methodology .run__item{background:#0d3a5a;color:#fff;margin:0 20px;min-height:485px;padding:40px 30px;width:calc(33.33% - 20px)}.page-methodology .run__item:after,.page-methodology .run__item:before{display:none}.page-methodology .run__item:first-of-type{margin-left:0}.page-methodology .run__item:nth-of-type(2){margin-top:50px}.page-methodology .run__item:nth-of-type(3){margin-right:0;margin-top:120px}.page-methodology .run__item h4{color:#2ecccb;font-family:antikor bold;font-size:18px;line-height:1.7;margin:0 0 30px}.page-methodology .prioritization{grid-column:2/9}.page-methodology .prioritization p{margin:0 0 50px}.page-methodology .estimate{align-items:center;display:flex;grid-column:1/12;margin:30px 0}.page-methodology .estimate picture{margin-right:40px;min-width:400px}.page-methodology .estimate picture img{margin:0}.page-methodology .estimate p{margin-bottom:30px}.page-methodology .tools{align-items:center;display:flex;grid-column:2/13;margin:60px 0}.page-methodology .tools__image{margin-left:40px;min-width:620px;position:relative}.page-methodology .tools__image:before{background:#fee3e4;content:"";height:60px;position:absolute;right:40px;top:-40px;width:290px;z-index:-1}.page-methodology .tools__image img{margin:0}.page-methodology .list-inline{grid-column:3/12}.page-methodology .our-commitments{grid-column:1/7;margin-top:100px}.page-methodology .your-commitments{grid-column:7/13;margin-top:180px}@media (max-width:1220px){.page-methodology{-moz-column-gap:unset;column-gap:unset}.page-methodology .h2--dash,.page-methodology .h2--ordered,.page-methodology .offset-content{grid-column:1/13}.page-methodology .banner-planning{margin:40px 0}.page-methodology .banner-planning img{width:100%}.page-methodology .banner-planning:after{display:none}.page-methodology .run{flex-direction:column;grid-column:1/13}.page-methodology .run:after,.page-methodology .run:before{display:none}.page-methodology .run__item{margin:0 0 10px!important;min-height:unset;width:100%}.page-methodology .prioritization{grid-column:1/13}.page-methodology .estimate{flex-direction:column;grid-column:1/13;margin-bottom:0}.page-methodology .estimate picture{margin:0 0 40px;width:100%}.page-methodology .estimate picture img{width:100%}.page-methodology .tools{align-items:flex-start;flex-direction:column;grid-column:1/13}.page-methodology .tools__image{display:none}.page-methodology .list-inline{grid-column:1/13}.page-methodology .list-inline__item img{margin:0 0 20px}.page-methodology .our-commitments,.page-methodology .your-commitments{grid-column:1/13;margin-top:0}.page-methodology .our-commitments .check-block{margin-bottom:20px}.page-methodology .your-commitments .check-block{margin-bottom:40px}}@media (max-width:995px){.page-methodology .banner-steps{margin:40px 0}.page-methodology .banner-steps picture{position:static;width:100%}.page-methodology .banner-steps picture img{width:100%}.page-methodology .brick-development{margin:0}}.page-projects .banner__content .highlight .icon{color:#fee3e4;font-size:110px}.page-projects .article-list{margin:0 auto;max-width:1060px}@media (max-width:760px){.page-projects .banner__content .highlight .icon{font-size:65px}}.page-project .banner-case-study{padding-bottom:320px}.page-project__detail{margin-bottom:50px}.page-project__content{margin-left:auto;max-width:calc(100% - 200px)}.page-project__content h2:first-of-type{margin-top:0;padding-top:0}.page-project__content p{margin:0 0 30px}.page-project__content figure{margin-left:-200px;width:calc(100% + 200px)}.page-projet__footer{background:#0d3a5a;border:none;color:#2ecccb;display:flex;flex-direction:column;font-family:antikor regular;font-size:18px;height:250px;justify-content:center;margin:50px 0 100px;padding:0 110px 20px;position:relative;transition:background .2s ease-in;width:100%}.page-projet__footer:active,.page-projet__footer:focus,.page-projet__footer:hover{background:#0c3451;color:#2ecccb}.page-projet__footer .title{color:#fff;font-family:faktum bold;font-size:46px}.page-projet__footer .icon{bottom:-35px;font-size:125px;position:absolute}.page-projet__footer .icon--bracket-left{color:#1e7695;right:500px}.page-projet__footer .icon--chevrons-right{color:#2ecccb;right:40px}@media (max-width:1280px){.page-project .banner-case-study{padding-bottom:40px}}@media (max-width:1220px){.page-project__content{margin:0;max-width:unset}.page-project__content figure{margin-left:0;width:100%}}@media (max-width:995px){.page-projet__footer{height:200px;padding:0 30px 20px}.page-projet__footer .title{font-size:32px}.page-projet__footer .icon{bottom:-20px;font-size:64px}.page-projet__footer .icon--chevrons-right{right:10px}.page-projet__footer .icon--bracket-left{right:200px}}.page-services{display:grid;grid-template-columns:repeat(12,1fr)}.page-services h2{grid-column:2/13}.page-services .offset-content{grid-column:3/12}.page-services .section{margin:0 0 70px}.page-services .section p{margin:0 0 30px}.page-services .list-inline__item img{width:60px}.page-services .banner-engineering,.page-services .banner-support,.page-services .banner-tech-support{grid-column:1/13}.page-services .banner-engineering{display:flex;justify-content:flex-end;margin:40px 0 180px;position:relative}.page-services .banner-engineering img{margin:0}.page-services .banner-engineering blockquote{bottom:-120px;font-family:antikor regular;font-size:28px;left:0;line-height:1.7;margin:0;position:absolute;width:840px}.page-services .banner-support{margin:40px 0 130px;position:relative}.page-services .banner-support:after,.page-services .banner-support:before{position:absolute}.page-services .banner-support:before{background-color:#ff4345;bottom:35px;content:"";height:110px;left:-35px;width:280px}.page-services .banner-support:after{bottom:-50px;color:#fee3e4;content:"\e90c";font-family:icomoon;font-size:130px;left:35px;line-height:1;position:absolute}.page-services .banner-support img{margin:0}.page-services .banner-tech-support{display:inline-flex;margin:40px 0 60px;position:relative}.page-services .banner-tech-support:after,.page-services .banner-tech-support:before{position:absolute}.page-services .banner-tech-support:before{background-color:#ff4345;bottom:100px;content:"";height:110px;right:-35px;width:280px}.page-services .banner-tech-support:after{bottom:30px;color:#fee3e4;content:"\e914";font-family:icomoon;font-size:140px;line-height:1;position:absolute;right:35px}.page-services .banner-tech-support img{margin:0}.page-services .architecture{display:flex;grid-column:1/11;margin:100px 0 80px}.page-services .architecture img{margin:0 40px 0 0}.page-services .architecture h3{margin-top:60px}.page-services .tests{align-items:flex-start;display:flex;grid-column:2/13;margin:0 0 80px}.page-services .tests img{margin:0 0 0 40px}.page-services .tests h3{margin-top:0}.page-services .tests .offset{margin-bottom:110px;margin-left:110px}.page-services .audit{display:flex;grid-column:1/12;margin:0 0 40px}.page-services .audit img{margin:0 40px 0 0}.page-services .audit h3{margin-top:0}.page-services .review{grid-column:2/8;margin:0 0 100px}.page-services .bricks{grid-column:1/13}@media (max-width:1220px){.page-services .architecture,.page-services .audit,.page-services .offset-content,.page-services .review,.page-services .tests,.page-services h2{grid-column:1/13}.page-services .architecture h3,.page-services .audit h3,.page-services .review h3,.page-services .tests h3{margin-top:40px}.page-services .architecture img,.page-services .audit img,.page-services .review img,.page-services .tests img{margin:0;width:100%}.page-services .architecture img,.page-services .audit img,.page-services .tests img{margin:0 auto;max-width:350px}.page-services .architecture,.page-services .audit{flex-direction:column;margin:40px 0 0}.page-services .tests{flex-direction:column-reverse;margin:40px 0 0}.page-services .tests .offset{margin:0}.page-services .review{margin:10px 0 0}.page-services .offset-content .section{margin:0 0 40px}.page-services .banner-engineering{margin:0 0 150px}.page-services .banner-engineering blockquote{bottom:unset;font-size:16px;left:unset;padding:40px 30px 30px;right:0;top:calc(100% - 20px);width:calc(100% - 30px)}.page-services .banner-support:after,.page-services .banner-support:before,.page-services .banner-tech-support:after,.page-services .banner-tech-support:before{display:none}}@media (max-width:995px){.page-services .btn{justify-content:center;width:100%}}@media (max-width:760px){.page-services .banner-support{margin:0 0 60px}}.page-technology{padding:0 110px}.page-technology .article-list{margin-top:50px}.page-technology .article-list .miniature-inline{max-width:930px}.page-technology .bricks{margin-top:40px}@media (max-width:1220px){.page-technology{padding:0}.page-technology .article-list .miniature-inline{margin-left:0}}.page-values{display:grid;grid-template-columns:repeat(12,1fr)}.page-values h2{grid-column:2/13}.page-values .offset-content{grid-column:3/12}.page-values blockquote{grid-column:1/12}.page-values .generosity p,.page-values .humility p{margin:0 0 30px}.page-values .manifest{grid-column:1/13;margin:70px 0 20px}.page-values .value-item{align-items:flex-start;display:flex;grid-column:1/12;margin-top:90px}.page-values .value-item__image{margin:0 60px 0 0;min-width:390px;width:390px}.page-values .value-item__content h3{margin-top:0}.page-values .value-item__content ul{margin:0}.page-values .value-item__content ul li{margin:0 0 30px}.page-values .value-item__content ul li:last-of-type{margin:0}.page-values .value-item__content .btn{margin-top:20px}@media (max-width:1220px){.page-values .offset-content,.page-values h2{grid-column:1/13}.page-values .list-inline__item{margin:0 0 20px}.page-values .value-item,.page-values blockquote{grid-column:1/13}.page-values .value-item__image{margin-right:40px;min-width:280px;width:280px}}@media (max-width:995px){.page-values .manifest{margin:20px 0}}@media (max-width:760px){.page-values .value-item{flex-direction:column-reverse;margin-top:40px}.page-values .value-item__image{margin-top:40px;min-width:unset;width:100%}}.page-signature{align-items:center;display:flex;padding:0 110px}.page-signature__preview{flex:1;min-width:350px}.page-signature__preview *{all:revert}.page-signature__tutorial textarea{background-color:#f4756d;border:none;border-radius:10px;color:#fff;font-family:monospace;font-size:12px;height:200px;padding:10px;width:100%}.page-signature__tutorial textarea:focus{outline:none}.page-signature__tutorial textarea::-moz-selection{background:hsla(0,0%,100%,.2);color:#fff}.page-signature__tutorial textarea::selection{background:hsla(0,0%,100%,.2);color:#fff}.page-jobs{display:grid;grid-template-columns:repeat(12,1fr)}.page-jobs .banner{grid-column:1/13;margin-bottom:50px}.page-jobs h2,.page-jobs h3{grid-column:2/13}.page-jobs p{margin:0 0 30px}.page-jobs .article-list,.page-jobs .offset-content{grid-column:2/12}.page-jobs .call-to-action{grid-column:1/13;margin:60px 0 30px}.page-jobs .values{grid-column:2/12}.page-jobs .bricks{grid-column:2/13}.page-jobs .check-block{grid-column:2/13;margin-top:60px}.page-jobs .no-result{margin:0 0 40px}.page-jobs #offers{scroll-margin-top:30px}@media (max-width:1220px){.page-jobs .article-list,.page-jobs .bricks,.page-jobs .check-block,.page-jobs .offset-content,.page-jobs .values,.page-jobs h2,.page-jobs h3{grid-column:1/13}}.page-job-posting__content{padding-left:200px}@media (max-width:1220px){.page-job-posting__content{padding-left:0}}
\ No newline at end of file
diff --git a/pr/398/build/entrypoints.json b/pr/398/build/entrypoints.json
index a957be73af3..7bf01eeeb44 100644
--- a/pr/398/build/entrypoints.json
+++ b/pr/398/build/entrypoints.json
@@ -8,7 +8,7 @@
         "/elao_/pr/398/build/app.1f0cf750.js"
       ],
       "css": [
-        "/elao_/pr/398/build/321.d1d69b8e.css"
+        "/elao_/pr/398/build/321.a263e7bc.css"
       ]
     },
     "see": {
@@ -24,7 +24,7 @@
         "/elao_/pr/398/build/runtime.f1b39f5f.js"
       ],
       "css": [
-        "/elao_/pr/398/build/321.d1d69b8e.css"
+        "/elao_/pr/398/build/321.a263e7bc.css"
       ]
     },
     "see_style": {
diff --git a/pr/398/build/images/quiz/congrats.32d11660.gif b/pr/398/build/images/quiz/congrats.32d11660.gif
new file mode 100644
index 00000000000..c2f6166f58d
Binary files /dev/null and b/pr/398/build/images/quiz/congrats.32d11660.gif differ
diff --git a/pr/398/build/images/quiz/oh-no.aea679be.gif b/pr/398/build/images/quiz/oh-no.aea679be.gif
new file mode 100644
index 00000000000..26fe877bcb0
Binary files /dev/null and b/pr/398/build/images/quiz/oh-no.aea679be.gif differ
diff --git a/pr/398/build/images/quiz/well-done.0fabb193.gif b/pr/398/build/images/quiz/well-done.0fabb193.gif
new file mode 100644
index 00000000000..9e75f13963d
Binary files /dev/null and b/pr/398/build/images/quiz/well-done.0fabb193.gif differ
diff --git a/pr/398/build/manifest.json b/pr/398/build/manifest.json
index a2233b8b47d..31651f143cb 100644
--- a/pr/398/build/manifest.json
+++ b/pr/398/build/manifest.json
@@ -6,9 +6,12 @@
   "build/17.c81b2e4a.js": "/elao_/pr/398/build/17.c81b2e4a.js",
   "build/690.ad961276.js": "/elao_/pr/398/build/690.ad961276.js",
   "build/190.206b924f.js": "/elao_/pr/398/build/190.206b924f.js",
-  "build/321.d1d69b8e.css": "/elao_/pr/398/build/321.d1d69b8e.css",
+  "build/321.a263e7bc.css": "/elao_/pr/398/build/321.a263e7bc.css",
+  "build/images/quiz/oh-no.gif": "/elao_/pr/398/build/images/quiz/oh-no.aea679be.gif",
+  "build/images/quiz/well-done.gif": "/elao_/pr/398/build/images/quiz/well-done.0fabb193.gif",
   "build/images/pages/values/values-banner@2x.jpg": "/elao_/pr/398/build/images/pages/values/values-banner@2x.d8cdf7e2.jpg",
   "build/images/values-banner@2x.jpg": "/elao_/pr/398/build/images/values-banner@2x.d8cdf7e2.jpg",
+  "build/images/quiz/congrats.gif": "/elao_/pr/398/build/images/quiz/congrats.32d11660.gif",
   "build/images/tools/googledrive.svg": "/elao_/pr/398/build/images/tools/googledrive.d36afcd8.svg",
   "build/images/pages/services/consulting@2x.jpg": "/elao_/pr/398/build/images/pages/services/consulting@2x.e83e0dfe.jpg",
   "build/images/pages/services/software-engineering@2x.jpg": "/elao_/pr/398/build/images/pages/services/software-engineering@2x.9a3ff7e3.jpg",
diff --git a/pr/398/confidentialite/index.html b/pr/398/confidentialite/index.html
index 396ca33ee03..3aad542fa52 100644
--- a/pr/398/confidentialite/index.html
+++ b/pr/398/confidentialite/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/contact/index.html b/pr/398/contact/index.html
index 79757943e10..047e3553545 100644
--- a/pr/398/contact/index.html
+++ b/pr/398/contact/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/elaomojis/index.html b/pr/398/elaomojis/index.html
index f5550a9846e..c3e401d44a0 100644
--- a/pr/398/elaomojis/index.html
+++ b/pr/398/elaomojis/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                         <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/etudes-de-cas/chalkboardeducation/index.html b/pr/398/etudes-de-cas/chalkboardeducation/index.html
index bf2f3a97dcb..be292bfe63c 100644
--- a/pr/398/etudes-de-cas/chalkboardeducation/index.html
+++ b/pr/398/etudes-de-cas/chalkboardeducation/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -393,30 +393,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/onsort" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/climapp" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Mairie d&#039;Orléans</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="title">On sort !</a>
-                            <p class="description">L&#039;application On Sort ! est un agenda des sorties dans la métropole orléanaise. Les organisateurs peuvent suggérer leurs événements en quelques clics.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="btn btn--secondary btn--animated">
+                            <span class="info">Climalife Dehon / Gestimat</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/climapp" class="title">Clim&#039;app</a>
+                            <p class="description">Une application dédiée aux professionnels du froid</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/climapp" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
@@ -428,30 +428,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/engie" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/tribu" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/32988ac3fd816c97c03ff31e79f96152.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/32988ac3fd816c97c03ff31e79f96152.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/7a3ac10b105890510bd6173d454a97d3.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/32988ac3fd816c97c03ff31e79f96152.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/7a3ac10b105890510bd6173d454a97d3.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/32988ac3fd816c97c03ff31e79f96152.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/7a3ac10b105890510bd6173d454a97d3.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/32988ac3fd816c97c03ff31e79f96152.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/7a3ac10b105890510bd6173d454a97d3.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">EDF</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/engie" class="title">Engie</a>
-                            <p class="description">Portail de visualisation de consommation électrique pour les professionnels (commerçants, collectivités…)</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/engie" class="btn btn--secondary btn--animated">
+                            <span class="info">Tribü</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/tribu" class="title">Tribü</a>
+                            <p class="description">Tribü propose un dispositif permettant aux entreprises un recyclage intelligent de leurs déchets.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/tribu" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/cirano/index.html b/pr/398/etudes-de-cas/cirano/index.html
index 78e7e26bfd9..63ebbd4b46f 100644
--- a/pr/398/etudes-de-cas/cirano/index.html
+++ b/pr/398/etudes-de-cas/cirano/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -370,30 +370,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/climapp" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/spine" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Climalife Dehon / Gestimat</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/climapp" class="title">Clim&#039;app</a>
-                            <p class="description">Une application dédiée aux professionnels du froid</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/climapp" class="btn btn--secondary btn--animated">
+                            <span class="info">Université de Bordeaux</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/spine" class="title">Spine</a>
+                            <p class="description">Une application tablette qui permet au grand public d’annoter des IRM du cerveau pour faire avancer la recherche.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/spine" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
@@ -405,30 +405,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/gba" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/onsort" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Jetpulp</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="title">Géant des Beaux-Arts</a>
-                            <p class="description">Plateforme e-commerce européenne à destination des artistes et des écoles d&#039;art, développé en collaboration avec Jetpulp, agence de stratégie lyonnaise.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="btn btn--secondary btn--animated">
+                            <span class="info">Mairie d&#039;Orléans</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="title">On sort !</a>
+                            <p class="description">L&#039;application On Sort ! est un agenda des sorties dans la métropole orléanaise. Les organisateurs peuvent suggérer leurs événements en quelques clics.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/climapp/index.html b/pr/398/etudes-de-cas/climapp/index.html
index 444375f412c..2bde577b1b4 100644
--- a/pr/398/etudes-de-cas/climapp/index.html
+++ b/pr/398/etudes-de-cas/climapp/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -485,30 +485,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/onsort" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/m6" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Mairie d&#039;Orléans</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="title">On sort !</a>
-                            <p class="description">L&#039;application On Sort ! est un agenda des sorties dans la métropole orléanaise. Les organisateurs peuvent suggérer leurs événements en quelques clics.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="btn btn--secondary btn--animated">
+                            <span class="info">M6 Web</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/m6" class="title">M6 web</a>
+                            <p class="description">Participation à la refonte de 6play, l&#039;application gérant la partie interactive des chaînes du groupe M6.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/m6" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/curvytron/index.html b/pr/398/etudes-de-cas/curvytron/index.html
index 1d14950dee6..fdf566e9c9c 100644
--- a/pr/398/etudes-de-cas/curvytron/index.html
+++ b/pr/398/etudes-de-cas/curvytron/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -370,30 +370,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/climapp" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/gba" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Climalife Dehon / Gestimat</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/climapp" class="title">Clim&#039;app</a>
-                            <p class="description">Une application dédiée aux professionnels du froid</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/climapp" class="btn btn--secondary btn--animated">
+                            <span class="info">Jetpulp</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="title">Géant des Beaux-Arts</a>
+                            <p class="description">Plateforme e-commerce européenne à destination des artistes et des écoles d&#039;art, développé en collaboration avec Jetpulp, agence de stratégie lyonnaise.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
@@ -405,30 +405,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/vimeet" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">PanneauPocket</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="title">PanneauPocket</a>
-                            <p class="description">PanneauPocket est une solution mobile et web permettant aux mairies et acteurs de la vie publique de communiquer des informations essentielles et des alertes aux habitants.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="btn btn--secondary btn--animated">
+                            <span class="info">Proximum Group</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/vimeet" class="title">Vimeet</a>
+                            <p class="description">Vimeet permet l&#039;organisation d&#039;événements et la planification de rendez-vous d&#039;affaires B2B.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/vimeet" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/engie/index.html b/pr/398/etudes-de-cas/engie/index.html
index 82dbac2a600..6bb93bb61a4 100644
--- a/pr/398/etudes-de-cas/engie/index.html
+++ b/pr/398/etudes-de-cas/engie/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -326,30 +326,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/ngtv" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/onsort" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">NGTV</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/ngtv" class="title">NGTV Experience</a>
-                            <p class="description">NGTV filme des matchs de football et de padel en salle et génère des statistiques variées de performances individuelles et d&#039;équipe</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/ngtv" class="btn btn--secondary btn--animated">
+                            <span class="info">Mairie d&#039;Orléans</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="title">On sort !</a>
+                            <p class="description">L&#039;application On Sort ! est un agenda des sorties dans la métropole orléanaise. Les organisateurs peuvent suggérer leurs événements en quelques clics.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
@@ -361,30 +361,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/climapp" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Elao + BlendWebMix</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="title">Curvytron / Lazerdrive</a>
-                            <p class="description">Lazerdrive est un jeu massivement multi-joueurs, né de Curvytron, jeu d&#039;adresse dans le navigateur, développé en interne pour le plaisir par l&#039;équipe puis présenté au PHP tour en 2014 et au Blend Web Mix 2015.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="btn btn--secondary btn--animated">
+                            <span class="info">Climalife Dehon / Gestimat</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/climapp" class="title">Clim&#039;app</a>
+                            <p class="description">Une application dédiée aux professionnels du froid</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/climapp" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/example/index.html b/pr/398/etudes-de-cas/example/index.html
index c4408b1c34c..2ff5a97dfa3 100644
--- a/pr/398/etudes-de-cas/example/index.html
+++ b/pr/398/etudes-de-cas/example/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -462,30 +462,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/gba" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/mjc" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Jetpulp</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="title">Géant des Beaux-Arts</a>
-                            <p class="description">Plateforme e-commerce européenne à destination des artistes et des écoles d&#039;art, développé en collaboration avec Jetpulp, agence de stratégie lyonnaise.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="btn btn--secondary btn--animated">
+                            <span class="info">MyJob.Company</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/mjc" class="title">MyJob.Company</a>
+                            <p class="description">MyJob.Company propose une plateforme d&#039;offres d&#039;emploi fonctionnant sur le principe de la cooptation.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/mjc" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
@@ -497,30 +497,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/spine" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">PanneauPocket</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="title">PanneauPocket</a>
-                            <p class="description">PanneauPocket est une solution mobile et web permettant aux mairies et acteurs de la vie publique de communiquer des informations essentielles et des alertes aux habitants.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="btn btn--secondary btn--animated">
+                            <span class="info">Université de Bordeaux</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/spine" class="title">Spine</a>
+                            <p class="description">Une application tablette qui permet au grand public d’annoter des IRM du cerveau pour faire avancer la recherche.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/spine" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/gba/index.html b/pr/398/etudes-de-cas/gba/index.html
index c82a907df7e..2bc119e29f0 100644
--- a/pr/398/etudes-de-cas/gba/index.html
+++ b/pr/398/etudes-de-cas/gba/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -462,30 +462,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/vimeet" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Proximum Group</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/vimeet" class="title">Vimeet</a>
-                            <p class="description">Vimeet permet l&#039;organisation d&#039;événements et la planification de rendez-vous d&#039;affaires B2B.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/vimeet" class="btn btn--secondary btn--animated">
+                            <span class="info">PanneauPocket</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="title">PanneauPocket</a>
+                            <p class="description">PanneauPocket est une solution mobile et web permettant aux mairies et acteurs de la vie publique de communiquer des informations essentielles et des alertes aux habitants.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/index.html b/pr/398/etudes-de-cas/index.html
index 3f75a67b9d7..f52f1879d98 100644
--- a/pr/398/etudes-de-cas/index.html
+++ b/pr/398/etudes-de-cas/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/etudes-de-cas/m6/index.html b/pr/398/etudes-de-cas/m6/index.html
index 08968cde572..b717fe4d5b9 100644
--- a/pr/398/etudes-de-cas/m6/index.html
+++ b/pr/398/etudes-de-cas/m6/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -350,30 +350,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/gba" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/onsort" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Jetpulp</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="title">Géant des Beaux-Arts</a>
-                            <p class="description">Plateforme e-commerce européenne à destination des artistes et des écoles d&#039;art, développé en collaboration avec Jetpulp, agence de stratégie lyonnaise.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="btn btn--secondary btn--animated">
+                            <span class="info">Mairie d&#039;Orléans</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="title">On sort !</a>
+                            <p class="description">L&#039;application On Sort ! est un agenda des sorties dans la métropole orléanaise. Les organisateurs peuvent suggérer leurs événements en quelques clics.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
@@ -385,30 +385,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/engie" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/musique-music" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/9d7e2d69ebab8bdaab266841e2de09f4.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/9d7e2d69ebab8bdaab266841e2de09f4.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/737f20cfc10c781eb5e0a0092399e70c.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/9d7e2d69ebab8bdaab266841e2de09f4.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/737f20cfc10c781eb5e0a0092399e70c.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/9d7e2d69ebab8bdaab266841e2de09f4.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/737f20cfc10c781eb5e0a0092399e70c.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/9d7e2d69ebab8bdaab266841e2de09f4.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/737f20cfc10c781eb5e0a0092399e70c.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">EDF</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/engie" class="title">Engie</a>
-                            <p class="description">Portail de visualisation de consommation électrique pour les professionnels (commerçants, collectivités…)</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/engie" class="btn btn--secondary btn--animated">
+                            <span class="info">Musique &amp; Music</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/musique-music" class="title">Musique &amp; Music</a>
+                            <p class="description">Musique &amp; Music permet aux professionnels de la vidéo d&#039;enrichir leurs productions avec de l&#039;illustration sonore.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/musique-music" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/mjc/index.html b/pr/398/etudes-de-cas/mjc/index.html
index 4fe34bcacf0..a6d7ffe863e 100644
--- a/pr/398/etudes-de-cas/mjc/index.html
+++ b/pr/398/etudes-de-cas/mjc/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -444,30 +444,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/musique-music" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/9d7e2d69ebab8bdaab266841e2de09f4.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/m6" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/9d7e2d69ebab8bdaab266841e2de09f4.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/737f20cfc10c781eb5e0a0092399e70c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/9d7e2d69ebab8bdaab266841e2de09f4.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/737f20cfc10c781eb5e0a0092399e70c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/9d7e2d69ebab8bdaab266841e2de09f4.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/737f20cfc10c781eb5e0a0092399e70c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/9d7e2d69ebab8bdaab266841e2de09f4.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/musique-music-banner.jpg/737f20cfc10c781eb5e0a0092399e70c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Musique &amp; Music</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/musique-music" class="title">Musique &amp; Music</a>
-                            <p class="description">Musique &amp; Music permet aux professionnels de la vidéo d&#039;enrichir leurs productions avec de l&#039;illustration sonore.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/musique-music" class="btn btn--secondary btn--animated">
+                            <span class="info">M6 Web</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/m6" class="title">M6 web</a>
+                            <p class="description">Participation à la refonte de 6play, l&#039;application gérant la partie interactive des chaînes du groupe M6.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/m6" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/musique-music/index.html b/pr/398/etudes-de-cas/musique-music/index.html
index 033e06f01cf..93432c0639c 100644
--- a/pr/398/etudes-de-cas/musique-music/index.html
+++ b/pr/398/etudes-de-cas/musique-music/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -443,30 +443,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/mjc" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Elao + BlendWebMix</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="title">Curvytron / Lazerdrive</a>
-                            <p class="description">Lazerdrive est un jeu massivement multi-joueurs, né de Curvytron, jeu d&#039;adresse dans le navigateur, développé en interne pour le plaisir par l&#039;équipe puis présenté au PHP tour en 2014 et au Blend Web Mix 2015.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="btn btn--secondary btn--animated">
+                            <span class="info">MyJob.Company</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/mjc" class="title">MyJob.Company</a>
+                            <p class="description">MyJob.Company propose une plateforme d&#039;offres d&#039;emploi fonctionnant sur le principe de la cooptation.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/mjc" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
@@ -478,30 +478,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/m6" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/gba" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">M6 Web</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/m6" class="title">M6 web</a>
-                            <p class="description">Participation à la refonte de 6play, l&#039;application gérant la partie interactive des chaînes du groupe M6.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/m6" class="btn btn--secondary btn--animated">
+                            <span class="info">Jetpulp</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="title">Géant des Beaux-Arts</a>
+                            <p class="description">Plateforme e-commerce européenne à destination des artistes et des écoles d&#039;art, développé en collaboration avec Jetpulp, agence de stratégie lyonnaise.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/ngtv/index.html b/pr/398/etudes-de-cas/ngtv/index.html
index 08f6ad3a08b..da37a5eb6a7 100644
--- a/pr/398/etudes-de-cas/ngtv/index.html
+++ b/pr/398/etudes-de-cas/ngtv/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -362,30 +362,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/mjc" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/engie" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">MyJob.Company</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/mjc" class="title">MyJob.Company</a>
-                            <p class="description">MyJob.Company propose une plateforme d&#039;offres d&#039;emploi fonctionnant sur le principe de la cooptation.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/mjc" class="btn btn--secondary btn--animated">
+                            <span class="info">EDF</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/engie" class="title">Engie</a>
+                            <p class="description">Portail de visualisation de consommation électrique pour les professionnels (commerçants, collectivités…)</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/engie" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/onsort/index.html b/pr/398/etudes-de-cas/onsort/index.html
index fc05a705553..a178ccd34dd 100644
--- a/pr/398/etudes-de-cas/onsort/index.html
+++ b/pr/398/etudes-de-cas/onsort/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -378,30 +378,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/engie" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/7badc3b7e23b1b67c7aa52f284667bea.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/engie-banner.jpg/4caadf5e9c14686eb3b9b24baaedef50.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">EDF</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/engie" class="title">Engie</a>
-                            <p class="description">Portail de visualisation de consommation électrique pour les professionnels (commerçants, collectivités…)</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/engie" class="btn btn--secondary btn--animated">
+                            <span class="info">PanneauPocket</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="title">PanneauPocket</a>
+                            <p class="description">PanneauPocket est une solution mobile et web permettant aux mairies et acteurs de la vie publique de communiquer des informations essentielles et des alertes aux habitants.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
@@ -413,30 +413,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/example" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('http://placekitten.com/630/380');
+                        <a href="/elao_/pr/398/etudes-de-cas/gba" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('http://placekitten.com/630/380') 1x,
-        url('http://placekitten.com/630/380') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('http://placekitten.com/630/380') 1x,
-        url('http://placekitten.com/630/380') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('http://placekitten.com/630/380') 1x,
-        url('http://placekitten.com/630/380') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('http://placekitten.com/630/380') 1x,
-        url('http://placekitten.com/630/380') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Example Corp.</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/example" class="title">Exemple</a>
-                            <p class="description">Nunc auctor est dolor, eget placerat lorem semper sit amet. Integer aliquet mi orci, et eleifend urna fermetum. Nullam pelletesque frigilla vulputate.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/example" class="btn btn--secondary btn--animated">
+                            <span class="info">Jetpulp</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="title">Géant des Beaux-Arts</a>
+                            <p class="description">Plateforme e-commerce européenne à destination des artistes et des écoles d&#039;art, développé en collaboration avec Jetpulp, agence de stratégie lyonnaise.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/panneaupocket/index.html b/pr/398/etudes-de-cas/panneaupocket/index.html
index 12224afc35f..8b38288603a 100644
--- a/pr/398/etudes-de-cas/panneaupocket/index.html
+++ b/pr/398/etudes-de-cas/panneaupocket/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -434,30 +434,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/m6" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/20a3e1afcba1d8c85065e6064dc9fd5c.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/6play-banner.jpg/0917104acb6224f4afe0b98fb1e9a48d.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">M6 Web</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/m6" class="title">M6 web</a>
-                            <p class="description">Participation à la refonte de 6play, l&#039;application gérant la partie interactive des chaînes du groupe M6.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/m6" class="btn btn--secondary btn--animated">
+                            <span class="info">Elao + BlendWebMix</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="title">Curvytron / Lazerdrive</a>
+                            <p class="description">Lazerdrive est un jeu massivement multi-joueurs, né de Curvytron, jeu d&#039;adresse dans le navigateur, développé en interne pour le plaisir par l&#039;équipe puis présenté au PHP tour en 2014 et au Blend Web Mix 2015.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
@@ -469,30 +469,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/ngtv" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/spine" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">NGTV</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/ngtv" class="title">NGTV Experience</a>
-                            <p class="description">NGTV filme des matchs de football et de padel en salle et génère des statistiques variées de performances individuelles et d&#039;équipe</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/ngtv" class="btn btn--secondary btn--animated">
+                            <span class="info">Université de Bordeaux</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/spine" class="title">Spine</a>
+                            <p class="description">Une application tablette qui permet au grand public d’annoter des IRM du cerveau pour faire avancer la recherche.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/spine" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/spine/index.html b/pr/398/etudes-de-cas/spine/index.html
index 4474cb8802a..813904eed02 100644
--- a/pr/398/etudes-de-cas/spine/index.html
+++ b/pr/398/etudes-de-cas/spine/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -414,30 +414,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/tribu" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/32988ac3fd816c97c03ff31e79f96152.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/ngtv" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/32988ac3fd816c97c03ff31e79f96152.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/7a3ac10b105890510bd6173d454a97d3.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/32988ac3fd816c97c03ff31e79f96152.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/7a3ac10b105890510bd6173d454a97d3.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/32988ac3fd816c97c03ff31e79f96152.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/7a3ac10b105890510bd6173d454a97d3.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/32988ac3fd816c97c03ff31e79f96152.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/tribu-banner.jpg/7a3ac10b105890510bd6173d454a97d3.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/fff3ccedacedfb9135c3bb5087b8c71b.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/ngtv-banner.jpg/19bd2a547876bcf035f2a67dde599736.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Tribü</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/tribu" class="title">Tribü</a>
-                            <p class="description">Tribü propose un dispositif permettant aux entreprises un recyclage intelligent de leurs déchets.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/tribu" class="btn btn--secondary btn--animated">
+                            <span class="info">NGTV</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/ngtv" class="title">NGTV Experience</a>
+                            <p class="description">NGTV filme des matchs de football et de padel en salle et génère des statistiques variées de performances individuelles et d&#039;équipe</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/ngtv" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/tribu/index.html b/pr/398/etudes-de-cas/tribu/index.html
index f92c890e659..b466c6e9951 100644
--- a/pr/398/etudes-de-cas/tribu/index.html
+++ b/pr/398/etudes-de-cas/tribu/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -422,30 +422,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/gba" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/vimeet" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/00eab66834221f3feb747fde23ec773e.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/geantdesbeauxarts-banner.jpg/5a69dac9c9ea2db9d31df83991454b03.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/690ae677a7e684777b4016c6775fad17.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/vimeet-banner.jpg/4050039125e1a1a50fed3754de770c88.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Jetpulp</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="title">Géant des Beaux-Arts</a>
-                            <p class="description">Plateforme e-commerce européenne à destination des artistes et des écoles d&#039;art, développé en collaboration avec Jetpulp, agence de stratégie lyonnaise.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/gba" class="btn btn--secondary btn--animated">
+                            <span class="info">Proximum Group</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/vimeet" class="title">Vimeet</a>
+                            <p class="description">Vimeet permet l&#039;organisation d&#039;événements et la planification de rendez-vous d&#039;affaires B2B.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/vimeet" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
@@ -457,30 +457,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/climapp" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/mjc" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/07c870225de9e6cdeed742e4e8c8ce9a.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/climapp-banner.jpg/a34871e35e01880de49b8bd1d2e6a40c.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/eef06764a067d8b634d06ec69b064f2d.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/mjc-banner.jpg/d317601fc9142cd8d1adea415bef7333.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Climalife Dehon / Gestimat</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/climapp" class="title">Clim&#039;app</a>
-                            <p class="description">Une application dédiée aux professionnels du froid</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/climapp" class="btn btn--secondary btn--animated">
+                            <span class="info">MyJob.Company</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/mjc" class="title">MyJob.Company</a>
+                            <p class="description">MyJob.Company propose une plateforme d&#039;offres d&#039;emploi fonctionnant sur le principe de la cooptation.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/mjc" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/etudes-de-cas/vimeet/index.html b/pr/398/etudes-de-cas/vimeet/index.html
index e36c37878f2..ed0234eea3b 100644
--- a/pr/398/etudes-de-cas/vimeet/index.html
+++ b/pr/398/etudes-de-cas/vimeet/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
@@ -451,30 +451,30 @@ <h2 class="h2--dash">La tribu</h2>
             <h2 class="h2--dash">D'autres études de cas</h2>
             <ul class="article-list">
                                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="150">
-                        <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/df9b60884e6a062c4b1d112964a33248.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/panneaupocket-banner.jpg/6eccd237278b56b617dc1bff88153ab9.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/ca9da3a6b6c238a80774fcf3f8211d4a.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/curvytron-banner.jpg/250fab804e66dad416b03f46a0671889.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">PanneauPocket</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="title">PanneauPocket</a>
-                            <p class="description">PanneauPocket est une solution mobile et web permettant aux mairies et acteurs de la vie publique de communiquer des informations essentielles et des alertes aux habitants.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/panneaupocket" class="btn btn--secondary btn--animated">
+                            <span class="info">Elao + BlendWebMix</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="title">Curvytron / Lazerdrive</a>
+                            <p class="description">Lazerdrive est un jeu massivement multi-joueurs, né de Curvytron, jeu d&#039;adresse dans le navigateur, développé en interne pour le plaisir par l&#039;équipe puis présenté au PHP tour en 2014 et au Blend Web Mix 2015.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/curvytron" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
@@ -486,30 +486,30 @@ <h2 class="h2--dash">D'autres études de cas</h2>
                         </div>
                     </li>
                                         <li class="miniature miniature--large" data-aos="fade-in" data-aos-delay="300">
-                        <a href="/elao_/pr/398/etudes-de-cas/spine" class="miniature__image">
-                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg');
+                        <a href="/elao_/pr/398/etudes-de-cas/onsort" class="miniature__image">
+                            <span class="image" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg');
     background: #f1f1f1 -webkit-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 -moz-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 -ms-image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );
     background: #f1f1f1 image-set(
-        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/c28b621d9cbd09cef0c067b326f16351.jpg') 1x,
-        url('/elao_/pr/398/resized/images/casestudies/headers/spine-banner.jpg/6dc54cf50b47b04b0ea48a9d0290c0c7.jpg') 2x
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/082af0b1a9dbf6694c53686ea2fb3ace.jpg') 1x,
+        url('/elao_/pr/398/resized/images/casestudies/headers/onsort-banner.jpg/602b40beb47212a7b9bedb5901cda688.jpg') 2x
     );"></span>
                         </a>
                         <div class="miniature__content">
-                            <span class="info">Université de Bordeaux</span>
-                            <a href="/elao_/pr/398/etudes-de-cas/spine" class="title">Spine</a>
-                            <p class="description">Une application tablette qui permet au grand public d’annoter des IRM du cerveau pour faire avancer la recherche.</p>
-                            <a href="/elao_/pr/398/etudes-de-cas/spine" class="btn btn--secondary btn--animated">
+                            <span class="info">Mairie d&#039;Orléans</span>
+                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="title">On sort !</a>
+                            <p class="description">L&#039;application On Sort ! est un agenda des sorties dans la métropole orléanaise. Les organisateurs peuvent suggérer leurs événements en quelques clics.</p>
+                            <a href="/elao_/pr/398/etudes-de-cas/onsort" class="btn btn--secondary btn--animated">
                                 <span>
                                     Voir l'étude de cas
                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 40 20">
diff --git a/pr/398/glossaire/accessibilite/index.html b/pr/398/glossaire/accessibilite/index.html
index 38350650491..78d8bfdc856 100644
--- a/pr/398/glossaire/accessibilite/index.html
+++ b/pr/398/glossaire/accessibilite/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/glossaire/algolia/index.html b/pr/398/glossaire/algolia/index.html
index 72224dcefa3..733794d9c25 100644
--- a/pr/398/glossaire/algolia/index.html
+++ b/pr/398/glossaire/algolia/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/glossaire/elasticsearch/index.html b/pr/398/glossaire/elasticsearch/index.html
index 4d39b74fdb2..be52888416d 100644
--- a/pr/398/glossaire/elasticsearch/index.html
+++ b/pr/398/glossaire/elasticsearch/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/glossaire/react/index.html b/pr/398/glossaire/react/index.html
index f9d8dcdb7c1..ea583f67e4a 100644
--- a/pr/398/glossaire/react/index.html
+++ b/pr/398/glossaire/react/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/glossaire/symfony/index.html b/pr/398/glossaire/symfony/index.html
index 0a36a83b6b9..9319ad41b19 100644
--- a/pr/398/glossaire/symfony/index.html
+++ b/pr/398/glossaire/symfony/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/glossaire/vue-js/index.html b/pr/398/glossaire/vue-js/index.html
index b8dce22553d..18bd0471a4b 100644
--- a/pr/398/glossaire/vue-js/index.html
+++ b/pr/398/glossaire/vue-js/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/index.html b/pr/398/index.html
index 79e5b1f9d80..36d357d0f2e 100644
--- a/pr/398/index.html
+++ b/pr/398/index.html
@@ -43,7 +43,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/adefrance/index.html b/pr/398/la-tribu/adefrance/index.html
index 0d5e1d6d71b..104859daa05 100644
--- a/pr/398/la-tribu/adefrance/index.html
+++ b/pr/398/la-tribu/adefrance/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/adefrance/signature/index.html b/pr/398/la-tribu/adefrance/signature/index.html
index 91211c7a955..c0cd98349ec 100644
--- a/pr/398/la-tribu/adefrance/signature/index.html
+++ b/pr/398/la-tribu/adefrance/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/afarrugia/index.html b/pr/398/la-tribu/afarrugia/index.html
index b3a25fe2daa..35c40d1918c 100644
--- a/pr/398/la-tribu/afarrugia/index.html
+++ b/pr/398/la-tribu/afarrugia/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/afarrugia/signature/index.html b/pr/398/la-tribu/afarrugia/signature/index.html
index f75bc98b497..fdc02e1de5b 100644
--- a/pr/398/la-tribu/afarrugia/signature/index.html
+++ b/pr/398/la-tribu/afarrugia/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/aldeboissieu/index.html b/pr/398/la-tribu/aldeboissieu/index.html
index b7905edec1c..f749d8f09d9 100644
--- a/pr/398/la-tribu/aldeboissieu/index.html
+++ b/pr/398/la-tribu/aldeboissieu/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/aldeboissieu/signature/index.html b/pr/398/la-tribu/aldeboissieu/signature/index.html
index 7385a3e7eae..605f1aa0b10 100644
--- a/pr/398/la-tribu/aldeboissieu/signature/index.html
+++ b/pr/398/la-tribu/aldeboissieu/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/bleveque/index.html b/pr/398/la-tribu/bleveque/index.html
index 13187bdfe76..b1dfc368da4 100644
--- a/pr/398/la-tribu/bleveque/index.html
+++ b/pr/398/la-tribu/bleveque/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/bleveque/signature/index.html b/pr/398/la-tribu/bleveque/signature/index.html
index d69ea9ec67a..21c08a6d2d8 100644
--- a/pr/398/la-tribu/bleveque/signature/index.html
+++ b/pr/398/la-tribu/bleveque/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/cmozzati/index.html b/pr/398/la-tribu/cmozzati/index.html
index 8233462103f..00eaf2fe3e0 100644
--- a/pr/398/la-tribu/cmozzati/index.html
+++ b/pr/398/la-tribu/cmozzati/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/cmozzati/signature/index.html b/pr/398/la-tribu/cmozzati/signature/index.html
index a251246294a..8c89031c0a3 100644
--- a/pr/398/la-tribu/cmozzati/signature/index.html
+++ b/pr/398/la-tribu/cmozzati/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/frey/index.html b/pr/398/la-tribu/frey/index.html
index 3daca9ef2b0..7ecafa9ac6f 100644
--- a/pr/398/la-tribu/frey/index.html
+++ b/pr/398/la-tribu/frey/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/frey/signature/index.html b/pr/398/la-tribu/frey/signature/index.html
index 66035fd1c23..4a632e92d69 100644
--- a/pr/398/la-tribu/frey/signature/index.html
+++ b/pr/398/la-tribu/frey/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/gfaivre/index.html b/pr/398/la-tribu/gfaivre/index.html
index bb7a967425c..7b17151b210 100644
--- a/pr/398/la-tribu/gfaivre/index.html
+++ b/pr/398/la-tribu/gfaivre/index.html
@@ -45,7 +45,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/gfaivre/signature/index.html b/pr/398/la-tribu/gfaivre/signature/index.html
index 3adb81f01d1..24ab6de2e60 100644
--- a/pr/398/la-tribu/gfaivre/signature/index.html
+++ b/pr/398/la-tribu/gfaivre/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/index.html b/pr/398/la-tribu/index.html
index f99981c9823..21641873d9e 100644
--- a/pr/398/la-tribu/index.html
+++ b/pr/398/la-tribu/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/llapeyre/index.html b/pr/398/la-tribu/llapeyre/index.html
index dce0521fe8d..6581beb018c 100644
--- a/pr/398/la-tribu/llapeyre/index.html
+++ b/pr/398/la-tribu/llapeyre/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/llapeyre/signature/index.html b/pr/398/la-tribu/llapeyre/signature/index.html
index 5095e914710..85b18dcb2e7 100644
--- a/pr/398/la-tribu/llapeyre/signature/index.html
+++ b/pr/398/la-tribu/llapeyre/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/mcolin/index.html b/pr/398/la-tribu/mcolin/index.html
index a6efe7c2cf8..baac55ff3b0 100644
--- a/pr/398/la-tribu/mcolin/index.html
+++ b/pr/398/la-tribu/mcolin/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/mcolin/signature/index.html b/pr/398/la-tribu/mcolin/signature/index.html
index 64abb7f77d8..fd2250cbe9c 100644
--- a/pr/398/la-tribu/mcolin/signature/index.html
+++ b/pr/398/la-tribu/mcolin/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/msteinhausser/index.html b/pr/398/la-tribu/msteinhausser/index.html
index 29db0daac4e..76b00526b48 100644
--- a/pr/398/la-tribu/msteinhausser/index.html
+++ b/pr/398/la-tribu/msteinhausser/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/msteinhausser/signature/index.html b/pr/398/la-tribu/msteinhausser/signature/index.html
index 3d59491ea20..2b36f5d6b68 100644
--- a/pr/398/la-tribu/msteinhausser/signature/index.html
+++ b/pr/398/la-tribu/msteinhausser/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/sludovicdelys/index.html b/pr/398/la-tribu/sludovicdelys/index.html
index 818ba63dcae..13c1b7c1a17 100644
--- a/pr/398/la-tribu/sludovicdelys/index.html
+++ b/pr/398/la-tribu/sludovicdelys/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/sludovicdelys/signature/index.html b/pr/398/la-tribu/sludovicdelys/signature/index.html
index 1cfc6ee00ea..f2ff2e20d4c 100644
--- a/pr/398/la-tribu/sludovicdelys/signature/index.html
+++ b/pr/398/la-tribu/sludovicdelys/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/tjarrand/index.html b/pr/398/la-tribu/tjarrand/index.html
index f73fe935f12..50ea9a53493 100644
--- a/pr/398/la-tribu/tjarrand/index.html
+++ b/pr/398/la-tribu/tjarrand/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/tjarrand/signature/index.html b/pr/398/la-tribu/tjarrand/signature/index.html
index b36bd1098a3..4ddda0720cf 100644
--- a/pr/398/la-tribu/tjarrand/signature/index.html
+++ b/pr/398/la-tribu/tjarrand/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/xavierr/index.html b/pr/398/la-tribu/xavierr/index.html
index 95aaf624740..3d3d5dce67c 100644
--- a/pr/398/la-tribu/xavierr/index.html
+++ b/pr/398/la-tribu/xavierr/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/xavierr/signature/index.html b/pr/398/la-tribu/xavierr/signature/index.html
index fe0fc8207ca..9e5b560189b 100644
--- a/pr/398/la-tribu/xavierr/signature/index.html
+++ b/pr/398/la-tribu/xavierr/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/xgorse/index.html b/pr/398/la-tribu/xgorse/index.html
index f3850b19208..066d72bf0ed 100644
--- a/pr/398/la-tribu/xgorse/index.html
+++ b/pr/398/la-tribu/xgorse/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/xgorse/signature/index.html b/pr/398/la-tribu/xgorse/signature/index.html
index 4619d6bf9c0..d4c8340b9cf 100644
--- a/pr/398/la-tribu/xgorse/signature/index.html
+++ b/pr/398/la-tribu/xgorse/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/yheitz/index.html b/pr/398/la-tribu/yheitz/index.html
index c38eb5670fb..cc7012760b2 100644
--- a/pr/398/la-tribu/yheitz/index.html
+++ b/pr/398/la-tribu/yheitz/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/la-tribu/yheitz/signature/index.html b/pr/398/la-tribu/yheitz/signature/index.html
index 7d43b1b355d..6d01ec5f690 100644
--- a/pr/398/la-tribu/yheitz/signature/index.html
+++ b/pr/398/la-tribu/yheitz/signature/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/legal/index.html b/pr/398/legal/index.html
index 50a26566d3a..9feff69c352 100644
--- a/pr/398/legal/index.html
+++ b/pr/398/legal/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/methodologie/index.html b/pr/398/methodologie/index.html
index 46411cdd7b8..8b94d1b15af 100644
--- a/pr/398/methodologie/index.html
+++ b/pr/398/methodologie/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/nos-services/index.html b/pr/398/nos-services/index.html
index 3179f2df886..65fdc09b7ab 100644
--- a/pr/398/nos-services/index.html
+++ b/pr/398/nos-services/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/nos-valeurs/index.html b/pr/398/nos-valeurs/index.html
index 3acea53c493..f6e2cbc7aa1 100644
--- a/pr/398/nos-valeurs/index.html
+++ b/pr/398/nos-valeurs/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/recrutement/example/index.html b/pr/398/recrutement/example/index.html
index 859a07c7fea..a299db42ad1 100644
--- a/pr/398/recrutement/example/index.html
+++ b/pr/398/recrutement/example/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/recrutement/index.html b/pr/398/recrutement/index.html
index 13dde99449f..d74da5e811a 100644
--- a/pr/398/recrutement/index.html
+++ b/pr/398/recrutement/index.html
@@ -42,7 +42,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                     <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
 
diff --git a/pr/398/sitemap.xml b/pr/398/sitemap.xml
index 20abe43634f..8be124dfa74 100644
--- a/pr/398/sitemap.xml
+++ b/pr/398/sitemap.xml
@@ -2,7 +2,7 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
             <url>
             <loc>https://elao.github.io/elao_/pr/398/blog</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>            <priority>0</priority>            <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>            <priority>0</priority>            <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/etudes-de-cas</loc>
@@ -10,43 +10,43 @@
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/recrutement</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/</loc>
-            <lastmod>2021-08-30T15:21:09+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:39:51+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/nos-services</loc>
-            <lastmod>2021-08-30T15:21:09+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:39:51+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/methodologie</loc>
-            <lastmod>2021-08-30T15:21:09+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:39:51+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/nos-valeurs</loc>
-            <lastmod>2021-08-30T15:21:09+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:39:51+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/contact</loc>
-            <lastmod>2021-08-30T15:21:09+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:39:51+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/legal</loc>
-            <lastmod>2021-08-30T15:21:09+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:39:51+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/confidentialite</loc>
-            <lastmod>2021-08-30T15:21:09+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:39:51+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/elaomojis</loc>
-            <lastmod>2021-08-30T15:21:10+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:39:51+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/blog/elao/maxime-developpeur-web-depuis-10-ans</loc>
@@ -54,11 +54,11 @@
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/cmozzati</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/mcolin</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/blog/elao/anne-laure-developpeuse-web-chez-elao-depuis-3-ans</loc>
@@ -242,19 +242,19 @@
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/blog/dev/donnees-structurees-offre-emploi</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/blog/tag/seo</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/blog/tag/microdata</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/blog/tag/rich-snippets</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/blog/dev/no-index-staging-symfony</loc>
@@ -350,75 +350,75 @@
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/recrutement/example</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/glossaire/symfony</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/glossaire/vue-js</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/glossaire/react</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/glossaire/accessibilite</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/adefrance</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/aldeboissieu</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/afarrugia</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/bleveque</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/frey</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/gfaivre</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/llapeyre</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/msteinhausser</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/sludovicdelys</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/tjarrand</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/xgorse</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/xavierr</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/la-tribu/yheitz</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/blog/dev/commander-au-clavier-app-symfony-grace-au-routing</loc>
@@ -1382,10 +1382,10 @@
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/glossaire/elasticsearch</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
             <url>
             <loc>https://elao.github.io/elao_/pr/398/glossaire/algolia</loc>
-            <lastmod>2021-08-30T15:19:33+00:00</lastmod>                        <changefreq>monthly</changefreq>
+            <lastmod>2021-09-01T12:37:59+00:00</lastmod>                        <changefreq>monthly</changefreq>
         </url>
     </urlset>
diff --git a/pr/398/social/index.html b/pr/398/social/index.html
index bbcca49c779..3a8b29c26c5 100644
--- a/pr/398/social/index.html
+++ b/pr/398/social/index.html
@@ -40,7 +40,7 @@
                         document.querySelector('html').classList.remove('no-js');
         </script>
 
-                    <link rel="stylesheet" href="/elao_/pr/398/build/321.d1d69b8e.css">
+                    <link rel="stylesheet" href="/elao_/pr/398/build/321.a263e7bc.css">
         
                         <script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>