diff --git a/public/resto.css b/public/resto.css
new file mode 100644
index 0000000..d1f27df
--- /dev/null
+++ b/public/resto.css
@@ -0,0 +1,111 @@
+main {
+  text-align: left !important;
+}
+
+.restaurant-page {
+  width: 90%;
+  max-width: 1200px;
+  margin: auto;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-top: 20px;
+}
+
+.restaurant-info h1 {
+  margin: 0;
+  font-size: 24px;
+}
+
+.heart {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: #ececec;
+  border-radius: 50%;
+  width: 32px;
+  height: 32px;
+  font-size: 20px;
+  margin-left: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+}
+
+.rating {
+  display: flex;
+  align-items: center;
+  margin: 10px 0;
+  gap: 10px;
+}
+
+.btn {
+  background: #999;
+  border: none;
+  color: white;
+  padding: 5px 10px;
+  cursor: pointer;
+}
+
+.chart-placeholder {
+  width: 150px;
+  height: 150px;
+  background: #eee;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+}
+
+.main-image {
+  width: 100%;
+  height: 200px;
+  background: #ccc;
+  margin: 20px 0;
+}
+
+.description {
+  background: #f9f9f9;
+  padding: 15px;
+  margin-bottom: 20px;
+}
+
+.gallery {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 30px;
+}
+
+.gallery-item {
+  width: 32%;
+  height: 150px;
+  background: #ddd;
+}
+
+.reviews-title {
+  background: #eee;
+  padding: 10px;
+  margin: 0;
+}
+
+.reviews {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  margin: 20px 0;
+}
+
+.review {
+  background: #f5f5f5;
+  padding: 15px;
+  border: 1px solid #ddd;
+}
+
+.review h3 {
+  margin-top: 0;
+}
+
+.review-rating div {
+  margin-top: 5px;
+}
diff --git a/routes.js b/routes.js
index f6ae02b..e0c7f02 100644
--- a/routes.js
+++ b/routes.js
@@ -3,6 +3,11 @@ const router = express.Router();
 
 // Page d'accueil
 router.get('/', (req, res) => {
+  res.render('index', { user: req.session.user });
+});
+
+// Page resto
+router.get('/resto/:id', (req, res) => {
   res.render('resto', { user: req.session.user });
 });
 
diff --git a/views/index.ejs b/views/index.ejs
index ce7078b..92506de 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -1,6 +1,5 @@
 <div style="display:flex; justify-content: center; align-items: center;">
     <h2 style="margin-right: 20px;">L’EPICURIEN</h2>
-    <!-- Vérification du logo : le fichier "logo.png" doit être présent dans le dossier public ou assets -->
     <img style="height: 70px; width: 70px; object-fit: contain;" alt="Logo de l'entreprise" src="logo.png" onerror="this.onerror=null;this.src='https://via.placeholder.com/70?text=Logo';" />
 </div>
 <div class="sections">
@@ -8,30 +7,36 @@
     <div class="section">
         <h3>Restaurants les plus proches</h3>
         <div class="cards">
-            <div class="card">
-                <div class="card-info">
-                    <h4>Le Canard Toulousain</h4>
-                    <p>12 Rue du Capitole, 31000 Toulouse</p>
-                    <p>Avis général</p>
+            <a href="/resto/1" style="text-decoration:none; color:inherit;">
+                <div class="card">
+                    <div class="card-info">
+                        <h4>Le Canard Toulousain</h4>
+                        <p>12 Rue du Capitole, 31000 Toulouse</p>
+                        <p>Avis général</p>
+                    </div>
+                    <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=1" />
                 </div>
-                <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=1" />
-            </div>
-            <div class="card">
-                <div class="card-info">
-                    <h4>Chez Pépé Louis</h4>
-                    <p>8 Avenue de la Garonne, 31000 Toulouse</p>
-                    <p>Avis général</p>
+            </a>
+            <a href="/resto/2" style="text-decoration:none; color:inherit;">
+                <div class="card">
+                    <div class="card-info">
+                        <h4>Chez Pépé Louis</h4>
+                        <p>8 Avenue de la Garonne, 31000 Toulouse</p>
+                        <p>Avis général</p>
+                    </div>
+                    <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=2" />
                 </div>
-                <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=2" />
-            </div>
-            <div class="card">
-                <div class="card-info">
-                    <h4>La Table Rose</h4>
-                    <p>25 Rue Saint-Rome, 31000 Toulouse</p>
-                    <p>Avis général</p>
+            </a>
+            <a href="/resto/3" style="text-decoration:none; color:inherit;">
+                <div class="card">
+                    <div class="card-info">
+                        <h4>La Table Rose</h4>
+                        <p>25 Rue Saint-Rome, 31000 Toulouse</p>
+                        <p>Avis général</p>
+                    </div>
+                    <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=3" />
                 </div>
-                <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=3" />
-            </div>
+            </a>
         </div>
     </div>
 
@@ -39,29 +44,35 @@
     <div class="section">
         <h3>Restaurants les plus populaires</h3>
         <div class="cards">
-            <div class="card">
-                <div class="card-info">
-                    <h4>Bistro Occitan</h4>
-                    <p>5 Place Wilson, 31000 Toulouse</p>
-                    <p>Avis général</p>
+            <a href="/resto/4" style="text-decoration:none; color:inherit;">
+                <div class="card">
+                    <div class="card-info">
+                        <h4>Bistro Occitan</h4>
+                        <p>5 Place Wilson, 31000 Toulouse</p>
+                        <p>Avis général</p>
+                    </div>
+                    <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=4" />
                 </div>
-                <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=4" />
-            </div>
-            <div class="card">
-                <div class="card-info">
-                    <h4>L’Assiette du Sud</h4>
-                    <p>17 Allée Jean Jaurès, 31000 Toulouse</p>
-                    <p>Avis général</p>
+            </a>
+            <a href="/resto/5" style="text-decoration:none; color:inherit;">
+                <div class="card">
+                    <div class="card-info">
+                        <h4>L’Assiette du Sud</h4>
+                        <p>17 Allée Jean Jaurès, 31000 Toulouse</p>
+                        <p>Avis général</p>
+                    </div>
+                    <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=5" />
                 </div>
-                <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=5" />
-            </div>
-            <div class="card">
-                <div class="card-info">
-                    <h4>Le Petit Cassoulet</h4>
-                    <p>3 Rue des Filatiers, 31000 Toulouse</p>
-                    <p>Avis général</p>
+            </a>
+            <a href="/resto/6" style="text-decoration:none; color:inherit;">
+                <div class="card">
+                    <div class="card-info">
+                        <h4>Le Petit Cassoulet</h4>
+                        <p>3 Rue des Filatiers, 31000 Toulouse</p>
+                        <p>Avis général</p>
+                    </div>
+                    <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=6" />
                 </div>
-                <img alt="Photo du restaurant" src="https://source.unsplash.com/100x100/?restaurant=6" />
-            </div>
+            </a>
         </div>
     </div>
\ No newline at end of file
diff --git a/views/layout.ejs b/views/layout.ejs
index 819ca6e..2fdfeb9 100644
--- a/views/layout.ejs
+++ b/views/layout.ejs
@@ -18,7 +18,9 @@
                 <a href="/" class="logo-link">
                     <img src="/logo.png" alt="Logo L'EPICURIEN" class="logo" />
                 </a>
-                <h1 style="text-decoration: none; color: white;">L'EPICURIEN</h1>
+                <a href="/" class="">
+                    <h1 style="text-decoration: none; color: white;">L'EPICURIEN</h1>
+                </a>
             </div>
             <div class="header-center">
                 <div class="search-bar">
diff --git a/views/resto.ejs b/views/resto.ejs
index bb464bd..00a0dd1 100644
--- a/views/resto.ejs
+++ b/views/resto.ejs
@@ -1,13 +1,23 @@
-<body>
-  <div class="restaurant-page">
+<link rel="stylesheet" href="/resto.css" />
+
+<div class="restaurant-page">
     <!-- En-tête restaurant -->
     <div class="header">
       <div class="restaurant-info">
-        <h1>Nom restaurant <span class="heart">❤️</span></h1>
+        <h1>
+          Nom restaurant
+          <span class="heart">
+            <% if (user) { %>
+              ❤️
+            <% } else { %>
+              🤍
+            <% } %>
+          </span>
+        </h1>
         <p class="address">Adresse</p>
         <div class="rating">
           <span>⭐️⭐️⭐️⭐️⭐️</span>
-          <button class="btn">Voir tous les avis</button>
+          <a href="#avis" class="btn">Voir tous les avis</a>
         </div>
       </div>
       <div class="chart">
@@ -38,7 +48,7 @@
     </div>
 
     <!-- Avis -->
-    <h2 class="reviews-title">Avis</h2>
+    <h2 class="reviews-title" id="avis">Avis</h2>
     <div class="reviews">
       <div class="review">
         <h3>Titre avis</h3>
@@ -85,134 +95,3 @@
         </div>
       </div>
     </div>
-
-    <!-- Footer -->
-    <footer>
-      <a href="#">Mentions légales</a>
-      <a href="#">Politique de confidentialité</a>
-      <a href="#">CGU</a>
-    </footer>
-  </div>
-
-  <style>
-    body {
-      font-family: Arial, sans-serif;
-      margin: 0;
-      padding: 0;
-      background: #fff;
-    }
-
-    .restaurant-page {
-      width: 90%;
-      max-width: 1200px;
-      margin: auto;
-    }
-
-    .header {
-      display: flex;
-      justify-content: space-between;
-      align-items: flex-start;
-      margin-top: 20px;
-    }
-
-    .restaurant-info h1 {
-      margin: 0;
-      font-size: 24px;
-    }
-
-    .heart {
-      color: red;
-    }
-
-    .rating {
-      display: flex;
-      align-items: center;
-      margin: 10px 0;
-      gap: 10px;
-    }
-
-    .btn {
-      background: #999;
-      border: none;
-      color: white;
-      padding: 5px 10px;
-      cursor: pointer;
-    }
-
-    .chart-placeholder {
-      width: 150px;
-      height: 150px;
-      background: #eee;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 12px;
-    }
-
-    .main-image {
-      width: 100%;
-      height: 200px;
-      background: #ccc;
-      margin: 20px 0;
-    }
-
-    .description {
-      background: #f9f9f9;
-      padding: 15px;
-      margin-bottom: 20px;
-    }
-
-    .gallery {
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 30px;
-    }
-
-    .gallery-item {
-      width: 32%;
-      height: 150px;
-      background: #ddd;
-    }
-
-    .reviews-title {
-      background: #eee;
-      padding: 10px;
-      margin: 0;
-    }
-
-    .reviews {
-      display: flex;
-      flex-direction: column;
-      gap: 20px;
-      margin: 20px 0;
-    }
-
-    .review {
-      background: #f5f5f5;
-      padding: 15px;
-      border: 1px solid #ddd;
-    }
-
-    .review h3 {
-      margin-top: 0;
-    }
-
-    .review-rating div {
-      margin-top: 5px;
-    }
-
-    footer {
-      background: #eee;
-      padding: 10px;
-      text-align: center;
-      display: flex;
-      justify-content: space-around;
-      margin-top: 30px;
-    }
-
-    footer a {
-      text-decoration: none;
-      color: black;
-    }
-  </style>
-</body>