From 50ad334177d2e88a0a96546f429b5e78f51b75ba Mon Sep 17 00:00:00 2001
From: Subivas <gwendal1998@live.fr>
Date: Wed, 3 Dec 2025 14:57:58 +0100
Subject: [PATCH] =?UTF-8?q?CORRECTION=20:=20MAJ=20balises=20html=20pour=20?=
 =?UTF-8?q?coh=C3=A9rence=20dans=20la=20forme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/templates/album-detail.html     | 24 ++++++++++--
 src/main/resources/templates/galerie.html     | 20 +++++++++-
 src/main/resources/templates/home.html        | 17 +++++----
 src/main/resources/templates/mes-albums.html  | 23 ++++++++++--
 src/main/resources/templates/mes-photos.html  | 24 ++++++++++--
 .../resources/templates/photo-detail.html     | 37 +++++++++++++------
 src/main/resources/templates/upload.html      | 20 +++++++++-
 target/classes/templates/album-detail.html    | 24 ++++++++++--
 target/classes/templates/galerie.html         | 20 +++++++++-
 target/classes/templates/home.html            | 17 +++++----
 target/classes/templates/mes-albums.html      | 23 ++++++++++--
 target/classes/templates/mes-photos.html      | 24 ++++++++++--
 target/classes/templates/photo-detail.html    | 37 +++++++++++++------
 target/classes/templates/upload.html          | 20 +++++++++-
 14 files changed, 266 insertions(+), 64 deletions(-)
diff --git a/src/main/resources/templates/album-detail.html b/src/main/resources/templates/album-detail.html
index df12e30..4cc3338 100644
--- a/src/main/resources/templates/album-detail.html
+++ b/src/main/resources/templates/album-detail.html
@@ -4,6 +4,16 @@
     <meta charset="utf-8"/>
     <title>Détail album</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
 
 <a th:href="@{/mes-albums}">⬅ Retour aux albums</a>
@@ -46,7 +56,7 @@
         <button type="submit">Ajouter</button>
     </form>
     <hr/>
-    <h3>Gestion des partages de l’album</h3>
+    <h2>Gestion des partages de l’album</h2>
     <div th:if="${param.error}" style="color:red; font-weight:bold;">
         <span th:text="${param.error}"></span>
     </div>
@@ -94,8 +104,14 @@
         Supprimer l’album
     </a>
 </div>
-
-
-
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/src/main/resources/templates/galerie.html b/src/main/resources/templates/galerie.html
index 17d3d3b..12fc5f2 100644
--- a/src/main/resources/templates/galerie.html
+++ b/src/main/resources/templates/galerie.html
@@ -4,6 +4,16 @@
     <meta charset="utf-8"/>
     <title>Galerie publique</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
 
 <h1>Galerie publique</h1>
@@ -35,6 +45,14 @@
     </a>
 
 </div>
-
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/src/main/resources/templates/home.html b/src/main/resources/templates/home.html
index 3442f17..9345aad 100644
--- a/src/main/resources/templates/home.html
+++ b/src/main/resources/templates/home.html
@@ -9,13 +9,14 @@
 <p><a th:href="@{/mes-photos}">Voir mes photos</a></p>
 <p><a th:href="@{/mes-albums}">Voir mes albums</a></p>
 <p><a th:href="@{/galerie}">Voir la galerie publique</a></p>
-<p>
-<form th:action="@{/logout}" method="post" style="display: inline;">
-    <button type="submit"
-            style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
-        Se déconnecter
-    </button>
-</form>
-</p>
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/src/main/resources/templates/mes-albums.html b/src/main/resources/templates/mes-albums.html
index 4f692aa..0bc8c04 100644
--- a/src/main/resources/templates/mes-albums.html
+++ b/src/main/resources/templates/mes-albums.html
@@ -4,12 +4,22 @@
     <meta charset="utf-8"/>
     <title>Mes albums</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
 
 <h1>Mes albums</h1>
 
 <!-- FORMULAIRE AJOUT ALBUM -->
-<h3>Créer un album</h3>
+<h2>Créer un album</h2>
 <form th:action="@{/albums/create}" method="post">
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
     <label>Nom :</label>
@@ -64,7 +74,14 @@
         </div>
     </div>
 </div>
