diff --git a/README.md b/README.md
index 9b23f88..c5cff9d 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,8 @@
 # Villafleurie : moteur de réservation autonome
----
-`V 0.1`
-Le site est structuré. Il reste à appliquer le contenu et les visuels.
+
+`V 0.1 Le site est structuré. Il reste à appliquer le contenu et les visuels`
 
 ## Projet
----
 
 Créer un site vitrine présentant l'activité de Villafleurie :
 * location de logements : T2 et T3
@@ -18,52 +16,51 @@ Le visiteur doit pouvoir :
 * et pouvoir réserver
 
 ## Structure
----
 
 ### Pages
 
 1. Page d'accueil
-..* Landing page
-..* CTA = "Réserver maintenant"
+* Landing page
+* CTA = "Réserver maintenant"
 2. Page logement
-..* photos,
-..* disponibilités,
-..* tarif pour la période sélectionnée,
+* photos,
+* disponibilités,
+* tarif pour la période sélectionnée,
 3. Page réservation
-..* Entrer ses coordonnées
-..* Prépayer la réservation ou la caution,
+* Entrer ses coordonnées
+* Prépayer la réservation ou la caution,
 4. Page remerciements
-..* Expliquer les prochaines étapes
+* Expliquer les prochaines étapes
 5. Page contact
 6. Page légale
 
 ### Données
 
 1. Logement :
-..* nom,
-..* photos,
-..* description,
-..* calendrier,
-..* tarif
+* nom,
+* photos,
+* description,
+* calendrier,
+* tarif
 
 2. Client :
-..* nom,
-..* mail,
-..* téléphone,
-..* _réservation_
+* nom,
+* mail,
+* téléphone,
+* _réservation_
 
 3. Réservation :
-..* _client_,
-..* _logement_,
-..* dates de calendrier,
+* _client_,
+* _logement_,
+* dates de calendrier,
 
 4. Témoignages :
-..* _client_,
-..* _reservation_,
-..* témoignage
+* _client_,
+* _reservation_,
+* témoignage
 
 ## TO DO
----
+
 * remplir les détails des logements et ajouter les photos dynamiquement
 * afficher le logo
 * Gestion du calendrier
diff --git a/rental/.DS_Store b/rental/.DS_Store
deleted file mode 100644
index 9eebb9b..0000000
Binary files a/rental/.DS_Store and /dev/null differ
diff --git a/rental/templates/.DS_Store b/rental/templates/.DS_Store
deleted file mode 100644
index e7f3c93..0000000
Binary files a/rental/templates/.DS_Store and /dev/null differ
diff --git a/rental/templates/rental/.DS_Store b/rental/templates/rental/.DS_Store
deleted file mode 100644
index 5008ddf..0000000
Binary files a/rental/templates/rental/.DS_Store and /dev/null differ
diff --git a/rental/templates/rental/base.html b/rental/templates/rental/base.html
index dad46d5..6d651af 100644
--- a/rental/templates/rental/base.html
+++ b/rental/templates/rental/base.html
@@ -197,7 +197,7 @@
               <div class="w-body-a">
                 <ul class="list-unstyled">
                   <li class="item-list-a">
-                    <i class="fa fa-angle-right"></i> <a href="#">Mentions légales</a>
+                    <i class="fa fa-angle-right"></i> <a href="{% url 'legal' %}">Mentions légales</a>
                   </li>
                   <li class="item-list-a">
                     <i class="fa fa-angle-right"></i> <a href="#">Jobs</a>
diff --git a/rental/templates/rental/detail_place.html b/rental/templates/rental/detail_place.html
index db4cdc4..71958ef 100644
--- a/rental/templates/rental/detail_place.html
+++ b/rental/templates/rental/detail_place.html
@@ -19,7 +19,7 @@
                 <a href="{% url 'rental:index' %}">Accueil</a>
               </li>
               <li class="breadcrumb-item">
