diff --git a/css/styles.css b/css/styles.css
index 9b2cd4dc086ded98d61152d41b14be1ad65dacf6..60dc8d96cb4192976549d03ea124d4b4f3dd16f0 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -344,6 +344,18 @@ iframe {
     height: 307px;
 }
 
+.panierOutline {
+    border-radius: 25px;
+    background-color: #F2F2F2;
+    padding-left: 67px;
+    padding-top: 17px;
+    padding-bottom: 17px;
+    width: 895px;
+    height: 66px;
+    margin-left: 119px;
+    margin-top:1em;
+}
+
 .search-button{
     border-radius: 5px;
     border-width: 0px;
diff --git a/html/panier.html b/html/panier.html
index 157756bc48985f3fdada7f56a153f1d23bfb3c0e..c98623b7d726d3a0979dd59082de0d15aa9222e2 100644
--- a/html/panier.html
+++ b/html/panier.html
@@ -9,4 +9,27 @@
 <br>
 <p class="titleSection">Mon panier</p>
 </body>
+<script src="../scripts/readJson.js"></script>
+
+<script>
+    function retrievePanier(){
+        var panierElems = sessionStorage.getItem('panier');
+        console.log(index)
+        if(panierElems != null){
+            var obj = httpGetJson();
+            var items = panierElems.split(" ");
+            for (let i = 0; i < items.length; i++){
+                var repasCombFrigo = items[i].split("-");
+                builtUpHTML += '<div class="panierOutline">' +
+                    '<span class="bold">' + obj.array[repasCombFrigo[0]].repas[repasCombFrigo[1]].nom + '</span><br>' +
+                    'Provenance: '+obj.array[repasCombFrigo[0]] + '<br>' +
+                    '</div>';
+            }
+            builtUpHTML += '</div>';
+            document.getElementById('listeRepas').innerHTML = builtUpHTML;
+            sessionStorage.removeItem('frigoIndex');
+        }
+    }
+</script>
+
 </html>
\ No newline at end of file