-
-
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/src/main/resources/templates/mes-photos.html b/src/main/resources/templates/mes-photos.html
index 5dd31e9..1b6e172 100644
--- a/src/main/resources/templates/mes-photos.html
+++ b/src/main/resources/templates/mes-photos.html
@@ -4,10 +4,18 @@
     <meta charset="utf-8"/>
     <title>Mes photos</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
-<h2>Mes photos</h2>
-<p><a th:href="@{/upload}">Uploader une photo</a></p>
-<p><a th:href="@{/}">Retour accueil</a></p>
+<h1>Mes photos</h1>
 <h2>Mes photos privées</h2>
 <div>
     <a th:each="p : ${photosPrivees.content}" th:if="${p != null}"
@@ -91,6 +99,14 @@
 
 
 <p><a th:href="@{/galerie}">Galerie publique</a></p>
-
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/src/main/resources/templates/photo-detail.html b/src/main/resources/templates/photo-detail.html
index 9ca2aa5..a4761d8 100644
--- a/src/main/resources/templates/photo-detail.html
+++ b/src/main/resources/templates/photo-detail.html
@@ -4,15 +4,21 @@
     <meta charset="utf-8"/>
     <title>Détail de la photo</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
 
 <h1>Détail de la photo</h1>
 
-<p>
-    <a th:href="@{/}">Accueil</a> |
-    <a th:href="@{/galerie}">Galerie publique</a> |
-    <a th:href="@{/mes-photos}">Mes photos</a>
-</p>
+
 
 <!-- Affichage de la photo -->
 <div>
@@ -23,7 +29,9 @@
 
 <!-- Infos -->
 <ul>
-    <li><strong>Votre rôle :</strong><span th:text="${photo.proprietaire.email == currentUser ? 'Propriétaire' : (canAdmin ? 'Admin' : (canComment ? 'Commentateur' : 'Lecteur'))}"></span></li>
+    <li><strong>Votre rôle :</strong><span
+            th:text="${photo.proprietaire.email == currentUser ? 'Propriétaire' : (canAdmin ? 'Admin' : (canComment ? 'Commentateur' : 'Lecteur'))}"></span>
+    </li>
     <li><strong>Nom original :</strong> <span th:text="${photo.nomFichierOriginal}"></span></li>
     <li><strong>Date upload :</strong> <span th:text="${photo.dateUpload}"></span></li>
     <li><strong>Visibilité :</strong> <span th:text="${photo.visibilite}"></span></li>
@@ -33,7 +41,7 @@
 <div th:if="${isOwner}">
     <form th:action="@{'/photo/' + ${photo.id} + '/delete'}" method="post"
           onsubmit="return confirm('Supprimer définitivement cette photo ?');">
-        <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
+        <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
         <button type="submit" style="color:red; margin-bottom:20px;">
             Supprimer la photo
         </button>
@@ -50,7 +58,7 @@
             <span th:text="${p.utilisateur.email}"></span>
             <!-- Formulaire modification permission -->
             <form th:action="@{'/photo/' + ${photo.id} + '/share/update'}" method="post" style="display:inline;">
-                <input type="hidden" name="email" th:value="${p.utilisateur.email}" />
+                <input type="hidden" name="email" th:value="${p.utilisateur.email}"/>
                 <select name="permission">
                     <option value="READ" th:selected="${p.permission == 'READ'}">Lecture</option>
                     <option value="COMMENT" th:selected="${p.permission == 'COMMENT'}">Commentaire</option>
@@ -72,7 +80,7 @@
     </div>
     <form th:action="@{'/photo/' + ${photo.id} + '/share'}" method="post">
         <label>Email de l'utilisateur :</label>
-        <input type="email" name="email" required />
+        <input type="email" name="email" required/>
         <label>Permission :</label>
         <select name="permission">
             <option value="READ">Lecture seule</option>
@@ -87,7 +95,6 @@
 </div>
 
 
-
 <!-- Commentaires -->
 <h2>Commentaires</h2>
 <div th:each="c : ${commentairesPage.content}">
@@ -125,6 +132,14 @@
 <p>
     <a th:href="@{'/photo/' + ${photo.id} + '/raw'}" target="_blank">Voir en grande taille</a>
 </p>
-
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/src/main/resources/templates/upload.html b/src/main/resources/templates/upload.html
index 0dd0b88..b158520 100644
--- a/src/main/resources/templates/upload.html
+++ b/src/main/resources/templates/upload.html
@@ -4,6 +4,16 @@
     <meta charset="utf-8"/>
     <title>Upload - FotoSharing</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
 <h1>Uploader une photo</h1>
 <form th:action="@{/upload}" method="post" enctype="multipart/form-data">
