diff --git a/templates/registration/register.html.twig b/templates/registration/register.html.twig
index 9bcd612..c5ce8d1 100644
--- a/templates/registration/register.html.twig
+++ b/templates/registration/register.html.twig
@@ -3,23 +3,31 @@
 {% block title %}Inscription{% endblock %}
 
 {% block body %}
-    <h1>Inscription</h1>
+    <div class="card">
+        <div class="card-header">
+            <h1>Inscription</h1>
+        </div>
 
-    {{ form_start(registrationForm) }}
-    {{ form_row(registrationForm.email) }}
-    <div class="row">
-        <div class="col">
-            {{ form_row(registrationForm.nom) }}
+        {{ form_start(registrationForm) }}
+        <div class="card-body">
+            {{ form_row(registrationForm.email) }}
+            <div class="row">
+                <div class="col">
+                    {{ form_row(registrationForm.nom) }}
+                </div>
+                <div class="col">
+                    {{ form_row(registrationForm.prenom) }}
+                </div>
+            </div>
+            {{ form_row(registrationForm.plainPassword, {
+                label: 'Mot de passe'
+            }) }}
         </div>
-        <div class="col">
-            {{ form_row(registrationForm.prenom) }}
+
+        <div class="card-footer">
+            <a class="btn btn-outline-success" href="{{ path('app_login') }}">Se connecter</a>
+            <button type="submit" class="btn btn-primary">S'incrire</button>
         </div>
+        {{ form_end(registrationForm) }}
     </div>
-    {{ form_row(registrationForm.plainPassword, {
-        label: 'Mot de passe'
-    }) }}
-
-
-    <button type="submit" class="btn btn-primary">S'incrire</button>
-    {{ form_end(registrationForm) }}
 {% endblock %}
diff --git a/templates/security/login.html.twig b/templates/security/login.html.twig
index 5ac306d..7881fc9 100644
--- a/templates/security/login.html.twig
+++ b/templates/security/login.html.twig
@@ -1,45 +1,42 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Log in!{% endblock %}
+{% block title %}Se connecter{% endblock %}
 
 {% block body %}
-    <form method="post" class="mb-3">
-        <h1 class="h3 mb-3 font-weight-normal">Veuillez-vous connecter</h1>
-        {% if error %}
-            <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
-        {% endif %}
-
-        {% if app.user %}
-            <div class="mb-3">
-                You are logged in as {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Logout</a>
-            </div>
-        {% endif %}
-
-        <label for="inputEmail" class="form-label">Email</label>
-        <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control"
-               autocomplete="email" required autofocus>
-        <label for="inputPassword" class="form-label">Mot de passe</label>
-        <input type="password" name="password" id="inputPassword" class="form-control" autocomplete="current-password"
-               required>
-
-        <input type="hidden" name="_csrf_token"
-               value="{{ csrf_token('authenticate') }}"
-        >
-
-        {#
-        Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
-        See https://symfony.com/doc/current/security/remember_me.html
-
-        <div class="checkbox mb-3">
-            <label>
-                <input type="checkbox" name="_remember_me"> Remember me
-            </label>
+    <form class="card" method="post">
+        <div class="card-header">
+            <h1>Se connecter</h1>
         </div>
-        #}
 
-        <a class="btn btn-outline-success mt-4" href="{{ path('app_register') }}">S'incrire</a>
-        <button class="btn btn-primary mt-4" type="submit">
-            Se connecter
-        </button>
+        <div class="card-body">
+            {% if error %}
+                <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
+            {% endif %}
+
+            {% if app.user %}
+                <div class="mb-3">
+                    You are logged in as {{ app.user.userIdentifier }}, <a href="{{ path('app_logout') }}">Logout</a>
+                </div>
+            {% endif %}
+
+            <label for="inputEmail" class="form-label">Email</label>
+            <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control"
+                   autocomplete="email" required autofocus>
+            <label for="inputPassword" class="form-label">Mot de passe</label>
+            <input type="password" name="password" id="inputPassword" class="form-control"
+                   autocomplete="current-password"
+                   required>
+
+            <input type="hidden" name="_csrf_token"
+                   value="{{ csrf_token('authenticate') }}"
+            >
+        </div>
+
+        <div class="card-footer">
+            <a class="btn btn-outline-success mt-4" href="{{ path('app_register') }}">S'incrire</a>
+            <button class="btn btn-primary mt-4" type="submit">
+                Se connecter
+            </button>
+        </div>
     </form>
 {% endblock %}