diff --git a/app/views/sessions/new.html.haml b/app/views/sessions/new.html.haml
index a6f0360..5897672 100644
--- a/app/views/sessions/new.html.haml
+++ b/app/views/sessions/new.html.haml
@@ -1,10 +1,22 @@
-= tag.div(flash[:alert], style: "color:red") if flash[:alert]
-= tag.div(flash[:notice], style: "color:green") if flash[:notice]
-= form_with url: session_path do |form|
-  = form.email_field :email_address, required: true, autofocus: true, autocomplete: "username", placeholder: "Enter your email address", value: params[:email_address]
-  %br/
-  = form.password_field :password, required: true, autocomplete: "current-password", placeholder: "Enter your password", maxlength: 72
-  %br/
-  = form.submit "Sign in"
-%br/
-= link_to "Forgot password?", new_password_path
+%main.columns.m-auto{"data-controller" => "mood"}
+  .column.is-hidden-mobile
+    %section.m-4
+      %figure.image.has-ratio
+        = image_tag("croisiere.jpg")
+  %section.section.column.has-background-primary-light.is-flex.is-flex-direction-column.is-justify-content-center
+    %h1.title Connexion au tableau de bord de la KLUK
+    .flash.mb-2
+      .has-text-danger= flash[:alert] if flash[:alert]
+      .has-text-info= flash[:notice] if flash[:notice]
+    = form_with url: session_path do |form|
+      .field
+        = form.label :email_address, "Email"
+        .control
+          = form.email_field :email_address, required: true, autofocus: true, autocomplete: "username", placeholder: "Entrez votre email", value: params[:email_address], class: "input"
+      .field
+        = form.label :password, "Mot de passe"
+        .control
+          = form.password_field :password, required: true, autocomplete: "current-password", placeholder: "Entrez votre mot de passe", maxlength: 72, class: "input"
+      .field
+        .control
+          %button.button.is-link Se connecter