diff --git a/Logo.jpg b/Logo.jpg
index 2676288..8310814 100644
Binary files a/Logo.jpg and b/Logo.jpg differ
diff --git a/footer.html b/footer.html
index f153e7e..440c979 100644
--- a/footer.html
+++ b/footer.html
@@ -1,10 +1,10 @@
 <footer id="footer">
-    <div id="src">
+    <div class="src">
         <a href="google.com">Une source</a>
     </div>
-    <div id="Contact">
+    <div class="Contact">
         Front end : Bousquet Sébastien
         --- Back end : Thorel Benjamin
-        --- Base de donné : JeConnaisPasSonNomDeFamille Jordan
+        --- Base de donné : Glaudis Jordan
     </div>
 </footer>
\ No newline at end of file
diff --git a/header.html b/header.html
index e802c96..a4691a9 100644
--- a/header.html
+++ b/header.html
@@ -4,8 +4,8 @@
             <img src="Logo.jpg" class="logo">
         </a>
     </div>
-    <nav id="nav">
-        <ul id="nav-list">
+    <nav class="nav">
+        <ul class="nav-list">
             <li><a id="google" class="nav-element" href="google.com">Google</a></li>
             <li><a id="unTest" class="nav-element" href="bing.com">Bing</a></li>
         </ul>
diff --git a/index.php b/index.php
index bfb507c..42ff0ae 100644
--- a/index.php
+++ b/index.php
@@ -10,9 +10,9 @@
     
     <?php include "header.html"?>
 
-    <div id="main-body">
-        <div id="sidebar"> une sidebar</div>
-        <div id="content">
+    <div class="main-body">
+        <div class="sidebar"> une sidebar</div>
+        <div class="content">
             <?php include "recette.html"?>
         </div>
     </div>
