diff --git a/web/components/vote/desk-round.js b/web/components/vote/desk-round.js
index 34d08b50f32d314ee053c1e5513493b0bd1cba27..e37ac2ef81d19397f5082089d9d088d5280cb556 100644
--- a/web/components/vote/desk-round.js
+++ b/web/components/vote/desk-round.js
@@ -217,11 +217,10 @@ class DeskRoundSelector {
   }
 
   async openVotes(deskRound) {
-    this.parent.VoteHandler.displayVotes(
+    this.parent.voteHandler.displayVotes(
       this.RoundID,
       this.AreaID,
       deskRound.ID
     );
-    console.log("Ouverture des votes");
   }
 }
diff --git a/web/components/vote/votes.js b/web/components/vote/votes.js
index fb806024523ab5032bab28c5adecce76b99cf1d5..8ba6246677921199cf839ec858729869c399b105 100644
--- a/web/components/vote/votes.js
+++ b/web/components/vote/votes.js
@@ -12,5 +12,32 @@ class Vote {
     this.parent = parent;
   }
 
-  async displayVotes(RoundID, AreaID, DeskRoundID) {}
+  async displayVotes(RoundID, AreaID, DeskRoundID) {
+    document.getElementById("vote-section").innerHTML = /* HTML */ `
+      <header class="card-header">
+        <p class="card-header-title">
+          Votes
+        </p>
+      </header>
+      <div id="votes-tables" class="card-content"></div>
+        <nav class="level">
+          <div class="level-left"></div>
+          <div class="level-right">
+            <button id="votes-return" class="button is-danger level-item">
+              Retour
+            </button>
+            <button id="votes-cancel" class="button level-item">
+              Annuler
+            </button>
+            <button id="votes-save" class="button is-success level-item">
+              Sauvegarder
+            </button>
+          </div>
+        </nav>
+    `;
+    this.handleDom();
+    await this.loadElection();
+  }
+
+  handleDom() {}
 }