Outiref

Code source de l'URL : http://www.lesmouettes.com

<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" >

<title>Hotel Lorient Larmor Plage Hotel Restaurant bord de mer Les Mouettes</title>
    <!-- Matomo Tag Manager -->
    <script>
    var _mtm = window._mtm = window._mtm || [];
        _mtm.push({
        'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}
    );
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true;
     g.src='https://matomo.juliana-multimedia.com/js/container_OiBxB2Ff.js';
     s.parentNode.insertBefore(g,s);
    </script>
    <!-- End Matomo Tag Manager -->
<meta name="description" content="SITE OFFICIEL Les Mouettes : hôtel restaurant à Larmor Plage (Sud Morbihan – Bretagne). A 10min de Lorient, l'hôtel vue sur mer est idéal pour séjour et repas d'affaires.">
<meta name="keywords" content="Hotel larmor plage, hotel lorient, hotel restaurant lorien, hotel restaurant larmor plage, repas d'affaires lorient, soirée étape lorient, séjour bretagne, week end bretagne, séjour morbihan, week-end morbihan, hotel de charme, hotel vue mer, hotel bord de mer, mariage bord de mer, séminaire bord de mer, séminaire bretagne, mariage morbihan">

	<meta property="og:image" content="http://www.lesmouettes.com/images/fb-share_100.jpg"/>

<meta name="google-site-verification" content="b7kMLczprSh2cpOY2e1ozhLi74by35NzG0s_8FaPoSM" />
<meta name="msvalidate.01" content="0FBECDAD227C670B9E7AEAFCE882F99B" />

<!--[if lt IE 9]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


<!-- CSS -->
	<!-- <link href="/css/style.css" rel="stylesheet" media="all" /> -->

<!-- CSS -->

		<link rel="stylesheet" href="https://cdn.juliana-multimedia.com/js/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker3.min.css">
	<link rel="stylesheet" type="text/css" href="/css/all.php">

<!-- TarteAuCitron -->
<script type="text/javascript" src="https://cdn.juliana-multimedia.com/js/tarteaucitron/1.9.1/juliana-helper.js"></script>
<script type="text/javascript" src="https://cdn.juliana-multimedia.com/js/tarteaucitron/1.9.1/tarteaucitron.js"></script>
<script type="text/javascript">

	initTarteAuCitron({
		"locale" : "fr",
        "services" : {
            "googlemaps" : {
                "googlemapsKey" : "AIzaSyDez1GwQQVViFsr3CO31Hm5EaVe5fvQy6Q"
            },
            "googletagmanager" : {
                "googletagmanagerId" : "GTM-TZDQWCF"
            }
        }
	});

</script>

<!-- Google Analytics -->
	<!-- ** PLUS NECESSAIRE AVEC TARTEAUCITRON **

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-15604433-1', 'auto');
  ga('send', 'pageview');

</script>
 --></head>
<body>
	<div id="content">
		<header>
	<a href="/" id="header-logo">
		<img src="/images/lesmouettes.gif" alt="Hôtel Restaurant Les Mouettes" id="header-logo-image">
		<div id="header-logo-texte">
			<div id="header-logo-baseline">Restaurant & Hôtel</div>
			<div id="header-logo-hotel">LES MOUETTES</div>
		</div>
	</a>
	<div id="header-menu">
		<div id="header-langues">
									<div id="header-langues-current">
							<img src="/images/drapeaux/fr.gif" alt="Langue">
						</div>
						<div id="header-langues-trigger"></div>
						<div id="header-langues-autres">
																		<a href="/?langue=en">
												<img src="/images/drapeaux/en.gif" alt="en">
											</a>
																</div>
							</div>
		<div id="header-menu-btns">
			<a href="mailto:info@lesmouettes.com" class="header-menu-btn">
				<img src="/images/pictos/mail.png" alt="Email" class="header-menu-btn-icone">
				<div class="header-menu-btn-label">Email</div>
			</a>
			<a href="https://www.google.fr/maps/place/Les+Mouettes/@47.703141,-3.403401,15z/data=!4m2!3m1!1s0x0:0xbfb48c6039c8612" target="_blank" class="header-menu-btn">
				<img src="/images/pictos/acces.png" alt="Accès" class="header-menu-btn-icone">
				<div class="header-menu-btn-label">Accès</div>
			</a>
			<!-- <a href="/hotel-lorient/visite-virtuelle.php" class="header-menu-btn">
				<img src="/images/pictos/visite.png" alt="Visite virtuelle" class="header-menu-btn-icone">
				<div class="header-menu-btn-label">Visite</div>
			</a> -->
			<a href="/hotel-lorient/video-les-mouettes.php" class="header-menu-btn">
				<img src="/images/pictos/video.png" alt="Vidéo" class="header-menu-btn-icone">
				<div class="header-menu-btn-label">Vidéo</div>
			</a>
			<a href="/hotel-lorient/photo-les-mouettes.php" class="header-menu-btn">
				<img src="/images/pictos/photo.png" alt="Galerie Photos" class="header-menu-btn-icone">
				<div class="header-menu-btn-label">Photos</div>
			</a>
		</div>
	</div>
	<div id="header-adresse">
		<div id="header-adresse-nom">Restaurant & Hôtel ***<br>LES MOUETTES</div>
		<div id="header-adresse-rue">Rue de Rennes<br>56260 Larmor-Plage</div>
		<a href="tel:0033297655030" id="header-adresse-telephone">+33 (0)2 97 65 50 30</a>
	</div>
</header>		<div id="menu">
	<div id="menu-bar-mobile">
		<img src="/images/pictos/nav.png" alt="Navigation" id="menu-bar-mobile-trigger">
		<div id="menu-bar-mobile-btns">
			<a href="tel:0033297655030" class="menu-bar-mobile-btn">
				<img src="/images/pictos/tel.png" alt="Téléphone" class="menu-bar-mobile-btn-icone">
			</a>
			<a href="mailto:info@lesmouettes.com" class="menu-bar-mobile-btn">
				<img src="/images/pictos/mail.png" alt="Email" class="menu-bar-mobile-btn-icone">
			</a>
			<a href="https://www.google.fr/maps/place/Les+Mouettes/@47.703141,-3.403401,15z/data=!4m2!3m1!1s0x0:0xbfb48c6039c8612" class="menu-bar-mobile-btn">
				<img src="/images/pictos/acces.png" alt="Accès" class="menu-bar-mobile-btn-icone">
			</a>
		</div>
	</div>
	<nav id="menu-btns">
		<a href="/" class="menu-btn active">Accueil</a>
		<a href="/restaurant-larmor-plage/resto-lorient.php" class="menu-btn">Restaurant</a>
		<a href="/hotel-lorient/hotel-de-charme.php" class="menu-btn">Hôtel</a>
		<a href="/hotel-lorient/chambre-vue-mer.php" class="menu-btn">Chambres</a>
		<a href="/hotel-lorient/tarifs-reservation.php" class="menu-btn">Tarifs & Services</a>
		<a href="/hotel-lorient/sejour-morbihan.php" class="menu-btn">Offres Spéciales</a>
		<a href="/seminaire-bretagne/salle-de-reunion.php" class="menu-btn">Séminaires</a>
		<a href="/reception-morbihan/mariage-bord-de-mer.php" class="menu-btn">Réceptions & Mariages</a>
		<a href="/week-end-bretagne/tourisme-morbihan.php" class="menu-btn">À découvrir</a>
		<a href="/hotel-larmor-plage/contact-logis.php" class="menu-btn">Contact</a>

		<a href="" class="menu-btn menu-btn-mobile">Visite</a>
		<a href="/hotel-lorient/video-les-mouettes.php" class="menu-btn menu-btn-mobile">Vidéo</a>
		<a href="/hotel-lorient/photo-les-mouettes.php" class="menu-btn menu-btn-mobile">Photos</a>
		<a href="/hotel-larmor-plage/plan-du-site.php" class="menu-btn menu-btn-mobile">Plan du site</a>
		<a href="/hotel-larmor-plage/mentions-legales.php" class="menu-btn menu-btn-mobile">Mentions légales</a>
	</nav>
</div>		<div id="reservation">
	<div id="reservation-blocs">
		<div id="reservation-hotel" data-bestrate>
			<div id="reservation-hotel-titre" class="open-panel">Réservez votre chambre</div>
			<div id="reservation-hotel-bestrate" data-bestrate-hotel>
				<div id="reservation-hotel-bestrate-texte">Meilleur<br>tarif garanti</div>
				<div id="reservation-hotel-bestrate-tarif" data-bestrate-hotel-value data-bestrate-loading-image="images/load-white.gif"></div>
			</div>
			<div id="reservation-hotel-bestrate-others" data-bestrate-ota>
				<div id="reservation-hotel-bestrate-others-texte">Autres<br>sites web</div>
				<div id="reservation-hotel-bestrate-others-tarif" data-bestrate-ota-value></div>
			</div>
		</div>
		<div id="reservation-hotel-mobile" class="open-panel">Réservez votre chambre</div>
		<a href="https://www.capcadeau.com/les-mouettes-hotel-restaurant" target="_blank" id="reservation-cadeau">Chèque Cadeau</a>
		<div id="reservation-restaurant" class="open-zenchef" style="cursor: pointer;">Réservez votre table</div>
		<a href="https://lesmouettes.backyou.app/fr/c/request/?1" target="_blank" id="demande-devis">Demande de devis<br>
			<div id="demande-devis-texte" >Séminaire - Groupe - Cocktail</div>
		</a>
		<!--<a href="https://lesmouettes.jcnc.fr/" target="_blank" id="reservation-aemporter">Vente à emporter</a>-->
	</div>
</div>
		<div id="animation" class="cycle-slideshow"
	data-cycle-fx="fade"
	data-cycle-timeout="3000"
	data-cycle-speed="1251"
	data-cycle-slides="> .animation-image"
>
	<div class="animation-image" style="background-image: url(/images/anim/ph-1.jpg);"></div><div class="animation-image" style="background-image: url(/images/anim/ph-2.jpg);"></div><div class="animation-image" style="background-image: url(/images/anim/ph-3.jpg);"></div><div class="animation-image" style="background-image: url(/images/anim/ph-4.jpg);"></div><div class="animation-image" style="background-image: url(/images/anim/ph-5.jpg);"></div><div class="animation-image" style="background-image: url(/images/anim/ph-6.jpg);"></div><div class="animation-image" style="background-image: url(/images/anim/ph-7.jpg);"></div><div class="animation-image" style="background-image: url(/images/anim/ph-8.jpg);"></div><div class="animation-image" style="background-image: url(/images/anim/ph-9.jpg);"></div></div>
<img src="/images/anim.jpg" alt="Hôtel Restaurant Les Mouettes" id="animation-mobile">

<div class="goto" id="goto-content">
	<img src="/images/arrow-down.png" class="goto-button">
</div>
		<section>
			<div id="accueil-gauche">
				<div class="bloc-full">
					<h1 id="accueil-titre" class="titre">
								<span id="accueil-titre-1">L'hôtel restaurant</span>
								<span id="accueil-titre-2">Les Mouettes</span>
								<span id="accueil-titre-3">à Larmor plage</span>
							</h1>
					<div class="texte"> <div style="padding:5px;font-weight:bolder;border-color:#ed7a3e;border-width: 3px;border-style: solid;">Afin de vous garantir une place dans notre restaurant, n’hésitez pas à cliquer sur « réserver votre table ».<br>
<br>
Nouveauté : demandez votre devis directement en ligne en cliquant sur « demande de devis » et découvrez l’ensemble de nos offres.</div>
		<br>
								<h2 style="font-weight:normal;font-size:15px;margin:0;">Vous recherchez un <a href="/hotel-lorient/hotel-de-charme.php">Hôtel à LORIENT</a>, venez découvrir notre Hôtel***&nbsp;Restaurant LES MOUETTES à <strong>Larmor Plage proche de Lorient</strong>.</h2>
								<br><br>
								Situé à moins de 1h de Quimperlé, de Pontivy, Vannes, Carnac, Concarneau et Pont Aven, vous aurez le privilège de découvrir la diversité des <a href="/week-end-bretagne/tourisme-morbihan.php">sites naturels et touristiques du MORBIHAN</a> et du FINISTERE.
							</div>
					<div class="texte-fold accueil">
						<div class="texte-fold-texte">
								Étant à moins de 2h de Rennes, de Brest et de Nantes notre Hôtel***&nbsp;Restaurant LES MOUETTES est idéalement situé pour des <a href="/seminaire-bretagne/salle-de-reunion.php">rencontres professionnels en Bretagne</a>, journées d'études, repas d'affaire et Séminaires.
								<br><br>
								Notre Hotel Restaurant est à proximité d’un certain nombre de lieux importants dans le domaine sportif : Pour le football <a href="https://www.lesmouettes.com/week-end-bretagne/visite-football-club-lorient-348.php"><strong>FCL</strong></a> et son <a href="https://fclweb.fr/l%C2%92espace-fcl-sur-le-site-de-kerlir-a-ploemeur/" target="_blank"><strong>centre de formation de Kerlir</strong></a> à Ploemeur, Le stade du Moustoir à <strong>LORIENT</strong>, pour les golfeurs le <a href="https://www.lesmouettes.com/week-end-bretagne/visite-golf-en-campagne-queven-197.php"><strong>Golf BlueGreen Val Queven</strong></a>, <a href="https://www.lesmouettes.com/week-end-bretagne/visite-golf-face-a-la-mer-ploemeur-200.php"><strong>golf Bluegreen Ploemeur océan</strong></a>) pour la voile <a href="https://www.lesmouettes.com/week-end-bretagne/les-activites-nautiques-lorient-2.php"><strong>Lorient Grand Large</strong></a>, <a href="https://www.sellor-nautisme.fr/activite/kerguelen/105" target="_blank"><strong>centre nautique de Kerguelen</strong></a>, <a href="https://www.sellor-nautisme.fr/" target="_blank"><strong>la sellor</strong></a>) et pour les amoureux des chevaux <a href="https://www.lesmouettes.com/week-end-bretagne/visite-centre-equestre-larmor-plage-292.php"><strong>Kerguelen équitation</strong></a>.
								<br><br>
								Notre Hôtel***&nbsp;Restaurant LES MOUETTES bénéficie d'un environnement exceptionnel sur le <a href="/week-end-bretagne/visite-actualites-du-pays-de-lorient-219.php"></a>pays de Lorient, face à l'île de Groix <strong>c'est l'unique Hôtel restaurant de LORIENT au bord de la plage</strong> avec sa terrasse les pieds dans l'eau.
								<br><br>
								Lors de votre <a href="/hotel-lorient/la-soiree-etape-etape-affaire-8.php">déplacement professionnel</a>, vous allez pouvoir <strong>allier travail et détente</strong>, étant à quelques minutes des Gares : maritime et SNCF, de l'aéroport de Lorient, du <a href="https://www.lesmouettes.com/week-end-bretagne/visite-palais-des-congres-lorient-64.php"><strong>palais des congrès</strong></a>, des différents ports (pèche, commerces, plaisanciers) et des Zones commerciales et industrielles de Caudan Lanester Lorient.
								<br>
								<br>
								Nous avons prévu une place de parking ainsi qu’une chambre répondant au cahier des charges pour les personnes à mobilité réduite située au même niveau que nos espaces accueil, restaurant, bar et terrasse. Cette Chambre est sur réservation uniquement.
								<br>
								<br>
								Avec sa <a href="/restaurant-larmor-plage/resto-lorient.php">cuisine généreuse de produits du marché et de la Mer</a>, notre Hôtel***&nbsp;Restaurant <strong>à dimension humaine et totalement rénové</strong> vous garantit <strong>une Belle Escale iodée et Gourmande</strong> vous permettant de vous ressourcer sur le pays de Lorient.
								<br><br>
								Dans <strong>une ambiance chic et décontractée</strong>, notre équipe motivée et impliquée vous attend pour vous faire partager et profiter de <strong>notre situation magique sur le pays de LORIENT</strong>.
							</div>
						<div class="texte-fold-buttons">
							<img src="/images/pictos/plus.svg" class="texte-fold-button open">
							<img src="/images/pictos/close.svg" class="texte-fold-button close">
						</div>
					</div>
				</div>
				<!-- <a href="/hotel-larmor-plage/avis-clients.php" class="bloc-full" id="accueil-avis">
					<div class="titre accueil-avis-titre">Avis & témoignages</div>
					<a href="http://www.logishotels.com/fr/hotel/hotel-les-mouettes-3009#tab_avis" target="_href" class="accueil-avis">
						<img src="/images/logos/logis-avis.gif" alt="Logis Hôtel">
					</a>
					
					 <div class="accueil-avis">
						<img src="/images/logos/tripadvisor-avis.gif" alt="Tripadvisor">
					</div>
				</a> -->
			</div>
			<div id="accueil-droite">

				
								<a href="/hotel-lorient/offre-a-saisir-nos-promotions-week-end-au-bord-de-la-mer-morbihan-bretagne-larmor-plage-proche-de-lorient-121.php" class="vignette accueil-vignette">
									<div class="accueil-vignette-titre">Offres spéciales</div>
									<div class="vignette-ph" style="background-image: url(/bases/offre_image/moyenne/380/Visuel-Bon-plan-15-.png);">
																					<div class="vignette-tarif">
																									<div class="vignette-tarif-apartir">À PARTIR DE</div>
													<div class="vignette-tarif-tarif">78.00&nbsp;€</div>
																							</div>
																			</div>
									<div class="vignette-infos">
																				<h2 class="vignette-titre">A SAISIR : NOS PROMOTIONS WEEK END AU BORD DE LA MER MORBIHAN BRETAGNE LARMOR PLAGE PROCHE DE LORIENT</h2>
										<div class="vignette-texte">A SAISIR
