diff --git a/public/css/vie-etudiante.css b/public/css/vie-etudiante.css
index c8ba3f5..af42ea9 100644
--- a/public/css/vie-etudiante.css
+++ b/public/css/vie-etudiante.css
@@ -1,5 +1,6 @@
 .table {
     font-family: "Poppins";
+    margin-bottom: 20px;
 }
 
 td {
@@ -14,4 +15,15 @@ td {
 
 .tableRow:nth-child(even) {
     background-color: #F4F4F4;
+}
+
+.vieEtudianteWrapper {
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+}
+
+.separator {
+    width: 75%;
+    border: 1px solid #C4C4C4;
 }
\ No newline at end of file
diff --git a/templates/html/vie-etudiante.gohtml b/templates/html/vie-etudiante.gohtml
index 01efe31..ed0374b 100644
--- a/templates/html/vie-etudiante.gohtml
+++ b/templates/html/vie-etudiante.gohtml
@@ -11,7 +11,7 @@
       {{ template "header-html" }}
       <div class="wrapper vieEtudianteWrapper">
         <h1 class="heading1">Vie étudiante</h1>
-        <h2>Organismes thématiques</h2>
+        <h2 class="heading2">Organismes thématiques</h2>
         <table class="table">
           <tr class="tableRowHeading">
             <td>Nom</td>
@@ -98,8 +98,8 @@
             <td>Inactif</td>
           </tr>
         </table>
-        <hr>
-        <h2>Associations de programme</h2>
+        <hr class="separator">
+        <h2 class="heading2">Associations de programme</h2>
         <table class="table">
           <tr class="tableRowHeading">
             <td>Nom</td>
@@ -158,8 +158,8 @@
             <td>Inactif</td>
           </tr>
         </table>
-        <hr>
-        <h2>Comités</h2>
+        <hr class="separator">
+        <h2 class="heading2">Comités</h2>
         <table class="table">
           <tr class="tableRowHeading">
             <td>Nom</td>