Ajout d'un arbre de tournoi généré sur BracketHQ à la gabarit.html

css/comic.css

@@ -224,4 +224,8 @@ footer p {
 
 #exemple-carrousel {
     max-width: 700px;
+}
+
+#exemple-arbre-tournoi {
+    max-width: 700px;
 }
\ No newline at end of file

gabarit.html

@@ -303,6 +303,19 @@ implicite. -->
     </div>
   </section>
 
+  <!-- Tournoi -->
+  <section class="section-impaire">
+    <div id="exemple-arbre-tournoi" class="container-fluid text-center">
+      <h3 class="section-heading">Tournoi</h3>
+      <div class="row justify-content-center">
+        <!-- NOTE: Pour l'esthétique, il peut être recommendable de réduire le
+        champ "height" généré par bracketHQ. Pour cet exemple il a généré "550",
+        ce qui est pas mal trop haut pour le petit arbre qu'il contient. -->
+        <iframe src="https://brackethq.com/b/6cpe/embed/" width="100%" height="400" frameborder="0"></iframe>
+      </div>
+    </div>
+  </section>
+
   <!-- Bas-de-page -->
   <footer class="py-5">
     <div class="container text-center">