diff --git a/css/comic.css b/css/comic.css
index 30ab5ff8f3c2ad819da0f59d88bbcf07bddd27a5..8f63dcfac18148b2518928141449cbe11ec6b9a2 100644
--- a/css/comic.css
+++ b/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
diff --git a/gabarit.html b/gabarit.html
index 7c822fea279607d76a58060a16ecea5f5800e73c..29fb1a5fdc41c709858465c8d2fb440c2513088e 100644
--- a/gabarit.html
+++ b/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">