Promo week end au bord de mer Bretagne 
CHOISISSEZ VOTRE DATE POUR PROFITER
D UN PRIX CADEAU ! 

</div>
									</div>
									<div class="vignette-btns">
										<div class="vignette-btn">+</div>
									</div>
								</a>

							
				
								<a href="/restaurant-larmor-plage/menu-assiettes-fruits-de-mer-royal-986.php" class="vignette accueil-vignette">
									<div class="accueil-vignette-titre">Restaurant</div>
									<div class="vignette-ph" style="background-image: url(/bases/restaurant_image/grande/824/photo-juillet-131.jpg);">
																					<div class="vignette-tarif">
																									<div class="vignette-tarif-tarif">86.00&nbsp;€</div>
																							</div>
																			</div>
									<div class="vignette-infos">
																				<h2 class="vignette-titre">ASSIETTES FRUITS DE MER ROYAL</h2>
										<div class="vignette-texte">Votre plateau de fruits de mer face à la mer!</div>
									</div>
									<div class="vignette-btns">
										<div class="vignette-btn">+</div>
									</div>
								</a>

							
				
								<a href="/seminaire-bretagne/le-seminaire-bretagne-morbihan-les-mouettes-lorient-reunion-90.php" class="vignette accueil-vignette">
									<div class="accueil-vignette-titre">Séminaires</div>
									<div class="vignette-ph" style="background-image: url(/bases/seminaire_image/moyenne/90/U-1.jpg);">
																					<div class="vignette-tarif">
																									<div class="vignette-tarif-apartir">À PARTIR DE</div>
													<div class="vignette-tarif-tarif">77&nbsp;€</div>
																							</div>
																			</div>
									<div class="vignette-infos">
										<h3 class="vignette-titre">SEMINAIRE BRETAGNE MORBIHAN LES MOUETTES LORIENT REUNION</h3>
										<div class="vignette-texte">JOURNÉE D'ÉTUDE PROCHE DE LORIENT
