diff --git a/src/app/components/bars/bars.component.css b/src/app/components/bars/bars.component.css
index dfe41634f8fd034aa62a6b2e48d0e11e0b449686..429ddcd7a26ded7a9a0ee4f4ef327a8156ca34fb 100644
--- a/src/app/components/bars/bars.component.css
+++ b/src/app/components/bars/bars.component.css
@@ -15,10 +15,10 @@
 }
 
 .card {
-	background-color: #DCDCDC;
-	border-radius: 5px;
-	border: 1px #222222 solid;
-	margin: 5px 15px;
+	background-color: #FFFFFF;
+	border-radius: 4px;
+	margin: 8px 15px;
+	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(34, 34, 34, 0.2);
 }
 
 .card-header, .card-actions {
diff --git a/src/app/components/bars/bars.component.html b/src/app/components/bars/bars.component.html
index 87a4b3ec0fc15d9019c9997455a04ab830b37878..9b1ef007b47759fab382eda8225ea3ff79515425 100644
--- a/src/app/components/bars/bars.component.html
+++ b/src/app/components/bars/bars.component.html
@@ -18,3 +18,17 @@
 		</div>
 	</div>
 </section>
+<!-- <section>
+	<div class=" card row-container center">
+		<div class="card-header">
+			<img class="logo-img" src="https://fakeimg.pl/300/" alt="fake-img">
+		</div>
+		<div class="card-content">
+			<p>Déliriuem Café clermont-ferrand</p>
+			<div>{{ bar.address }}</div>
+		</div>
+		<div class="card-action">
+			<button mat-raised-button color='accent'>choisir</button>
+		</div>
+	</div>
+</section> -->