<header class="spectacles-header">
	<picture data-alt="" data-default-src="img/layout/spectacle/spectacles-header-visuel_mobile.jpg">
	    <source media="(min-width: 1441px)" srcset="img/layout/spectacle/spectacles-header-visuel_desktop.jpg"/>
	    <source media="(min-width: 481px)" srcset="img/layout/spectacle/spectacles-header-visuel_tablet.jpg"/>
	    <source media="(max-width: 480px)"  srcset="img/layout/spectacle/spectacles-header-visuel_mobile.jpg"/>
	    <img src="" alt="" />
	</picture>
	<div class="spectacles-header-wrapper">
		<img class="spectacles-header-img" src="img/skin/scene-barriere.png" alt="" />
		<h1 class="spectacles-header-title">Spectacles & animations</h1>
		<h2 class="spectacles-header-subtitle">Qu'est ce qu'on joue au casino ce soir ?</h2>
	</div>
</header>

<h3 class="spectacles-infos-title">Découvrez tous nos spectacles à l'affiche</h3>

<p class="spectacles-infos-txt">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.
	Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.
	otam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae
	et quasi architecto beatae vitae dicta sunt explicabo.
</p>

<div class="clearfix"></div>

<?php include('inc/components/component-LOC2.php'); ?>  