avec pause iodée au Bord de la Mer 
" alliez travail et détente ! "</div>
									</div>
									<div class="vignette-btns">
										<div class="vignette-btn">+</div>
									</div>
								</a>

							
				
								<a href="/reception-morbihan/un-se-retrouver-pour-partager-136.php" class="vignette accueil-vignette">
									<div class="accueil-vignette-titre">Réceptions & Mariages</div>
									<div class="vignette-ph" style="background-image: url(/bases/reception_image/moyenne/71/REPASDEFAMILLE.jpg);">
																					<div class="vignette-tarif">
																									<div class="vignette-tarif-tarif">sur mesure !</div>
																							</div>
																			</div>
									<div class="vignette-infos">
										<h3 class="vignette-titre">SE RETROUVER POUR PARTAGER ...</h3>
										<div class="vignette-texte">PARTAGER UN MOMENT DE CONIVIALITE FACE A LA MER !</div>
									</div>
									<div class="vignette-btns">
										<div class="vignette-btn">+</div>
									</div>
								</a>

							
				
								<a href="/hotel-lorient/la-chambre-grand-lit-pour-1-ou-2-1.php" class="vignette accueil-vignette">
									<div class="accueil-vignette-titre">Chambres</div>
									<div class="vignette-ph" style="background-image: url(/bases/chambre_image/moyenne/1/CHAMBRE-GRAND-LIT-.jpg);">
																					<div class="vignette-tarif">
																									<div class="vignette-tarif-tarif">DATE FLEXIBLE = PRIX MALIN</div>
																							</div>
																			</div>
									<div class="vignette-infos">
										<h3 class="vignette-titre">CHAMBRE GRAND LIT pour 1 ou 2</h3>
										<div class="vignette-texte"> Une Excellente nuit au bord de la mer ?