diff --git a/main.css b/main.css
index b410f90..c8df955 100644
--- a/main.css
+++ b/main.css
@@ -24,16 +24,19 @@ html, body{
 .logo{
     height: 100%;
     width: 100%;
+    border: 1px white solid;
+    border-radius: 4px;
+    box-shadow: 1px 1px 1px black;
 }
 
-#nav {
+.nav {
     flex: 9;
     text-align: initial;
     letter-spacing: 2px;
     padding: 10px;
 }
 
-#nav-list {
+.nav-list {
     list-style-type: none;
     margin: 0;
     padding: 0;
@@ -59,14 +62,14 @@ body {
     height: 100%;
 }
 
-#sidebar {
+.sidebar {
     background-color: aquamarine;
     border: 1px solid rgba(0,0,0,.125);
     border-radius: .25rem;
 }
 
 
-#main-body {
+.main-body {
     display: flex;
     flex-direction: row;
     overflow: auto;
@@ -76,7 +79,7 @@ body {
 
 /* content : le cadre de base du centre de notre site
 */
-#content {
+.content {
     background-color: #ffe4bb;
     text-align: left;
     width: 100%;
@@ -89,7 +92,7 @@ body {
 /*Recettes :
     représente le contenue centrale de la page.
 */
-#recettes {
+.recettes {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-gap: 10px;
@@ -108,21 +111,33 @@ body {
 
 /*Ici commence le CSS pour la page de chaques recettes */
 
-#recette-content {
+.recette-content {
     display: flex;
-    flex-direction: row;
-}
-#recette-image {
-    background-color: red;
-    flex : 2;
-    aspect-ratio: 1/1;
-    max-height: 225px;
+    flex-direction: column;
 }
 
-#recette-desc {
+.recette-image {
+    background-color: red;
+    aspect-ratio: 1/1;
+    max-height: 225px;
+    max-width: 225px;
+    border: 1px solid white;
+    border-radius: 30px;
+}
+
+.recette-div-image {
+    display: flex;
+    justify-content: center;
+}
+
+.recette-desc {
     padding : 10px;
 }
 
+.recette-title {
+    text-align: center;
+}
+
 /*Footer et son contenue*/
 footer{
     padding: 25px;
diff --git a/recette-en-dur.php b/recette-en-dur.php
index 0616d97..59abd8d 100644
--- a/recette-en-dur.php
+++ b/recette-en-dur.php
@@ -10,14 +10,16 @@
     
     <?php include "header.html"?>
 
-    <div id="main-body">
-        <div id="content">
-            <div id="recette-title">
+    <div class="main-body">
+        <div class="content">
+            <div class="recette-title">
                 <h1>TARTE AU POMME</h1>
             </div>
-            <div id="recette-content">
-                <img id="recette-image" src="random-recette.jpg">
-                <div id = "recette-desc">
+            <div class="recette-content">
+                <div class="recette-div-image">
+                    <img class="recette-image" src="random-recette.jpg">
+                </div>
+                <div class = "recette-desc">
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultricies aliquet dignissim. Proin venenatis libero at erat rutrum consectetur. Morbi ut justo ex. Quisque ante mi, feugiat nec turpis ac, feugiat tristique magna. Nunc vitae aliquet mauris, consectetur convallis magna. Suspendisse rutrum sagittis tempor. Sed maximus vulputate vestibulum. Nam arcu enim, finibus id vestibulum in, cursus ac urna. Sed sodales, lacus hendrerit varius sollicitudin, dolor erat porttitor est, fringilla iaculis metus justo et sapien. Ut eget pharetra orci. Morbi at egestas tellus. Praesent porta elit non tempus rhoncus. Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae convallis eros, et tristique leo. Vestibulum vitae ultrices erat.
                     Sed pellentesque tempor purus, eu ullamcorper risus lacinia in. Etiam quis rhoncus risus, quis lobortis sem. Quisque pulvinar faucibus lectus, ut gravida neque aliquam non. Pellentesque ornare blandit imperdiet. Proin sed elit quis dui pharetra volutpat et sagittis tortor. Quisque nec blandit lacus. Nulla varius neque metus, ut feugiat enim commodo a. Phasellus gravida fermentum tortor at lobortis. Nam tellus libero, interdum non mollis ut, faucibus id orci. Suspendisse laoreet lorem ex, vitae maximus tortor tincidunt id. Nullam id enim id lectus egestas commodo sit amet sed est. Phasellus enim est, ornare vitae feugiat at, ornare a sapien. Nullam interdum, lectus vitae commodo vulputate, metus ligula congue massa, quis lobortis lorem nisl quis augue. Nullam vestibulum et odio non luctus. Donec vel molestie nunc, ut ultrices ligula. 
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultricies aliquet dignissim. Proin venenatis libero at erat rutrum consectetur. Morbi ut justo ex. Quisque ante mi, feugiat nec turpis ac, feugiat tristique magna. Nunc vitae aliquet mauris, consectetur convallis magna. Suspendisse rutrum sagittis tempor. Sed maximus vulputate vestibulum. Nam arcu enim, finibus id vestibulum in, cursus ac urna. Sed sodales, lacus hendrerit varius sollicitudin, dolor erat porttitor est, fringilla iaculis metus justo et sapien. Ut eget pharetra orci. Morbi at egestas tellus. Praesent porta elit non tempus rhoncus. Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae convallis eros, et tristique leo. Vestibulum vitae ultrices erat.
diff --git a/recette.html b/recette.html
index 75d7f99..d0748b6 100644
--- a/recette.html
+++ b/recette.html
@@ -1,5 +1,5 @@
-<div id="recettes">
-    <div class="recette-icone"> <a href="recette-en-dur.php">1</a> </div>
+<div class="recettes">
+    <div class="recette-icone"> <a href="recette-en-dur.php"><img class="recette-image" src="random-recette.jpg"></a></div>
     <div class="recette-icone"> 2 </div>
     <div class="recette-icone"> 3 </div>
     <div class="recette-icone"> 4 </div>