diff --git a/public/css/vie-etudiante.css b/public/css/vie-etudiante.css
new file mode 100644
index 0000000..af2dd80
--- /dev/null
+++ b/public/css/vie-etudiante.css
@@ -0,0 +1,52 @@
+.table {
+ font-family: "Poppins";
+ margin-bottom: 20px;
+ font-size: 0.625rem;
+}
+
+td {
+ padding: 5px 10px;
+}
+
+.tableRowHeading {
+ font-weight: 600;
+}
+
+.tableRow:nth-child(odd) {
+ background-color: #FFF;
+}
+
+.tableRow:nth-child(even) {
+ background-color: #F4F4F4;
+}
+
+.organismeActif {
+ background-color: rgb(200, 255, 200);
+}
+
+.organismeInactif {
+ background-color: rgb(255, 200, 200);
+}
+
+.vieEtudianteWrapper {
+ display: flex;
+ flex-flow: column;
+ align-items: center;
+}
+
+.separator {
+ width: 75%;
+ border: 1px solid #C4C4C4;
+}
+
+@media screen and (min-width: 768px) {
+ .table {
+ font-size: 0.875rem;
+ }
+}
+
+@media screen and (min-width: 1140px) {
+ .table {
+ font-size: 1rem;
+ }
+}
\ No newline at end of file
diff --git a/templates/html/vie-etudiante.gohtml b/templates/html/vie-etudiante.gohtml
index 104df94..bec497a 100644
--- a/templates/html/vie-etudiante.gohtml
+++ b/templates/html/vie-etudiante.gohtml
@@ -5,148 +5,201 @@
AGECEM | Vie étudiante
{{ template "general-html" }}
+
{{ template "header-html" }}
Vie étudiante
-
Organismes thématiques
-
-
- | Nom |
+ Organismes thématiques
+
+
+ | Nom |
Local |
- Poste téléphonique |
+ Poste |
+ Statut |
-
- | AME |
+
+ | AME |
C-060 |
7919 |
+ Actif |
-
+
| BEAM |
F-024a |
5930 |
+ Actif |
-
- | CIC |
- F-027c |
-
-
+
| Club Aventurier |
F-011b |
2730 |
+ Actif |
-
+
| Équipe Santé |
F-011 |
2361 |
+ Actif |
-
+
| Montpetit Donjon |
C-067 |
2299 |
+ Actif |
-
+
| MAEL |
F-027b |
+ N/A |
+ Actif |
-
+
| OGRE |
F-011c |
5647 |
+ Actif |
-
- | Radio |
+
+ | RECEM |
+ A-125s |
+ N/A |
+ Actif |
-
+
| ORGASME |
- F-027d |
+ F-049 |
+ N/A |
+ Actif |
-
+
| SOI |
+ N/A |
+ N/A |
+ Inactif |
-
+
| MotDit |
+ N/A |
+ N/A |
+ Inactif |
-
- Associations de programme
-
-
+
+ Associations de programme
+
+
| Nom |
Local |
- Poste téléphonique |
+ Poste |
+ Statut |
-
+
| ADEPT |
F-045 |
2286 |
+ Actif |
-
- | ASI |
-
-
+
| ATIM |
F-041 |
2652 |
+ Actif |
-
+
| AEALC |
A-125r |
2873 |
+ Actif |
-
+
| PAPI |
F-023 |
2795 |
+ Actif |
-
- | TEE |
-
-
+
| TGE |
C-063 |
2638 |
+ Actif |
+
+
+ | ASI |
+ N/A |
+ N/A |
+ Inactif |
+
+
+ | TEE |
+ N/A |
+ N/A |
+ Inactif |
-
- Comités
-
-
+
+ Comités
+
+
| Nom |
Local |
- Poste téléphonique |
+ Poste |
+ Statut |
-
- | CAP |
+
+ | ASEG |
+ B-06 |
+ N/A |
+ Actif |
-
+
+ | CIC |
+ F-027c |
+ N/A |
+ Actif |
+
+
+ | Comité Mob |
+ N/A |
+ N/A |
+ Actif |
+
+
| ESPACE |
F-011d |
2418 |
+ Actif |
-
- | CFEM |
-
-
- | ASEG |
- B-06 |
-
-
- | Comité Mob |
-
-
- | EUMC-CEM |
- C-054 |
- 2356 |
-
-
- | CÉSI |
-
-
+
| Friperie |
F-027a |
2248 |
+ Actif |
+
+
+ | CAP |
+ N/A |
+ N/A |
+ Inactif |
+
+
+ | CÉSI |
+ N/A |
+ N/A |
+ Inactif |
+
+
+ | CFEM |
+ N/A |
+ N/A |
+ Inactif |
+
+
+ | EUMC-CEM |
+ N/A |
+ N/A |
+ Inactif |