@@ -17,8 +27,16 @@
     </label><br/>
     <button type="submit">Envoyer</button>
 </form>
-<p><a th:href="@{/galerie}">Galerie publique</a></p>
 <div th:if="${error}" th:text="${error}"></div>
 <div th:if="${message}" th:text="${message}"></div>
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/target/classes/templates/album-detail.html b/target/classes/templates/album-detail.html
index df12e30..4cc3338 100644
--- a/target/classes/templates/album-detail.html
+++ b/target/classes/templates/album-detail.html
@@ -4,6 +4,16 @@
     <meta charset="utf-8"/>
     <title>Détail album</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
 
 <a th:href="@{/mes-albums}">⬅ Retour aux albums</a>
@@ -46,7 +56,7 @@
         <button type="submit">Ajouter</button>
     </form>
     <hr/>
-    <h3>Gestion des partages de l’album</h3>
+    <h2>Gestion des partages de l’album</h2>
     <div th:if="${param.error}" style="color:red; font-weight:bold;">
         <span th:text="${param.error}"></span>
     </div>
@@ -94,8 +104,14 @@
         Supprimer l’album
     </a>
 </div>
-
-
-
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/target/classes/templates/galerie.html b/target/classes/templates/galerie.html
index 17d3d3b..12fc5f2 100644
--- a/target/classes/templates/galerie.html
+++ b/target/classes/templates/galerie.html
@@ -4,6 +4,16 @@
     <meta charset="utf-8"/>
     <title>Galerie publique</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
 
 <h1>Galerie publique</h1>
@@ -35,6 +45,14 @@
     </a>
 
 </div>
-
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/target/classes/templates/home.html b/target/classes/templates/home.html
index 3442f17..9345aad 100644
--- a/target/classes/templates/home.html
+++ b/target/classes/templates/home.html
@@ -9,13 +9,14 @@
 <p><a th:href="@{/mes-photos}">Voir mes photos</a></p>
 <p><a th:href="@{/mes-albums}">Voir mes albums</a></p>
 <p><a th:href="@{/galerie}">Voir la galerie publique</a></p>
-<p>
-<form th:action="@{/logout}" method="post" style="display: inline;">
-    <button type="submit"
-            style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
-        Se déconnecter
-    </button>
-</form>
-</p>
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/target/classes/templates/mes-albums.html b/target/classes/templates/mes-albums.html
index 4f692aa..0bc8c04 100644
--- a/target/classes/templates/mes-albums.html
+++ b/target/classes/templates/mes-albums.html
@@ -4,12 +4,22 @@
     <meta charset="utf-8"/>
     <title>Mes albums</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
 
 <h1>Mes albums</h1>
 
 <!-- FORMULAIRE AJOUT ALBUM -->
-<h3>Créer un album</h3>
+<h2>Créer un album</h2>
 <form th:action="@{/albums/create}" method="post">
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
     <label>Nom :</label>
@@ -64,7 +74,14 @@
         </div>
     </div>
 </div>
-
-
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/target/classes/templates/mes-photos.html b/target/classes/templates/mes-photos.html
index 5dd31e9..1b6e172 100644
--- a/target/classes/templates/mes-photos.html
+++ b/target/classes/templates/mes-photos.html
@@ -4,10 +4,18 @@
     <meta charset="utf-8"/>
     <title>Mes photos</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
-<h2>Mes photos</h2>
-<p><a th:href="@{/upload}">Uploader une photo</a></p>
-<p><a th:href="@{/}">Retour accueil</a></p>
+<h1>Mes photos</h1>
 <h2>Mes photos privées</h2>
 <div>
     <a th:each="p : ${photosPrivees.content}" th:if="${p != null}"
@@ -91,6 +99,14 @@
 
 
 <p><a th:href="@{/galerie}">Galerie publique</a></p>
-
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/target/classes/templates/photo-detail.html b/target/classes/templates/photo-detail.html
index 9ca2aa5..a4761d8 100644
--- a/target/classes/templates/photo-detail.html
+++ b/target/classes/templates/photo-detail.html
@@ -4,15 +4,21 @@
     <meta charset="utf-8"/>
     <title>Détail de la photo</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
 
 <h1>Détail de la photo</h1>
 
