<!-- container -->
<div class="discover-bar-restaurant-container">

	<h2 class="discover-bar-restaurant-title">Découvrez nos cafés<br /> ou restaurants</h2>

	<!-- list -->
	<ul class="discover-bar-restaurant-list">

		<!-- item 1 -->
		<li class="discover-bar-restaurant-list-item">

         <a href="#" title="">
   			<div class="discover-bar-restaurant-list-item-image">
   				<picture data-alt="" data-default-src="img/layout/restaurant/discover-restaurant-bar_visuel1_tablet.jpg">
                       <source media="(min-width: 1025px)" srcset="img/layout/restaurant/discover-restaurant-bar_visuel1_desktop.jpg"/>
                       <source media="(min-width: 481px)"  srcset="img/layout/restaurant/discover-restaurant-bar_visuel1_tablet.jpg"/>
                       <source media="(max-width: 480px)"  srcset="img/layout/restaurant/discover-restaurant-bar_visuel1_tablet.jpg"/>
                       <img src="" alt="" />
                   </picture>
   			</div>

   			<footer class="discover-bar-restaurant-list-item-footer">
   				<div class="discover-bar-restaurant-list-item-footer-wrapper">
   					<div class="discover-bar-restaurant-list-item-type">Restaurant</div>
   					<h4 class="discover-bar-restaurant-list-item-title">Café Barrière</h4>
   				</div>
   			</footer>
         </a>
 
		</li>

		<!-- item 2 -->
		<li class="discover-bar-restaurant-list-item">

         <a href="#" title="">
   			<div class="discover-bar-restaurant-list-item-image">
   				<picture data-alt="" data-default-src="img/layout/restaurant/discover-restaurant-bar_visuel2_tablet.jpg">
                       <source media="(min-width: 1025px)" srcset="img/layout/restaurant/discover-restaurant-bar_visuel2_desktop.jpg"/>
                       <source media="(min-width: 481px)"  srcset="img/layout/restaurant/discover-restaurant-bar_visuel2_tablet.jpg"/>
                       <source media="(max-width: 480px)"  srcset="img/layout/restaurant/discover-restaurant-bar_visuel2_tablet.jpg"/>
                       <img src="" alt="" />
                   </picture>
   			</div>

   			<footer class="discover-bar-restaurant-list-item-footer">
   				<div class="discover-bar-restaurant-list-item-footer-wrapper">
   					<div class="discover-bar-restaurant-list-item-type">Restaurant</div>
   					<h4 class="discover-bar-restaurant-list-item-title">Fouquet's Toulouse</h4>
   				</div>
   			</footer>
         </a>

		</li>

		<!-- item 3 -->
		<li class="discover-bar-restaurant-list-item">

         <a href="#" title="">
   			<div class="discover-bar-restaurant-list-item-image">
   				<picture data-alt="" data-default-src="img/layout/restaurant/discover-restaurant-bar_visuel3_tablet.jpg">
                       <source media="(min-width: 1025px)" srcset="img/layout/restaurant/discover-restaurant-bar_visuel3_desktop.jpg"/>
                       <source media="(min-width: 481px)"  srcset="img/layout/restaurant/discover-restaurant-bar_visuel3_tablet.jpg"/>
                       <source media="(max-width: 480px)"  srcset="img/layout/restaurant/discover-restaurant-bar_visuel3_tablet.jpg"/>
                       <img src="" alt="" />
                   </picture>
   			</div>

   			<footer class="discover-bar-restaurant-list-item-footer">
   				<div class="discover-bar-restaurant-list-item-footer-wrapper">
   					<div class="discover-bar-restaurant-list-item-type">Bar</div>
   					<h4 class="discover-bar-restaurant-list-item-title">Samouraï Lounge Bar</h4>
   				</div>
   			</footer>
         </a>

		</li>

	</ul>
	<!-- end list -->

</div>
<!-- end container -->