<div class="espaces">
	<div class="espaces-container">
		<div class="espaces-content">
			
            <h4 class="newsletter-title">DANS VOTRE CASINO TOUT EST POSSIBLE !</h4>
            <h5 class="newsletter-subtitle">
            	Profitez de nos espaces d'exception pour vos événements familiaux ou corporate.<br/>
				Nous pouvons même organiser pour vous des animations sur mesure.
			</h5>

			<div class="espaces-subtitle">
				<div class="espaces-subtitle-bubble">1</div>
				<h6 class="espaces-subtitle-bubble-title">DÉCOUVREZ NOS ESPACES</h6>
			</div>

			<ul class="espaces-list">

				<!-- ITEM 1 -->
				<li class="espaces-item">
					<!-- HEADER -->
					<div class="espaces-item-header">
						<div class="espaces-item-header-picture">
							<picture data-alt="" data-default-src="img/layout/espaces/espace1_mobile.jpg">
								<source media="(min-width: 1025px)" srcset="img/layout/espaces/espace1_desktop.jpg"/>
								<source media="(min-width: 481px)" srcset="img/layout/espaces/espace1_tablet.jpg"/>
								<source media="(max-width: 480px)"  srcset="img/layout/espaces/espace1_mobile.jpg"/>
								<img src="" alt="" />
							</picture>
						</div>
						<div class="espaces-item-header-infos">
							<div class="espaces-item-header-type">RESTAURANT</div>
							<div class="espaces-item-header-label">LE 24 ESPLANADE</div>
						</div>
					</div>
					<!-- CONTENT -->
					<div class="espaces-item-content">
						<div class="espaces-item-content-infos">CAPACITÉ : <span class="bold">600 COUVERTS</span> | SURFACE : <span class="bold">663 M2</span></div>
						<p class="espaces-item-content-text">Lorem ipsum dolor sit amet, consectetur<br/>incididunt ut labore et dolore magna aliqua.</p>
					</div>
					<!-- BUTTON -->
					<a class="espaces-item-button button button-golden" href="#">TÉLÉCHARGER LE DESCRIPTIF</a>
				</li>

				<!-- ITEM 2 -->
				<li class="espaces-item">
					<!-- HEADER -->
					<div class="espaces-item-header">
						<div class="espaces-item-header-picture">
							<picture data-alt="" data-default-src="img/layout/espaces/espace2_mobile.jpg">
								<source media="(min-width: 1025px)" srcset="img/layout/espaces/espace2_desktop.jpg"/>
								<source media="(min-width: 481px)" srcset="img/layout/espaces/espace2_tablet.jpg"/>
								<source media="(max-width: 480px)"  srcset="img/layout/espaces/espace2_mobile.jpg"/>
								<img src="" alt="" />
							</picture>
						</div>
						<div class="espaces-item-header-infos">
							<div class="espaces-item-header-type">RESTAURANT</div>
							<div class="espaces-item-header-label">LE 24 ESPLANADE</div>
						</div>
					</div>
					<!-- CONTENT -->
					<div class="espaces-item-content">
						<div class="espaces-item-content-infos">CAPACITÉ : <span class="bold">120 COUVERTS</span> | SURFACE : <span class="bold">230 M2</span></div>
						<p class="espaces-item-content-text">Lorem ipsum dolor sit amet, consectetur<br/>incididunt ut labore et dolore magna aliqua.</p>
					</div>
					<!-- BUTTON -->
					<a class="espaces-item-button button button-golden" href="#">TÉLÉCHARGER LE DESCRIPTIF</a>
				</li>

				<!-- ITEM 3 -->
				<li class="espaces-item">
					<!-- HEADER -->
					<div class="espaces-item-header">
						<div class="espaces-item-header-picture">
							<picture data-alt="" data-default-src="img/layout/espaces/espace3_mobile.jpg">
								<source media="(min-width: 1025px)" srcset="img/layout/espaces/espace3_desktop.jpg"/>
								<source media="(min-width: 481px)" srcset="img/layout/espaces/espace3_tablet.jpg"/>
								<source media="(max-width: 480px)"  srcset="img/layout/espaces/espace3_mobile.jpg"/>
								<img src="" alt="" />
							</picture>
						</div>
						<div class="espaces-item-header-infos">
							<div class="espaces-item-header-type">SALLE</div>
							<div class="espaces-item-header-label">SALLE DE JEUX</div>
						</div>
					</div>
					<!-- CONTENT -->
					<div class="espaces-item-content">
						<div class="espaces-item-content-infos">CAPACITÉ : <span class="bold">62 COUVERTS</span> | SURFACE : <span class="bold">230 M2</span></div>
						<p class="espaces-item-content-text">Lorem ipsum dolor sit amet, consectetur<br/>incididunt ut labore et dolore magna aliqua.</p>
					</div>
					<!-- BUTTON -->
					<a class="espaces-item-button button button-golden" href="#">TÉLÉCHARGER LE DESCRIPTIF</a>
				</li>	

				<!-- ITEM 3 -->
				<li class="espaces-item">
					<!-- HEADER -->
					<div class="espaces-item-header">
						<div class="espaces-item-header-picture">
							<picture data-alt="" data-default-src="img/layout/espaces/espace3_mobile.jpg">
								<source media="(min-width: 1025px)" srcset="img/layout/espaces/espace3_desktop.jpg"/>
								<source media="(min-width: 481px)" srcset="img/layout/espaces/espace3_tablet.jpg"/>
								<source media="(max-width: 480px)"  srcset="img/layout/espaces/espace3_mobile.jpg"/>
								<img src="" alt="" />
							</picture>
						</div>
						<div class="espaces-item-header-infos">
							<div class="espaces-item-header-type">SALLE</div>
							<div class="espaces-item-header-label">SALLE DE JEUX</div>
						</div>
					</div>
					<!-- CONTENT -->
					<div class="espaces-item-content">
						<div class="espaces-item-content-infos">CAPACITÉ : <span class="bold">62 COUVERTS</span> | SURFACE : <span class="bold">230 M2</span></div>
						<p class="espaces-item-content-text">Lorem ipsum dolor sit amet, consectetur<br/>incididunt ut labore et dolore magna aliqua.</p>
					</div>
					<!-- BUTTON -->
					<a class="espaces-item-button button button-golden" href="#">TÉLÉCHARGER LE DESCRIPTIF</a>
				</li>	

				<!-- ITEM 3 -->
				<li class="espaces-item">
					<!-- HEADER -->
					<div class="espaces-item-header">
						<div class="espaces-item-header-picture">
							<picture data-alt="" data-default-src="img/layout/espaces/espace3_mobile.jpg">
								<source media="(min-width: 1025px)" srcset="img/layout/espaces/espace3_desktop.jpg"/>
								<source media="(min-width: 481px)" srcset="img/layout/espaces/espace3_tablet.jpg"/>
								<source media="(max-width: 480px)"  srcset="img/layout/espaces/espace3_mobile.jpg"/>
								<img src="" alt="" />
							</picture>
						</div>
						<div class="espaces-item-header-infos">
							<div class="espaces-item-header-type">SALLE</div>
							<div class="espaces-item-header-label">SALLE DE JEUX</div>
						</div>
					</div>
					<!-- CONTENT -->
					<div class="espaces-item-content">
						<div class="espaces-item-content-infos">CAPACITÉ : <span class="bold">62 COUVERTS</span> | SURFACE : <span class="bold">230 M2</span></div>
						<p class="espaces-item-content-text">Lorem ipsum dolor sit amet, consectetur<br/>incididunt ut labore et dolore magna aliqua.</p>
					</div>
					<!-- BUTTON -->
					<a class="espaces-item-button button button-golden" href="#">TÉLÉCHARGER LE DESCRIPTIF</a>
				</li>	

				<!-- ITEM 3 -->
				<li class="espaces-item">
					<!-- HEADER -->
					<div class="espaces-item-header">
						<div class="espaces-item-header-picture">
							<picture data-alt="" data-default-src="img/layout/espaces/espace3_mobile.jpg">
								<source media="(min-width: 1025px)" srcset="img/layout/espaces/espace3_desktop.jpg"/>
								<source media="(min-width: 481px)" srcset="img/layout/espaces/espace3_tablet.jpg"/>
								<source media="(max-width: 480px)"  srcset="img/layout/espaces/espace3_mobile.jpg"/>
								<img src="" alt="" />
							</picture>
						</div>
						<div class="espaces-item-header-infos">
							<div class="espaces-item-header-type">SALLE</div>
							<div class="espaces-item-header-label">SALLE DE JEUX</div>
						</div>
					</div>
					<!-- CONTENT -->
					<div class="espaces-item-content">
						<div class="espaces-item-content-infos">CAPACITÉ : <span class="bold">62 COUVERTS</span> | SURFACE : <span class="bold">230 M2</span></div>
						<p class="espaces-item-content-text">Lorem ipsum dolor sit amet, consectetur<br/>incididunt ut labore et dolore magna aliqua.</p>
					</div>
					<!-- BUTTON -->
					<a class="espaces-item-button button button-golden" href="#">TÉLÉCHARGER LE DESCRIPTIF</a>
				</li>						

			</ul>

		</div>
	</div>
</div>
