diff --git a/static/css/index.css b/static/css/index.css
index 16ebf2a..0ddc9b7 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -119,3 +119,11 @@ body {
     border: none;
     border-radius: 5px;
 }
+
+.login {
+    position: fixed;
+    right: 0;
+    top: 0;
+    color: white;
+    padding: 10px;
+}
diff --git a/static/css/results.css b/static/css/results.css
index a232ff0..0c1f07d 100644
--- a/static/css/results.css
+++ b/static/css/results.css
@@ -76,3 +76,11 @@ body {
     grid-column-start: 2;
     grid-column-end: 3;
 }
+
+.login {
+    position: fixed;
+    right: 0;
+    top: 0;
+    color: white;
+    padding: 10px;
+}
diff --git a/static/html/index.html b/static/html/index.html
index 8cec0cd..d6482c2 100644
--- a/static/html/index.html
+++ b/static/html/index.html
@@ -11,6 +11,7 @@
     <link rel="stylesheet" href="static/css/index.css">
 </head>
 <body>
+    <a href="/login" class="login" id="login">Se connecter</a>
     <div id="app" class="app">
         <h1 id="app_title">Vote +</h1>
         <label for="player_id">Pour qui votes tu?</label>
diff --git a/static/html/results.html b/static/html/results.html
index 36da9d7..113e697 100644
--- a/static/html/results.html
+++ b/static/html/results.html
@@ -11,6 +11,7 @@
     <script src="/static/js/results.js" defer="defer"></script>
 </head>
 <body>
+    <a href="/login" class="login" id="login">Se connecter</a>
     <div id="app" class="app"></div>
     <div id="footer" class="footer">
         <a href="/">Voter</a>
diff --git a/static/js/index.js b/static/js/index.js
index 062d147..da35d26 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -64,7 +64,7 @@ async function main() {
             })
                 .then(r => r.status) === 200) {
                 set_cookie();
-                showMessage("Merci pour ton vote!", "Ton vote a bien été prit en compte.", false, "info");
+                showMessage("Merci pour ton vote!", "Ton vote a bien été pris en compte.", false, "info");
             }
             console.log(vote);
         } else {
@@ -123,4 +123,9 @@ function read_cookie() {
     return document.cookie.includes("hasvoted=true");
 }
 
+let login = document.getElementById("login");
+let logged = document.cookie.includes("logged=true");
+login.textContent = logged ? "Se déconnecter" : "Se connecter";
+login.href = logged ? "/logout" : "/login";
+
 let _ = main();
\ No newline at end of file
diff --git a/static/js/results.js b/static/js/results.js
index 1ba4192..3d2fbb4 100644
--- a/static/js/results.js
+++ b/static/js/results.js
@@ -149,4 +149,9 @@ async function show_results(players) {
     }
 }
 
+let login = document.getElementById("login");
+let logged = document.cookie.includes("logged=true");
+login.textContent = logged ? "Se déconnecter" : "Se connecter";
+login.href = logged ? "/logout" : "/login";
+
 let _ = run();
\ No newline at end of file