</div>
									</div>
									<div class="vignette-btns">
										<div class="vignette-btn">+</div>
									</div>
								</a>

							
				
								<a href="/week-end-bretagne/visite-kitesurf-lorient-205.php" class="vignette accueil-vignette">
									<div class="accueil-vignette-titre">À découvrir</div>
									<div class="vignette-ph" style="background-image: url(/bases/visite_image/moyenne/327/kitesurf-lorient-les-mouettes.jpg);">
								</div>
									<div class="vignette-infos">
										<h3 class="vignette-titre">KITESURF LORIENT</h3>
										<div class="vignette-texte">école de kitesurf !</div>
									</div>
									<div class="vignette-btns">
										<div class="vignette-btn">+</div>
									</div>
								</a>

							
			</div>
		</section>
		<div class="goto" id="goto-top">
	<img src="/images/arrow-top.png" class="goto-button">
</div>

<div id="footer-newsletter">
	<form action="/hotel-lorient/newsletter.php" method="POST" id="footer-newsletter-formulaire">
					<span id="footer-newsletter-titre">S'inscrire à la newsletter</span>
				<input type="text" id="footer-newsletter-champ" name="email">
		<input type="text" name="trappe" class="contact-champ trappe" value="">
		<input type="submit" name="submit" value="OK" id="footer-newsletter-submit">
	</form>
</div>
		<footer>
	<div id="footer-logos" style="display:block;">
		<a href="https://www.logishotels.com/fr/hotel/logis-hotel-les-mouettes-3009" target="_blank">
			<img src="/images/logos/logis-hotels-restaurants_fond.svg" alt="Logis Hôtel Les Mouettes" class="footer-logo">
		</a>
        <!--<img src="/images/logos/bretagne.png" alt="Région Bretagne" class="footer-logo">-->
		<img src="/images/logos/act-eco-note.png" alt="Logis Hôtel Les Mouettes" class="footer-logo">
	</div>

	<div id="footer-reseaux">
		<div class="footer-reseau-partage facebook"	>
			<img 	src="/images/reseaux/facebook.png"
					alt="Partagez sur Facebook Hôtel Les Mouettes"
					title="Partagez sur Facebook Hôtel Les Mouettes"
			>
		</div>
		<div class="footer-reseau-partage twitter"	>
			<img 	src="/images/reseaux/twitter.png"
					alt="Partagez sur Twitter Hôtel Les Mouettes"
					title="Partagez sur Twitter Hôtel Les Mouettes"
			>
		</div>
		<div class="footer-reseau-partage google"	>
			<img 	src="/images/reseaux/google.png"
					alt="Partagez sur Google+ Hôtel Les Mouettes"
					title="Partagez sur Google+ Hôtel Les Mouettes"
			>
		</div>
		<div class="footer-reseau-partage linkedin"	>
			<img 	src="/images/reseaux/linkedin.png"
					alt="Partagez sur LinkedIn Hôtel Les Mouettes"
					title="Partagez sur LinkedIn Hôtel Les Mouettes"
			>
		</div>
		<a href="https://www.facebook.com/pages/Hotel-Restaurant-Les-Mouettes/151149021710676" target="_blank" class="footer-reseau-lien">
			<img 	src="/images/reseaux/facebook.png"
					alt="Suivez nous sur Facebook"
					title="Suivez nous sur Facebook"
			>
		</a>
		<a href="https://plus.google.com/107243394883376556717/about" target="_blank" class="footer-reseau-lien">
			<img 	src="/images/reseaux/google.png"
					alt="Suivez nous sur Google+"
					title="Suivez nous sur Google+"
			>
		</a>
	</div>
	<div id="footer-juliana"></div>
	<div id="footer-btns">
		<div class="tarteaucitronOpenPanel footer-btn">Gestion des cookies</div>
		<a href="/hotel-lorient/tarifs-reservation.php" 		class="footer-btn">Tarifs</a>
		<a href="/hotel-larmor-plage/plan-du-site.php" 		class="footer-btn">Plan du site</a>
		<a href="/hotel-larmor-plage/mentions-legales.php" 	class="footer-btn">Mentions légales</a>
	</div>