-                <a href="{% url 'rental:detail_place' place_name=place.name %}">Propriétés</a>
+                <a href="{% url 'rental:detail_place' place_name=place.name %}">Hébergements</a>
               </li>
               <li class="breadcrumb-item active" aria-current="page">
                 {{ place.name }}
diff --git a/rental/templates/rental/legal.html b/rental/templates/rental/legal.html
new file mode 100644
index 0000000..b5c32f3
--- /dev/null
+++ b/rental/templates/rental/legal.html
@@ -0,0 +1,163 @@
+{% extends 'rental/base.html'%}
+{% load static %}
+
+{% block content %}
+
+  <!--/ Intro Single star /-->
+  <section class="intro-single">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12 col-lg-8">
+          <div class="title-single-box">
+            <h1 class="title-single">Mentions légales</h1>
+            <span class="color-text-a">Vous souhaiter effectuer une demande de réservation ?
+            Vous avez des questions, des suggestions d’amélioration ou des commentaires ?
+            <br>Laissez-nous un message !</span>
+          </div>
+        </div>
+        <div class="col-md-12 col-lg-4">
+          <nav aria-label="breadcrumb" class="breadcrumb-box d-flex justify-content-lg-end">
+            <ol class="breadcrumb">
+              <li class="breadcrumb-item">
+                <a href="{% url 'rental:index' %}">Accueil</a>
+              </li>
+              <li class="breadcrumb-item active" aria-current="page">
+                Mentions légales
+              </li>
+            </ol>
+          </nav>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--/ Intro Single End /-->
+
+  <!--/ Contact Star /-->
+  <section class="contact">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-12">
+          CGU, CGV, politique de confidentialité, 
+        </div>
+        <div class="col-sm-12 section-t8">
+          <div class="row">
+            <div class="col-md-7">
+              <form class="form-a contactForm" action="" method="post" role="form">
+                <div id="sendmessage">Votre message a bien été envoyé. Merci !</div>
+                <div id="errormessage"></div>
+                <div class="row">
+                  <div class="col-md-6 mb-3">
+                    <div class="form-group">
+                      <input type="text" name="name" class="form-control form-control-lg form-control-a" placeholder="Nom" data-rule="minlen:4" data-msg="Veuillez entrer 4 caractères minimum svp">
+                      <div class="validation"></div>
+                    </div>
+                  </div>
+                  <div class="col-md-6 mb-3">
+                    <div class="form-group">
+                      <input name="email" type="email" class="form-control form-control-lg form-control-a" placeholder="Email" data-rule="email" data-msg="Veuillez entrer une adresse valide svp">
+                      <div class="validation"></div>
+                    </div>
+                  </div>
+                  <div class="col-md-12 mb-3">
+                    <div class="form-group">
+                      <input type="text" name="subject" class="form-control form-control-lg form-control-a" placeholder="Sujet" data-rule="minlen:4" data-msg="Veuillez entrer 8 caractères minimum svp">
+                      <div class="validation"></div>
+                    </div>
+                  </div>
+                  <div class="col-md-12 mb-3">
+                    <div class="form-group">
+                      <textarea name="message" class="form-control" name="message" cols="45" rows="8" data-rule="required" data-msg="Laissez nous un message à lire 😁" placeholder="Message"></textarea>
+                      <div class="validation"></div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <button type="submit" class="btn btn-a">Envoyer</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+            <div class="col-md-5 section-md-t3">
+              <div class="icon-box section-b2">
+                <div class="icon-box-icon">
+                  <span class="ion-ios-paper-plane"></span>
+                </div>
+                <div class="icon-box-content table-cell">
+                  <div class="icon-box-title">
+                    <h4 class="icon-title">Dîtes salut 👋</h4>
+                  </div>
+                  <div class="icon-box-content">
+                    <p class="mb-1">✉️Email :
+                      <span class="color-a"><a href="mailto:location.villafleurie@gmail.com">location.villafleurie@gmail.com</a></span>
+                    </p>
+                    <p class="mb-1">📞Téléphone :
+                      <span class="color-a"><a href="tel:0698267634">06 98 26 76 34</a></span>
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <div class="icon-box section-b2">
+                <div class="icon-box-icon">
+                  <span class="ion-ios-pin"></span>
+                </div>
+                <div class="icon-box-content table-cell">
+                  <div class="icon-box-title">
+                    <h4 class="icon-title">Retrouvez-nous </h4>
+                  </div>
+                  <div class="icon-box-content">
+                    <p class="mb-1">
+                      Rue Gerty Archimède,
+                      <br> 97190 Le Gosier, Guadeloupe
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <!-- <div class="icon-box">
+                <div class="icon-box-icon">
+                  <span class="ion-ios-redo"></span>
+                </div>
+                <div class="icon-box-content table-cell">
+                  <div class="icon-box-title">
+                    <h4 class="icon-title">Social networks</h4>
+                  </div>
+                  <div class="icon-box-content">
+                    <div class="socials-footer">
+                      <ul class="list-inline">
+                        <li class="list-inline-item">
+                          <a href="#" class="link-one">
+                            <i class="fa fa-facebook" aria-hidden="true"></i>
+                          </a>
+                        </li>
+                        <li class="list-inline-item">
+                          <a href="#" class="link-one">
+                            <i class="fa fa-twitter" aria-hidden="true"></i>
+                          </a>
+                        </li>
+                        <li class="list-inline-item">
+                          <a href="#" class="link-one">
+                            <i class="fa fa-instagram" aria-hidden="true"></i>
+                          </a>
+                        </li>
+                        <li class="list-inline-item">
+                          <a href="#" class="link-one">
+                            <i class="fa fa-pinterest-p" aria-hidden="true"></i>
+                          </a>
+                        </li>
+                        <li class="list-inline-item">
+                          <a href="#" class="link-one">
+                            <i class="fa fa-dribbble" aria-hidden="true"></i>
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+              </div> -->
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!--/ Contact End /-->
+
+{% endblock %}
diff --git a/rental/templates/rental/reservation.html b/rental/templates/rental/reservation.html
index 45865be..7ec3d28 100644
--- a/rental/templates/rental/reservation.html
+++ b/rental/templates/rental/reservation.html
@@ -9,7 +9,7 @@
       <div class="row">
         <div class="col-md-12 col-lg-8">
           <div class="title-single-box">
