diff --git a/layouts/global/html.svelte b/layouts/global/html.svelte
index d771f9f..85b0805 100755
--- a/layouts/global/html.svelte
+++ b/layouts/global/html.svelte
@@ -2,13 +2,18 @@
   import Head from './head.svelte';
   import Nav from './nav.svelte';
 
-  export let layout, content, allContent;
+  export let layout, content, allContent, user, admin;
 </script>
 
 <html lang="en">
 <Head title={content.filename} />
 <body>
-  <Nav {allContent} {content} />
-  <svelte:component this={layout} {...content.fields} {allContent} />
+  {#if user && $user.isAuthenticated}
+    <svelte:component this={$user.menu} bind:content {user} />
+  {/if}
+  <main>
+    <Nav {allContent} {content} {user} />
+    <svelte:component this={layout} {...content.fields} {allContent} />
+  </main>
 </body>
 </html>
diff --git a/layouts/global/nav.svelte b/layouts/global/nav.svelte
index e7aabf5..e2e6b2c 100644
--- a/layouts/global/nav.svelte
+++ b/layouts/global/nav.svelte
@@ -1,5 +1,5 @@
 <script>
-  export let allContent, content;
+  export let allContent, content, user;
 
   let lang = content.path.split('/')[1]; // set default language
 
@@ -12,7 +12,7 @@
   <span id="page-links">
   {#each allContent as page}
     {#if page.path.startsWith('pages/'+lang) && page.filename == '_index.json'}
-      <a href="/{page.path}">Home</a>
+      <a href="/{page.path}">{lang == 'en' ? 'Home' : 'Maison'}</a>
     {/if}
   {/each}
   </span>
@@ -29,6 +29,14 @@
       <a href="/{page.path}">{page.fields.title}</a>
     {/if}
   {/each}
+  {#if user && $user.isAuthenticated}
+    <button on:click|preventDefault={$user.logout()}>{lang == 'en' ? 'Logout' : 'Se déconnecter'}</button>
+  {:else}
+    <button on:click|preventDefault={$user.login()}>{lang == 'en' ? 'Login' : 'Se connecter'}</button>
+  {/if}
+  </span>
+
+  <span id="auth">
   </span>
 
 </nav>
