<div class="practical-information-container" data-class="INFORMATIONMAP" data-assets-dir="@@HTTP_ROOT_DIR">

	<h1 class="practical-information-title">Informations pratiques</h1>

	<!-- bottom to top wrapper -->
	<div class="practical-information-routing-wrapper-content-bottom-to-top">

		<!-- ROUTING WRAPPER -->
		<div class="practical-information-routing-wrapper">

			<!-- ROUTING -->
			<div class="practical-information-routing">

				<!-- MAP -->
				<div id="practical-information-map" data-longitude="2.333333" data-latitude="48.866667"></div>

				<!-- BUTTON -->
				<a class="practical-information-routing-button button button-golden-outline button-geolocation" href="#">
					<span class="button-geolocation-label">Calculer votre itinéraire</span>
		            <span class="button-geolocation-icon">
		            	<svg>
		                	<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/sprites/sprite.svg#icon-geolocation-outline"></use>
		                </svg>
		            </span>
		        </a>

		        <!-- TRANSPORT -->
				<h4 class="practical-information-routing-title">Moyens de transport</h4>

				<?php include('inc/modules/module-TABS-TRANSPORTS.php'); ?>

			</div>
			<!-- end ROUTING -->

			<!-- PUSH PROMO -->
			<div class="practical-information-push-promo">
                <a href="#" target="blank">
                    <picture data-alt="" data-default-src="http://placehold.it/566x350">
                        <source media="(min-width: 1025px)" srcset="http://placehold.it/566x350"/>
                        <source media="(min-width: 481px)"  srcset="http://placehold.it/566x350"/>
                        <source media="(max-width: 480px)"  srcset="http://placehold.it/566x350"/>
                        <img src="" alt="" />
                    </picture>
                </a>
			</div>
			<!-- end PUSH PROMO -->

		</div>
		<!-- end ROUTING WRAPPER -->


		<!-- INFORMATIONS -->
		<div class="practical-information-aside-wrapper">

			<aside class="practical-information-aside">

				<div class="practical-information-restaurant-icon-infos">
					<div class="information-icon-infos-wrapper">
						<span class="icon-svg icon-information">
							<svg>
							    <use xlink:href="img/sprites/sprite.svg#icon-information"></use>
							 </svg>
						</span>
					</div>
				</div>

				<div class="practical-information-aside-visuel">
					<picture data-alt="" data-default-src="img/layout/casino-infos_mobile.jpg">
			            <source media="(min-width: 1025px)" srcset="img/layout/casino-infos_desktop.jpg"/>
			            <source media="(min-width: 481px)"  srcset="img/layout/casino-infos_tablet.jpg"/>
			            <source media="(max-width: 480px)"  srcset="img/layout/casino-infos_mobile.jpg"/>
			            <img src="" alt="" />
			        </picture>
				</div>

				<h3 class="practical-information-aside-title">Casino Barrière de Deauville</h3>

				<div class="practical-information-address">Rue Edmond Blanc BP 32400 - 14802 Deauville Cedex</div>

				<a href="tel:+33231986600">
					<p class="practical-information-phone">
					<span class="icon icon-svg icon-phone">
						<svg>
			                <use xlink:href="img/sprites/sprite.svg#icon-phone"></use>
			            </svg>
					</span>
					02 31 98 66 00</p>
				</a>

				<!-- SEP -->
				<div class="practical-information-separator"></div>
				<!-- end sep -->

				<div class="practical-information-free-entry">Entrée gratuite </div>

				<div class="practical-information-hourly">

					<span class="practical-information-casino-hourly">Horaires du casino :</span>

					<p>Ouvert tous les jours : de 10h à 4h le week-end<br />et veilles de jours fériés de 10h à 3h en semaine</p>

					<span class="practical-information-table-hourly">Horaires des jeux de tables :</span>

					<ul>
						<li>Black Jack : ouvert tous les jours dès 21h</li>
						<li>Boule : ouverte tous les jours dès 21h</li>
						<li>Roulette Anglaise : ouverte du mercredi au dimanche dès 21h</li>
						<li>Roulette Anglaise Électronique : ouverte tous les jours dès 10h</li>
					</ul>

				</div>

				<!-- SEP -->
				<div class="practical-information-separator"></div>
				<!-- end sep -->

				<!-- SERVICES -->
				<div class="practical-information-services">
                    <div class="practical-information-services-group">
                        <h3 class="practical-information-services-group-title">Nos services</h3>
                        <ul class="practical-information-services-group-list">
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg>
                                            <use xlink:href="img/sprites/sprite.svg#icon-accessibility"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    Accessibilité personnes à mobilité réduite
                                </div>
                            </li>
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg>
                                            <use xlink:href="img/sprites/sprite.svg#icon-payment-card"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    Carte bleue
                                </div>
                            </li>
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg>
                                            <use xlink:href="img/sprites/sprite.svg#icon-free-parking"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    parking et Parking gratuit
                                </div>
                            </li>
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg>
                                            <use xlink:href="img/sprites/sprite.svg#icon-car-service"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    Service voiturier
                                </div>
                            </li>
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg>
                                            <use xlink:href="img/sprites/sprite.svg#icon-forbidden"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    Accès réservé aux personnes majeures, non interdites de jeu
                                </div>
                            </li>
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg>
                                            <use xlink:href="img/sprites/sprite.svg#icon-free-wifi"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    Wifi gratuit
                                </div>
                            </li>
                        </ul>
                    </div>
				</div>
				<!-- end SERVICES -->

				<!-- SEP -->
				<div class="practical-information-separator"></div>
				<!-- end sep -->


				<!-- SUR PLACE & AUX ALENTOURS -->
                <div class="practical-information-services">
                    <div class="practical-information-services-group">
                        <h3 class="practical-information-services-group-title">SUR PLACE</h3>
                        <ul class="practical-information-services-group-list">
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg>
                                            <use xlink:href="img/sprites/sprite.svg#icon-bar"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    2 Bars
                                </div>
                            </li>
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg>
                                            <use xlink:href="img/sprites/sprite.svg#icon-resto"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    3 Restaurants
                                </div>
                            </li>
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg class="is-stroke">
                                            <use xlink:href="img/sprites/sprite.svg#icon-show"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    Salle de spectacle
                                </div>
                            </li>
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg>
                                            <use xlink:href="img/sprites/sprite.svg#icon-disco"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    1 Discothèque
                                </div>
                            </li>
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg>
                                            <use xlink:href="img/sprites/sprite.svg#icon-group"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    Réunions &amp; évènements
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="practical-information-services-group">
                        <h3 class="practical-information-services-group-title">AUX ALENTOURS</h3>
                        <ul class="practical-information-services-group-list">
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg>
                                            <use xlink:href="img/sprites/sprite.svg#icon-bed"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    Hôtel Barrière
                                </div>
                            </li>
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg class="is-stroke">
                                            <use xlink:href="img/sprites/sprite.svg#icon-spa"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    SPA Diane Barrière
                                </div>
                            </li>
                            <li class="practical-information-services-group-list-item">
                                <div class="practical-information-services-group-list-item-icon">
                                    <span class="practical-information-services-group-list-item-icon-container">
                                        <svg class="is-stroke">
                                            <use xlink:href="img/sprites/sprite.svg#icon-golf"></use>
                                        </svg>
                                    </span>
                                </div>
                                <div class="practical-information-services-group-list-item-label">
                                    Golf Barrière
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- end SUR PLACE & AUX ALENTOURS -->
			</aside>

		</div>
		<!-- end INFORMATIONS -->

	</div>
	<!-- end bottom to top wrapper -->

</div>
