<section class="lafourchette" data-class="LAFOURCHETTEHOME"> <!-- class="lafourchette api-error" -->

	<!-- API ERROR MESSAGE -->
	<div class="api-error-msg">
		<div class="api-error-msg-wrapper">
			Une erreur technique est survenue.
		</div>
	</div>
	<!-- API ERROR MESSAGE -->
	
	<!-- RESTAURANTS LIST -->
	<div id="lafourchette-restaurants-list">
	
		<header class="lafourchette-header la-fourchette-header-table desktop-only">
			<span class="lafourchette-header-title">Réserver une table</span>
			<img src="img/layout/lafourchette/lafourchette-header-table.jpg" alt="" />
		</header>

		<header class="lafourchette-header-mobile mobile-only">
			<span class="lafourchette-header-mobile-title">Choisissez votre restaurant</span>
		</header>

		<div class="lafourchette-content">
			<ul class="lafourchette-restaurants-list">

				<!-- item 1 -->
				<li class="lafourchette-restaurants-list-item" data-link="TP05-01-restaurants-local.php#api-fourchette">
					<div class="lafourchette-restaurants-list-item-img">
						<picture data-alt="" data-default-src="img/layout/lafourchette/lafourchette-restaurants-item-mobile.jpg">
							<source media="(min-width: 1025px)" srcset="img/layout/lafourchette/lafourchette-restaurants-item-placeholder.jpg"/>
							<source media="(min-width: 481px)" srcset="img/layout/lafourchette/lafourchette-restaurants-item-placeholder.jpg"/>
							<source media="(max-width: 480px)"  srcset="img/layout/lafourchette/lafourchette-restaurants-item-mobile.jpg"/>
							<img src="" alt="" />
						</picture>
					</div>
					<span class="lafourchette-restaurants-list-item-label">Le Fouquet's</span>
				</li>

				<!-- item 2 -->
				<li class="lafourchette-restaurants-list-item" data-link="TP05-01-restaurants-local.php#api-fourchette">
					<div class="lafourchette-restaurants-list-item-img">
						<picture data-alt="" data-default-src="img/layout/lafourchette/lafourchette-restaurants-item-mobile.jpg">
							<source media="(min-width: 1025px)" srcset="img/layout/lafourchette/lafourchette-restaurants-item-placeholder.jpg"/>
							<source media="(min-width: 481px)" srcset="img/layout/lafourchette/lafourchette-restaurants-item-placeholder.jpg"/>
							<source media="(max-width: 480px)"  srcset="img/layout/lafourchette/lafourchette-restaurants-item-mobile.jpg"/>
							<img src="" alt="" />
						</picture>
					</div>
					<span class="lafourchette-restaurants-list-item-label">Le Fouquet's</span>
				</li>

				<!-- item 3 -->
				<li class="lafourchette-restaurants-list-item" data-link="TP05-01-restaurants-local.php#api-fourchette">
					<div class="lafourchette-restaurants-list-item-img">
						<picture data-alt="" data-default-src="img/layout/lafourchette/lafourchette-restaurants-item-mobile.jpg">
							<source media="(min-width: 1025px)" srcset="img/layout/lafourchette/lafourchette-restaurants-item-placeholder.jpg"/>
							<source media="(min-width: 481px)" srcset="img/layout/lafourchette/lafourchette-restaurants-item-placeholder.jpg"/>
							<source media="(max-width: 480px)"  srcset="img/layout/lafourchette/lafourchette-restaurants-item-mobile.jpg"/>
							<img src="" alt="" />
						</picture>
					</div>
					<span class="lafourchette-restaurants-list-item-label">Le Fouquet's</span>
				</li>

				<!-- item 4 -->
				<li class="lafourchette-restaurants-list-item" data-link="TP05-01-restaurants-local.php#api-fourchette">
					<div class="lafourchette-restaurants-list-item-img">
						<picture data-alt="" data-default-src="img/layout/lafourchette/lafourchette-restaurants-item-mobile.jpg">
							<source media="(min-width: 1025px)" srcset="img/layout/lafourchette/lafourchette-restaurants-item-placeholder.jpg"/>
							<source media="(min-width: 481px)" srcset="img/layout/lafourchette/lafourchette-restaurants-item-placeholder.jpg"/>
							<source media="(max-width: 480px)"  srcset="img/layout/lafourchette/lafourchette-restaurants-item-mobile.jpg"/>
							<img src="" alt="" />
						</picture>
					</div>
					<span class="lafourchette-restaurants-list-item-label">Le Fouquet's</span>
				</li>
			</ul>

			<a class="lafourchette-button button button-golden desktop-only" id="pricing-and-vailability">
				<span class="lafourchette-button-label">Voir tarifs et disponibilités</span>
			</a>

		</div>

	</div>
	<!-- RESTAURANTS LIST -->

</section>