</footer>
	</div>
	<div id="reseaux">
	<div class="reseau-partage facebook">
		<img 	src="/images/reseaux/facebook.png"
				alt="Partagez sur Facebook Hôtel Les Mouettes"
				title="Partagez sur Facebook Hôtel Les Mouettes"
		>
		Partagez sur Facebook	</div>
	<div class="reseau-partage twitter">
		<img 	src="/images/reseaux/twitter.png"
				alt="Partagez sur Twitter Hôtel Les Mouettes"
				title="Partagez sur Twitter Hôtel Les Mouettes"
		>
		Partagez sur Twitter	</div>
	<div class="reseau-partage google">
		<img 	src="/images/reseaux/google.png"
				alt="Partagez sur Google+ Hôtel Les Mouettes"
				title="Partagez sur Google+ Hôtel Les Mouettes"
		>
		Partagez sur Google+	</div>
	<div class="reseau-partage linkedin">
		<img 	src="/images/reseaux/linkedin.png"
				alt="Partagez sur LinkedIn Hôtel Les Mouettes"
				title="Partagez sur LinkedIn Hôtel Les Mouettes"
		>
		Partagez sur LinkedIn	</div>
	<a href="https://www.facebook.com/pages/Hotel-Restaurant-Les-Mouettes/151149021710676" target="_blank" class="reseau-lien">
		<img 	src="/images/reseaux/facebook.png"
				alt="Suivez nous sur Facebook Hôtel Les Mouettes"
				title="Suivez nous sur Facebook Hôtel Les Mouettes"
		>
		Suivez nous sur Facebook	</a>
	<a href="https://twitter.com/lesmouettes56" target="_blank" class="reseau-lien">
		<img 	src="/images/reseaux/twitter.png"
				alt="Suivez nous sur Twitter Hôtel Les Mouettes"
				title="Suivez nous sur Twitter Hôtel Les Mouettes"
		>
		Suivez nous sur Twitter	</a>
	<a href="https://plus.google.com/112389543713389087584" target="_blank" class="reseau-lien">
		<img 	src="/images/reseaux/google.png"
				alt="Suivez nous sur Google+ Hôtel Les Mouettes"
				title="Suivez nous sur Google+ Hôtel Les Mouettes"
		>
		Suivez nous sur Google+	</a>
	<a href="https://fr.pinterest.com/direction0301/" target="_blank" class="reseau-lien">
		<img 	src="/images/reseaux/pinterest.png"
				alt="Suivez nous sur Pinterest Hôtel Les Mouettes"
				title="Suivez nous sur Pinterest Hôtel Les Mouettes"
		>
		Suivez nous sur Pinterest	</a>
	<a href="https://www.youtube.com/channel/UCRJ8WWszxX5o588kisccg_A?nohtml5=False" target="_blank" class="reseau-lien">
		<img 	src="/images/reseaux/youtube.png" height="20"
				alt="Suivez nous sur Youtube Hôtel Les Mouettes"
				title="Suivez nous sur Youtube Hôtel Les Mouettes"
		>
		Suivez nous sur Youtube	</a>
</div>