-<p>
-    <a th:href="@{/}">Accueil</a> |
-    <a th:href="@{/galerie}">Galerie publique</a> |
-    <a th:href="@{/mes-photos}">Mes photos</a>
-</p>
+
 
 <!-- Affichage de la photo -->
 <div>
@@ -23,7 +29,9 @@
 
 <!-- Infos -->
 <ul>
-    <li><strong>Votre rôle :</strong><span th:text="${photo.proprietaire.email == currentUser ? 'Propriétaire' : (canAdmin ? 'Admin' : (canComment ? 'Commentateur' : 'Lecteur'))}"></span></li>
+    <li><strong>Votre rôle :</strong><span
+            th:text="${photo.proprietaire.email == currentUser ? 'Propriétaire' : (canAdmin ? 'Admin' : (canComment ? 'Commentateur' : 'Lecteur'))}"></span>
+    </li>
     <li><strong>Nom original :</strong> <span th:text="${photo.nomFichierOriginal}"></span></li>
     <li><strong>Date upload :</strong> <span th:text="${photo.dateUpload}"></span></li>
     <li><strong>Visibilité :</strong> <span th:text="${photo.visibilite}"></span></li>
@@ -33,7 +41,7 @@
 <div th:if="${isOwner}">
     <form th:action="@{'/photo/' + ${photo.id} + '/delete'}" method="post"
           onsubmit="return confirm('Supprimer définitivement cette photo ?');">
-        <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
+        <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
         <button type="submit" style="color:red; margin-bottom:20px;">
             Supprimer la photo
         </button>
@@ -50,7 +58,7 @@
             <span th:text="${p.utilisateur.email}"></span>
             <!-- Formulaire modification permission -->
             <form th:action="@{'/photo/' + ${photo.id} + '/share/update'}" method="post" style="display:inline;">
-                <input type="hidden" name="email" th:value="${p.utilisateur.email}" />
+                <input type="hidden" name="email" th:value="${p.utilisateur.email}"/>
                 <select name="permission">
                     <option value="READ" th:selected="${p.permission == 'READ'}">Lecture</option>
                     <option value="COMMENT" th:selected="${p.permission == 'COMMENT'}">Commentaire</option>
@@ -72,7 +80,7 @@
     </div>
     <form th:action="@{'/photo/' + ${photo.id} + '/share'}" method="post">
         <label>Email de l'utilisateur :</label>
-        <input type="email" name="email" required />
+        <input type="email" name="email" required/>
         <label>Permission :</label>
         <select name="permission">
             <option value="READ">Lecture seule</option>
@@ -87,7 +95,6 @@
 </div>
 
 
-
 <!-- Commentaires -->
 <h2>Commentaires</h2>
 <div th:each="c : ${commentairesPage.content}">
@@ -125,6 +132,14 @@
 <p>
     <a th:href="@{'/photo/' + ${photo.id} + '/raw'}" target="_blank">Voir en grande taille</a>
 </p>
-
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
diff --git a/target/classes/templates/upload.html b/target/classes/templates/upload.html
index 0dd0b88..b158520 100644
--- a/target/classes/templates/upload.html
+++ b/target/classes/templates/upload.html
@@ -4,6 +4,16 @@
     <meta charset="utf-8"/>
     <title>Upload - FotoSharing</title>
 </head>
+<header>
+    <p>
+        <a th:href="@{/}">Accueil</a> |
+        <a th:href="@{/upload}">Uploader une photo</a> |
+        <a th:href="@{/mes-photos}">Mes photos</a> |
+        <a th:href="@{/mes-albums}">Mes albums</a> |
+        <a th:href="@{/galerie}">Galerie publique</a>
+    </p>
+    <hr/>
+</header>
 <body>
 <h1>Uploader une photo</h1>
 <form th:action="@{/upload}" method="post" enctype="multipart/form-data">
@@ -17,8 +27,16 @@
     </label><br/>
     <button type="submit">Envoyer</button>
 </form>
-<p><a th:href="@{/galerie}">Galerie publique</a></p>
 <div th:if="${error}" th:text="${error}"></div>
 <div th:if="${message}" th:text="${message}"></div>
 </body>
+<footer>
+    <hr/>
+    <form th:action="@{/logout}" method="post" style="display: inline;">
+        <button type="submit"
+                style="background: none; border: none; color: blue; text-decoration: underline; cursor: pointer;">
+            Se déconnecter
+        </button>
+    </form>
+</footer>
 </html>
