From f18d95766a5cdef0f752b8f64055ee8ec5925b86 Mon Sep 17 00:00:00 2001
From: Lycano <sebastien.bousquet91@laposte.net>
Date: Fri, 27 Mar 2026 13:52:40 +0100
Subject: [PATCH] on demande Je push

---
 main.css           | 27 ++++++++++++++++++++++++++-
 recette-en-dur.php | 27 +++++++++++++++++++++++++--
 2 files changed, 51 insertions(+), 3 deletions(-)

diff --git a/main.css b/main.css
index a60d6a6..898ca90 100644
--- a/main.css
+++ b/main.css
@@ -303,9 +303,34 @@ ul {
     justify-content: center;
 }
 
+.recette-div-info {
+    display: flex;
+    flex-direction: row;
+}
+
+.recette-div-liste-info{
+    padding: 50px;
+    margin: 10px;
+}
+
+.recette-liste-info-elem {
+    text-align: left;
+}
+
+.recette-liste-info {
+    display: flex;
+    flex-direction: column;
+}
+
+.recette-liste-tag {
+    display: flex;
+    flex-direction: row;
+}
+
+
 /*description*/
 .recette-desc {
-    padding : 10px;
+    padding : 30px;
 }
 
 /*Login form*/
diff --git a/recette-en-dur.php b/recette-en-dur.php
index b734ee4..c8201f5 100644
--- a/recette-en-dur.php
+++ b/recette-en-dur.php
@@ -16,8 +16,31 @@
                 <h1>TARTE AU POMME</h1>
             </div>
             <div class="recette-content">
-                <div class="recette-div-image">
-                    <img class="recette-image" src="random-recette.jpg">
+                <div class="recette-div-info">
+                    <div class="recette-div-image">
+                        <img class="recette-image" src="random-recette.jpg">
+                    </div>
+                    <div class="recette-div-liste-info">
+                        <ul class="recette-liste-info">
+                            <li class="recette-liste-info-elem">date d'upload</li>
+                            <li class="recette-liste-info-elem">temps de préparation</li>
+                            <li class="recette-liste-info-elem">nombre d'ingrédient</li>
+                        </ul>
+                        <ul class="recette-liste-tag">
+                            <li class="tag tag-unselected">tag</li>
+                            <li class="tag tag-unselected">tag</li>
+                            <li class="tag tag-unselected">tag</li>
+                            <li class="tag tag-unselected">tag</li>
+                            <li class="tag tag-unselected">tag</li>
+                            <li class="tag tag-unselected">tag</li>
+                            <li class="tag tag-unselected">tag</li>
+                            <li class="tag tag-unselected">tag</li>
+                            <li class="tag tag-unselected">tag</li>
+                            <li class="tag tag-unselected">tag</li>
+                            <li class="tag tag-unselected">tag</li>
+                            <li class="tag tag-unselected">tag</li>
+                        </ul>
+                    </div>
                 </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.