<div class="panel">

    <div class="panel_header">
        <div class="panel_header-logos">
            <img src="/images/lesmouettes.gif" alt="Les Mouettes" class="panel_header-logo">
        </div>
        <div class="panel_header-content panel_narrow">
            <div class="panel_header-title">
                <div class="panel_header-title-headline">Les Mouettes</div>
                <div class="panel_header-title-baseline">Réservez en direct</div>
            </div>
        </div>
        <div class="panel_header-close panel-icon-close close-panel"></div>
    </div>

    <div class="panel_body">

        <div class="panel_body-content panel_narrow">

            <div class="panel_column">

                <!-- Réservez -->
                <div class="panel_bloc">

                    <div class="panel_bloc-title">
                        <div class="panel_bloc-title-icon panel-icon-calendar"></div>
                        <div class="panel_bloc-title-label">Réservez</div>
                    </div>

                    <div class="panel_booking">

                        <form action="https://secure.reservit.com/reservit/reserhotel.php?lang=fr&id=233&hotelid=3009" target="_blank" class="panel_booking-form">

                            <input type="hidden" name="lang"                        value="fr">
                            <input type="hidden" name="action"                      value="resa">
                            <input type="hidden" name="hotelid"                     value="3009" id="panel-booking-hotelid">
                            <input type="hidden" name="id"                          value="233" id="panel-booking-custid">
                            <input type="hidden" name="fday"                        value="28">
                            <input type="hidden" name="fmonth"                      value="03">
                            <input type="hidden" name="fyear"                       value="2024">
                            <input type="hidden" name="numroom"                     value="1">
                            <input type="hidden"                                    value="1711639325000" id="panel-booking-timestamp">

                            <div class="panel_booking-form-line">
                                <div class="panel_booking-calendar"></div>
                            </div>

                            <div class="panel_booking-form-line">
                                <div class="panel_booking-form-param">
                                    <div class="panel_booking-form-param-icon panel-icon-calendar-star"></div>
                                    <div class="panel_booking-form-param-label">À partir du :</div>
                                    <div class="panel_booking-form-param-value" id="panel-booking-date">28/03/2024</div>
                                </div>
                            </div>

                            <div class="panel_booking-form-line">
                                <div class="panel_booking-form-param">
                                    <div class="panel_booking-form-param-icon panel-icon-moon"></div>
                                    <div class="panel_booking-form-param-label">Nombre de nuits :</div>
                                    <select class="panel_booking-form-param-select" id="panel-booking-nights" name="nbnights">
                                                                                    <option value="1" selected>1</option>
                                                                                    <option value="2" >2</option>
                                                                                    <option value="3" >3</option>
                                                                                    <option value="4" >4</option>
                                                                                    <option value="5" >5</option>
                                                                                    <option value="6" >6</option>
                                                                                    <option value="7" >7</option>
                                                                                    <option value="8" >8</option>
                                                                                    <option value="9" >9</option>
                                                                                    <option value="10" >10</option>
                                                                            </select>
                                </div>
                            </div>

                            <div class="panel_booking-form-line">
                                <div class="panel_booking-form-param">
                                    <div class="panel_booking-form-param-icon panel-icon-people"></div>
                                    <div class="panel_booking-form-param-label">Nombre d'adultes :</div>
                                    <select class="panel_booking-form-param-select" id="panel-booking-adults" name="nbadt">
                                                                                    <option value="1" selected>1</option>
                                                                                    <option value="2" >2</option>
                                                                                    <option value="3" >3</option>
                                                                                    <option value="4" >4</option>
                                                                                    <option value="5" >5</option>
                                                                                    <option value="6" >6</option>
                                                                                    <option value="7" >7</option>
                                                                                    <option value="8" >8</option>
                                                                                    <option value="9" >9</option>
                                                                                    <option value="10" >10</option>
                                                                            </select>
                                </div>
                            </div>

                            <div class="panel_booking-form-line">
                                <div class="panel_booking-buttons">
                                    <a href="https://secure.reservit.com/reservit/reserhotel.php?lang=fr&id=233&hotelid=3009" target="_blank" rel="noopener" class="panel_booking-more">Plus de critères</a>
                                    <input type="submit" class="panel_booking-submit ga-booking" value="Valider">
                                </div>
                            </div>

                            <div class="panel_booking-form-line">
                                <a href="https://secure.reservit.com/fo/booking/233/3009/manage?langcode=fr" target="_blank" rel="noopener" class="panel_booking-link">Annuler / Modifier voter réservation</a>
                            </div>

                        </form>

                    </div>

                </div>

            </div>

            <div class="panel_column">

                <!-- Comparez -->
                <div class="panel_bloc">

                    <div class="panel_bloc-title">
                        <div class="panel_bloc-title-icon panel-icon-magnifier"></div>
                        <div class="panel_bloc-title-label">Comparez</div>
                    </div>

                    <div class="panel_bestrates" data-bestrate>
                        <div class="panel_bestrates-sources">
                            <div class="panel_bestrate" data-bestrate-hotel>
                                <div class="panel_bestrate-title">
                                    <div class="panel_bestrate-title-headline">Meilleur tarif</div>
                                    <div class="panel_bestrate-title-baseline">Site officiel</div>
                                </div>
                                <div class="panel_bestrate-value" data-bestrate-hotel-value data-bestrate-loading-image="images/load-white.gif">
                                    <img src="images/load-white.gif" alt="chargement">
                                </div>
                            </div>
                            <div class="panel_bestrate" id="panel-bestrate-ota" data-bestrate-ota>
                                <div class="panel_bestrate-title">
                                    <div class="panel_bestrate-title-headline">Comparez les prix</div>
                                    <div class="panel_bestrate-title-baseline">Sur les autres sites</div>
                                </div>
                                <div class="panel_bestrate-value" data-bestrate-ota-value></div>
                            </div>
                        </div>
                        <div class="panel_bestrates-info" data-bestrate-info>
                            <div class="panel_bestrates-info-icon panel-icon-information"></div>
                            <div class="panel_bestrates-info-label" data-bestrate-info-value></div>
                        </div>
                    </div>

                                        <a href="/hotel-lorient/sejour-morbihan.php">
                        <img src="/images/panel.jpg" class="panel_image" style="margin-top: 30px;">
                    </a>


                </div>

            </div>

            <div class="panel_column">

                <!-- Échangez -->
                <div class="panel_bloc">

                    <div class="panel_bloc-title">
                        <div class="panel_bloc-title-icon panel-icon-reviews"></div>
                        <div class="panel_bloc-title-label">Échangez</div>
                    </div>

                    <!-- <div class="panel_reviews" style="position: relative;">
                        <div class="panel_reviews-tripadvisor" style="position: relative; z-index: 1;">
                            <div id="TA_selfserveprop" class="TA_selfserveprop">
                                <a target="_blank" href="https://www.tripadvisor.fr/">
                                    <img src="https://www.tripadvisor.fr/img/cdsi/img2/branding/150_logo-11900-2.png" alt="TripAdvisor"/>
                                </a>
                            </div>
                            <script src="https://www.jscache.com/wejs?locationId=1464918&rating=true&writereviewlink=true&popIdx=false&iswide=true&border=true&nreviews=4&lang=fr&wtype=selfserveprop&display_version=2"></script>
                        </div>
                        <style>
                            #CDSWIDSSP{
                                width: 100% !important;
                            }
                            #CDSWIDSSP .widSSPData{
                                border: 0 !important;
                                padding: 0 !important;
                            }
                        </style>
                        <a href="/hotel-larmor-plage/avis-clients.php" class="panel_reviews-link" style="float: left; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;"></a>
                    </div> -->

                     <div class="panel_reviews" style="position: relative;">

                                                <div class="qualitelis-api" data-url="https://cdn.juliana-multimedia.com/api/qualitelis/1.1/qualitelis.php?token=156670BB-F314-4BD5-8F73-6EC6997B5355&id_contractor=13450&locale=fr&template=panel&link=%2Fhotel-larmor-plage%2Favis-clients.php">
                            			<link rel="stylesheet" href="https://cdn.juliana-multimedia.com/api/qualitelis/1.1/templates/panel/panel.css">
			<div class="qualitelisPanel" data-url="http://www.qualitelis-survey.com/api/Comments/GetV2?Token=156670BB-F314-4BD5-8F73-6EC6997B5355&IdContractor=13450&Langue=fr">
    <div class="qualitelisPanel-header">
        <img src="https://cdn.juliana-multimedia.com/api/qualitelis/1.1/images/qualitelis.png" alt="Qualitelis" class="qualitelisPanel-logo" width="189" height="37">
        <div class="qualitelisPanel-global">
            <div class="qualitelisPanel-global-rate">4.5/5</div>
            <div class="qualitelisPanel-global-stars" title="4.5/5">
                <div class="qualitelisPanel-global-stars-bar" style="width: 89.755644911847%;"></div>
                <img src="https://cdn.juliana-multimedia.com/api/qualitelis/1.1/images/stars-mask-bleu.png" alt="Note" class="qualitelisPanel-global-stars-mask" width="524" height="100">
            </div>
            <div class="qualitelisPanel-global-reviews">1785 avis</div>
        </div>
    </div>
    <div class="qualitelisPanel-comments">
                            <div class="qualitelisPanel-comment">Je recommande à 100% top </div>
                                    <div class="qualitelisPanel-comment">Superbe emplacement.</div>
                                    <div class="qualitelisPanel-comment">Arriving at the reception to be told that no room available for two separate beds <span>[...]</span></div>
                    </div>
            <a href="/hotel-larmor-plage/avis-clients.php" class="qualitelisPanel-button panel_button">Lire les 50 commentaires</a>
    </div>
		                        </div>
                    </div>

                </div>

                <!-- Suivez-nous ! -->
                <div class="panel_bloc">

                    <div class="panel_bloc-title">
                        <div class="panel_bloc-title-icon panel-icon-heart"></div>
                        <div class="panel_bloc-title-label">Suivez-nous</div>
                    </div>

                    <div class="panel_networks">
                        <div class="panel_networks-links">
                            <a href="https://www.facebook.com/pages/Hotel-Restaurant-Les-Mouettes/151149021710676" target="_blank" rel="noopener" class="panel_networks-link">
                                <div class="panel_networks-link-icon panel-icon-facebook"></div>
                            </a>
                            <a href="https://twitter.com/lesmouettes56" target="_blank" rel="noopener" class="panel_networks-link">
                                <div class="panel_networks-link-icon panel-icon-twitter"></div>
                            </a>
                            <a href="https://fr.pinterest.com/direction0301/" target="_blank" rel="noopener" class="panel_networks-link">
                                <div class="panel_networks-link-icon panel-icon-pinterest"></div>
                            </a>
                            <a href="https://www.youtube.com/channel/UCRJ8WWszxX5o588kisccg_A?nohtml5=False" target="_blank" rel="noopener" class="panel_networks-link">
                                <div class="panel_networks-link-icon panel-icon-youtube"></div>
                            </a>
                        </div>
                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="panel_footer">

        <div class="panel_copyright"><div>Propulsé par <a href="https://www.juliana.fr" target="_blank" rel="noopener"><img src="https://cdn.juliana-multimedia.com/images/juliana/juliana.svg"></a></div><div>Copyright © 2020 Juliana</div></div>

    </div>