-            <h1 class="title-single">Contactez-nous</h1>
+            <h1 class="title-single">Réservation</h1>
             <span class="color-text-a">Vous souhaiter effectuer une demande de réservation ?
             Vous avez des questions, des suggestions d’amélioration ou des commentaires ?
             <br>Laissez-nous un message !</span>
@@ -22,7 +22,7 @@
                 <a href="{% url 'rental:index' %}">Accueil</a>
               </li>
               <li class="breadcrumb-item active" aria-current="page">
-                Contact
+                Réservation
               </li>
             </ol>
           </nav>
diff --git a/rental/views.py b/rental/views.py
index b029d34..e2a110a 100644
--- a/rental/views.py
+++ b/rental/views.py
@@ -43,6 +43,9 @@ class Contact(TemplateView):
 class Reserver(TemplateView):
     template_name = 'rental/reservation.html'
 
+class Legal(TemplateView):
+    template_name = 'rental/legal.html'
+
 def about(request):
     context = {}
     return render(request, 'rental/about.html', context)
diff --git a/villafleurie/urls.py b/villafleurie/urls.py
index ec3f286..92f1485 100644
--- a/villafleurie/urls.py
+++ b/villafleurie/urls.py
@@ -10,5 +10,6 @@ urlpatterns = [
     path('contact/', views.Contact.as_view(), name='contact'),
     path('a-propos/', views.about, name='about'),
     path('reservation/', views.Reserver.as_view(), name='reservation'),
+    path('legal/', views.Legal.as_view(), name='legal'),
     path('', include('rental.urls', namespace='rental')),
 ]