diff --git a/app/assets/stylesheets/new_design/table.scss b/app/assets/stylesheets/new_design/table.scss
new file mode 100644
index 000000000..18e85be56
--- /dev/null
+++ b/app/assets/stylesheets/new_design/table.scss
@@ -0,0 +1,21 @@
+@import "constants";
+@import "mixins";
+
+.table {
+  width: 100%;
+  font-size: 14px;
+  line-height: 22px;
+
+  th,
+  td {
+    @include vertical-padding($default-spacer)
+  }
+
+  th {
+    text-align: left;
+  }
+
+  td {
+    font-weight: bold;
+  }
+}
diff --git a/app/views/root/patron.html.haml b/app/views/root/patron.html.haml
index 23fab1e13..93cd99a2e 100644
--- a/app/views/root/patron.html.haml
+++ b/app/views/root/patron.html.haml
@@ -68,6 +68,20 @@
         Titre de la carte mise en avant
       Et voici le contenu de la carte
 
+    %h2 Table
+
+    %table.table
+      %tbody
+        %tr
+          %th Header 1
+          %td Table Data 1
+        %tr
+          %th Header 2
+          %td Table Data 2
+        %tr
+          %th Header 3
+          %td Table Data 3
+
     %h2 Layout deux colonnes
 
   .two-columns