</div>

<div class="qualitelisRating_wrap">
                <link rel="stylesheet" href="https://cdn.juliana-multimedia.com/api/qualitelis-rating/1.0/qualitelis-rating.css">

            <a href="/hotel-larmor-plage/avis-clients.php" class="qualitelisRating" data-url="http://www.qualitelis-survey.com/api/Comments/GetV2?Token=156670BB-F314-4BD5-8F73-6EC6997B5355&IdContractor=13450&Langue=fr">
                <img src="https://cdn.juliana-multimedia.com/api/qualitelis-rating/1.0/images/qualitelis.png" alt="Qualitelis" class="qualitelisRating_logo" width="189" height="37">
                <div class="qualitelisRating_content">
                    <div class="qualitelisRating_rate"><span>4.5</span>/5</div>
                    <div class="qualitelisRating_nbrates">1785 avis</div>
                </div>
                                    <div class="qualitelisRating_link">Lire les 50 commentaires</div>
                            </a>
        </div>

<style>
    @media (max-width: 768px) {

        .qualitelisRating_wrap {
            display: block !important;
        }

    }
</style>

            <div class="popupZenchef">
                <div class="popupZenchef_content">
                    <div class="popupZenchef_overlay"></div>
                    <div class="popupZenchef_frame">
                        <div class="popupZenchef_close">
                            <div class="popupZenchef_close-icon iconCommon-close"></div>
                        </div>
                        <div class="popupZenchef_frame-content">
                            <iframe src="https://bookings.zenchef.com/results?rid=360532&fullscreen=1" frameborder="0" scrolling="yes" width='100%' height="630"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        

