diff --git a/css/styles.css b/css/styles.css
index 048baa50f15214dc616d093c4555cb8d7ac9e492..d53f8915751ff1b814dd5700d804db7bb2bec92e 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -17,7 +17,21 @@ iframe {
 
 
 
-.bold-btn{
+.addButton {
+    height: 40px;
+    width: 40px;
+    background-color: #53bdbd;
+    color: #005555;
+    position: relative;
+    left: 300px;
+    bottom: 27px;
+    font-size: 30px;
+    font-weight: bold;
+    border: none;
+    border-radius: 5px;
+}
+
+.bold-btn {
     position: absolute;
     color: white;
     font-size: 18px;
@@ -27,7 +41,7 @@ iframe {
     left: 50px;
 }
 
-.btn{
+.btn {
     left: 0px;
     top: 0px;
     width: 147px;
@@ -41,11 +55,11 @@ iframe {
     margin-right: 14px;
 }
 
-.btn:hover{
+.btn:hover {
     background-color: rgba(0, 140, 140, 0.8);
 }
 
-.btn-text{
+.btn-text {
     color: #ffffff;
     font-size: 18px;
     font-family: 'Arial', sans-serif;
@@ -264,11 +278,9 @@ iframe {
 .mealOutline {
     border-radius: 25px;
     background-color: #F2F2F2;
-    padding-left: 67px;
-    padding-top: 17px;
-    padding-bottom: 17px;
-    width: 895px;
-    height: 66px;
+    padding: 10px;
+    width: 960px;
+    height: 55px;
     margin-left: 119px;
     margin-top:1em;
 }
diff --git a/html/chercherUnRepas.html b/html/chercherUnRepas.html
index 97c2edae0a554c600ee65cf49939706e9f1155f9..5882f41c13df9717becc5b74de3764a75ccb09cc 100644
--- a/html/chercherUnRepas.html
+++ b/html/chercherUnRepas.html
@@ -44,6 +44,7 @@
                     '<span class="bold">' + obj.array[index].repas[i].nom + '</span><br>' +
                     obj.array[index].repas[i].type + '<br>' +
                     'Quantité : ' + obj.array[index].repas[i].qt + ' disponibles<br>' +
+                    '<button class = "addButton" onclick="addToPanier(event,'+i+')"> + </button>' +
                     '</div>';
             }
             builtUpHTML += '</div>';