<!-- Scripts -->

	<!-- jQuery -->
	<script src="/include/js/jquery.js"></script>

	<!-- Cycle 2 -->
	<script src="/include/js/cycle2/jquery.cycle2.min.js"></script>

	<!-- ScrollToElement -->
	<script src="https://cdn.juliana-multimedia.com/js/scrollToElement/scrollToElement.js"></script>
	<script>
		$(function(){

			$("#goto-content").scrollToElement("section");
			$("#goto-top").scrollToElement("header");

		});
	</script>

	<!-- lightGallery -->
	<link href="/include/js/light-gallery/css/lightGallery.css" rel="stylesheet" />
	<script src="/include/js/light-gallery/js/lightGallery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$(".lightGallery").lightGallery({
				mode: 'fade',
				speed: 500,
				showThumbByDefault: true,
				thumbWidth: 105,
				thumbMargin: 0,
				exThumbImage: 'data-thumb',
				addClass: 'lg-juliana',
				selector: '.lightbox:not(.cycle-sentinel)',
				currentPagerPosition: 'right'
			});
		});
	</script>

	<!-- Datepicker -->
	<script src="https://cdn.juliana-multimedia.com/js/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
	<script src="https://cdn.juliana-multimedia.com/js/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.fr.min.js"></script>

	<!-- Fonctions -->
	<script type="text/javascript">

		<!-- Click Toggle -->
		$.fn.clicktoggle = function(a, b) {
			return this.each(function() {
				var clicked = false;
				$(this).bind("click", function() {
					if (clicked) {
						clicked = false;
						return b.apply(this, arguments);
					}
					clicked = true;
					return a.apply(this, arguments);
				});
			});
		};

		$(function(){

			$("#header-langues-trigger").clicktoggle(
				function(){	$("#header-langues-autres").show();	},
				function(){	$("#header-langues-autres").hide();	}
			);

			$("#menu-bar-mobile-trigger").clicktoggle(
				function(){	$("#menu-btns").slideDown(500);	},
				function(){	$("#menu-btns").slideUp(500);	}
			);

			$('.reseau-partage, .reseau-lien').hover(
				function(){	$(this).stop().animate({"margin-left":"0px"}, 300);		},
				function(){	$(this).stop().animate({"margin-left":"188px"}, 300);	}
			);

			var pageTitle = document.title;
			var pageUrl = location.href;
			$('.footer-reseau-partage, .reseau-partage').click(function() {
				var shareName = $(this).attr('class').split(' ')[1];
				switch (shareName){
					case 'facebook':
						var openLink = 'http://www.facebook.com/share.php?u='+encodeURIComponent(pageUrl); break;
					case 'twitter':
						var openLink = 'http://twitter.com/home?status=' + encodeURIComponent(pageTitle + ' ' + pageUrl); break;
					case 'google':
						var openLink = 'https://plus.google.com/share?url='+encodeURIComponent(pageUrl); break;
					case 'linkedin':
						var openLink = 'http://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent(pageUrl); break;
				}
				winWidth	= 650;
				winHeight	= 450;
				winLeft		= ($(window).width()  - winWidth)  / 2,
				winTop		= ($(window).height() - winHeight) / 2,
				winOptions	= 'width='  + winWidth  + ',height=' + winHeight + ',top=' + winTop + ',left=' + winLeft;
				window.open(openLink,'Share This Link',winOptions);
				return false;
			});

			$(".texte-fold-button.open").click(function(){
				$(".texte-fold").addClass("active");
			});

			$(".texte-fold-button.close").click(function(){
				$(".texte-fold").removeClass("active");
			});

			
		});

	</script>


	<!-- Panel -->
	<script type="text/javascript">

		function bestrate(from_timestamp, to_timestamp, nb_adults, context)
		{

			var hotel = context.find("[data-bestrate-hotel]");
			var hotel_rate = context.find("[data-bestrate-hotel-value]");
			var loading_image = hotel_rate.attr("data-bestrate-loading-image");
			var ota = context.find("[data-bestrate-ota]");
			var ota_rate = context.find("[data-bestrate-ota-value]");
			var info = context.find("[data-bestrate-info]");
			var info_value = context.find("[data-bestrate-info-value]");

			hotel_rate.html('<img src="' + loading_image + '" alt="chargement">');
			ota.css("display", "none");
			info.css("display", "none");

			$.ajax({
				type: "POST",
				url: "/include/php/reservit/reservit_bestprice.php",
				dataType: "json",
				data: { from_timestamp: from_timestamp, to_timestamp: to_timestamp, nb_adults: nb_adults },
				success: function (result) {

					if (
						result.bestPrice_unFormatted != undefined &&
						result.bestPrice_unFormatted != -1
					) {
						hotel_rate.html(result.bestPrice.replace(",00", ""));
						if (
							result.bestPriceDistrib_unFormatted != undefined &&
							result.bestPriceDistrib_unFormatted != -1 &&
							result.bestPriceDistrib_unFormatted > result.bestPrice_unFormatted
						) {
							ota_rate.html(result.bestPriceDistrib.replace(",00", ""));
							ota.css("display", "flex");
						}

						// Logis Fidelite
						$(".panel_fidelity").attr("data-logis-total", result.bestPrice_unFormatted);

					} else {
						hotel_rate.html("<span>Complet</span>");
					}

					if (result.info) {
						info_value.html(result.info);
						info.css("display", "block");
					}

					// Logis Fidelite
					updateLogisFidelite();

				}
			});

		}

		function updateLogisFidelite()
		{
			$(".panel_fidelity").removeClass("calculation default");

			var total = Number.parseFloat($(".panel_fidelity").attr("data-logis-total"));
			var points = Number.parseFloat($(".panel_fidelity").attr("data-logis-points"));

			if (typeof total != NaN && typeof points != NaN && total>1) {

				var profit = ((total * points) * (15/1400)) + 0.25;

				$(".panel_fidelity").find("#panel-fidelity-total").html(total.toFixed(2) + "&nbsp;€");
				$(".panel_fidelity").find("#panel-fidelity-gain").html(profit.toFixed(2) + "&nbsp;€");
				$(".panel_fidelity").addClass("calculation");

			} else {

				$(".panel_fidelity").addClass("default");

			}
		}

		var prices = '';
		var today = new Date();
		today.setHours(0,0,0,0);

		function getCalendarRates(new_prices = true)
		{
			//return false; // DÉSACTIVÉ

			var timeout = 0;
			if (new_prices) {
				var timeout = 100; // The datepicker needs time to show new month.
			}

			setTimeout(function(){

				var hotel_id = $("#panel-booking-hotelid").val();
				var cust_id = $("#panel-booking-custid").val();
				var from = new Date(parseInt($(".datepicker .day").eq(0).attr("data-date")));
				if (from < today) from = today;
				console.log(from);
				var from_timestamp = from.getTime() / 1000;
				var to_timestamp = from_timestamp + (42 * 24 * 60 * 60); // 42 days are shown in the datepicker.
				var nb_adults = $("#panel-booking-adults").val();

				if (new_prices || prices=='') {

					var remote_ip = "155.133.132.66";

					$.ajax({
						type: "POST",
						url: "https://cdn.juliana-multimedia.com/api/reservit/calendar/",
						dataType: "json",
						data: { hotel_id: hotel_id, cust_id: cust_id, from_timestamp: from_timestamp, to_timestamp: to_timestamp, nb_adults: nb_adults, remote_ip: remote_ip },
						success: function(r)
						{
							if (r.success) {
								prices = r.prices;
								displayCalendarRates(prices);
							}
						}
					});

				} else {
					displayCalendarRates(prices);
				}

			}, timeout);

		}

		function displayCalendarRates(p)
		{
			$.each(p, function(isodate, price)
				{
					date = new Date(isodate);
					day = date.getDate();
					date_class = "d" + date;
					cell = $(".datepicker .day[data-date=" + date.getTime() + "]");

					price = (price % 1 != 0)? Number(price).toFixed(2) : price;

					if (date < today) {
						content = '<div class="datepicker-day"><div class="datepicker-day-date">' + day + '</div></div>';
					} else if (price == "-1") {
                        content = '<div class="datepicker-day" data-status="off"><div class="datepicker-day-date">' + day + '</div><div class="datepicker-day-price">✕</div></div>';
					} else {
                        content = '<div class="datepicker-day" data-status="on"><div class="datepicker-day-date">' + day + '</div><div class="datepicker-day-price">' + price + ' €</div></div>';
					}

					cell.html(content);

				}
			);
		}

		$(function(){

			$(".open-panel").click(function(){
				$(".panel").addClass("active");
			});

			$(".close-panel").click(function(){
				$(".panel").removeClass("active");
			});

	        var panel_from_timestamp = 1711639325;
	        var panel_to_timestamp = 1711725725;
	        var panel_nb_adults = 1;
	        var panel_nb_nights = $("#panel-booking-nights").val();
	        var panel_context = $(".panel_bestrates");

			$(".panel_booking-calendar").datepicker({
	            language: "fr",
	            format: "dd/mm/yyyy",
	            maxViewMode: 0,
	            minViewMode: 0,
	            weekStart: 1,
	            startDate: new Date(),
	            todayHighlight: true,
	            templates: {
	                leftArrow: '⯇',
	                rightArrow: '⯈'
	            }
	        })
	        .on("changeDate", function(e) {

	        	var fromdate 	= e.date;

				var day			= ('0' + fromdate.getDate()).slice(-2);
				var month		= ('0' + (fromdate.getMonth()+1)).slice(-2);
				var year		= fromdate.getFullYear();

				$("input[name=fday]").val(day);
				$("input[name=fmonth]").val(month);
				$("input[name=fyear]").val(year);
				$("#panel-booking-date").html(day+"/"+month+"/"+year);
	        	$("#panel-booking-timestamp").val(fromdate.getTime());

	        	// Update form
	            panel_from_timestamp = parseInt(fromdate.getTime() / 1000);
	            panel_to_timestamp = panel_from_timestamp + (panel_nb_nights * 24 * 60 * 60);

	            // Update bestrate
	            bestrate(panel_from_timestamp, panel_to_timestamp, panel_nb_adults, panel_context);

	            // Update calendar
	            getCalendarRates(false);

	        })
	        .on("changeMonth", function() {

	        	// Update calendar
	        	getCalendarRates(true);

	        });

	        // On 'number of adults' update
			$("#panel-booking-adults").change(function(){

				// Update bestrate
	            panel_nb_adults = $(this).val();
				bestrate(panel_from_timestamp, panel_to_timestamp, panel_nb_adults, panel_context);

	            // Update calendar
	            getCalendarRates(true);

			});

			// On 'number of nights' update
			$("#panel-booking-nights").change(function(){

	            // Update bestrate
	            panel_nb_nights = $(this).val();
	            panel_to_timestamp = panel_from_timestamp + (panel_nb_nights * 24 * 60 * 60);
	            bestrate(panel_from_timestamp, panel_to_timestamp, panel_nb_adults, panel_context);

			});

	        // Set date
	        $(".panel_booking-calendar").datepicker("setDate", new Date());

	        // Set bestrate
	        bestrate(1711639325, 1711725725, 1, $("#reservation-hotel") );

		});

	</script>

	<script type="text/javascript">
		$(function(){

			var popup = $(".popupZenchef");

			if (popup.length > 0) {

				$(".open-zenchef").on("click", function(){
					popup.addClass("active").removeClass("show");
				});

				popup.find(".popupZenchef_overlay, .popupZenchef_close").click(function(){
					popup.removeClass("active");
				});

			}

		});
	</script>
</body>
</html>