Outiref

Code source de l'URL : https://www.hotel-legalion.com/

<!DOCTYPE html>
<!--
            ..-:/+++++/+////+/+++++/:-..
      .-/+o+:-*'                  '*-:/oo/:.
   ./oo/-'     ..:/+oossssssso+/:..     './oo/.
 -os+'      .+yhy+:-'        '.:/shyo-      .::'
:ys-      'smh:'
sy+       +dds++++++++++++++++++++++oss:  -----:::
yys*                               -smd-  '''''syy
yyyo-       .oyy+:....      ....:+shy/'      .oyyy
oyyyyo:..     '.:+oooooooooooooo+:-'      .-+syyys
+yyyyyyso+:...        ''''''        ...-/osyyyyyy+
:yyyyyyyyyyysso+//:---......---://+oosso/+yyyyyyy:
'yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy:'/yyyyyyy'
 oyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy:'+yyyyyyo
 .yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy:.:+yyyys.
  -syyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy:...:yyys.
   ':oyhyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy/-./sys:'
      '-/oyyyyyyyyyyyyyyyyyyyyyyyyyyyyy+./:.
           '.-:/+oossyyyyyyyyyssoo+/:-.'
-->
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="referrer" content="strict-origin-when-cross-origin">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
			<title>Le Galion - La Villa de l&#039;éclusier</title>
	
		<meta name="language" content="en">

	
	<link rel="preload" as="style" href="/css/app.css?id=5ca726c3fc736dab52856ad6eac4822f">
	<link rel="preload" as="script" href="/js/manifest.js?id=c9454aad9315234504e6e168fa5d77b3">
	<link rel="preload" as="script" href="/js/vendor.js?id=50d88bdc7f9a6a671b324f75ecbb9cea">
	<link rel="preload" as="script" href="/js/app.js?id=dd8b8747bebd14c2d9d8d4183d310db0">
	<link rel="preload" as="font" href="/fonts/HelveticaNeueLTStd-Lt.woff2?b72e778afd7c40d9d0b040dcaf73e311" crossorigin="anonymous">
	<link rel="preload" as="font" href="/fonts/HelveticaNeueLTStd-LtCn.woff2?7da93ef742b7bb53df1c85374ee187be" crossorigin="anonymous">
	<link rel="preload" as="font" href="/fonts/HelveticaNeueLTStd-Cn.woff2?200c5a02d5c2d60c8d398e6440c47f07" crossorigin="anonymous">
	<link rel="preload" as="font" href="/fonts/HelveticaNeueLTStd-BlkCn.woff2?137fe01e0fc6d6ca55c047db5a541cdc" crossorigin="anonymous">
	<link rel="preload" as="font" href="/fonts/HelveticaNeueLTStd-Blk.woff2?f908a66e4294f4b21331da49fd3cf3ae" crossorigin="anonymous">
	<link rel="preload" as="font" href="/fonts/HelveticaNeueLTStd-Md.woff2?eecd5e44c6fefc48f63bdc612d41eac0" crossorigin="anonymous">
	<link rel="preload" as="font" href="/fonts/vendor/bootstrap-sass/bootstrap/glyphicons-halflings-regular.woff2?448c34a56d699c29117adc64c43affeb" crossorigin="anonymous">
	<link rel="preconnect" href="//fonts.gstatic.com/" crossorigin="anonymous">
	<link rel="preconnect" href="//fonts.my-groom-service.com" crossorigin="anonymous">
	
	

	
	<link rel="stylesheet" href="/css/app.css?id=5ca726c3fc736dab52856ad6eac4822f">

	<link rel="canonical" href="https://www.hotel-legalion.com/"/>


	
	
	<link rel="alternate" hreflang="x-default"
	      href="https://www.hotel-legalion.com/"/>
	<link rel="alternate" hreflang="fr"
	      href="https://www.hotel-legalion.com/"/>

	
						<link rel="alternate" hreflang="de"
			      href="https://www.hotel-legalion.com/de/"/>
								<link rel="alternate" hreflang="en"
			      href="https://www.hotel-legalion.com/en/"/>
								<link rel="alternate" hreflang="es"
			      href="https://www.hotel-legalion.com/es/"/>
						
	<script>
		window.Laravel = {"csrfToken":"VVmHdEFFTmh47KNNgnRJSjnaWmP1VfKyeCSh87ys"};
	</script>
	<!-- Google Tag Manager -->
		<script>(function (w, d, s, l, i) {
				w[l] = w[l] || []

				function gtag() {
					w[l].push(arguments)
				}

				
				
				gtag('consent', 'default', {
					'ad_user_data': 'denied',
					'ad_personalization': 'denied',
					'ad_storage': 'denied',
					'analytics_storage': 'denied',
					'wait_for_update': 500
				})

				w[l].push({
					'gtm.start':
						new Date().getTime(), event: 'gtm.js'
				})
				var f = d.getElementsByTagName(s)[0],
					j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''
				j.async = true
				j.src =
					'https://www.googletagmanager.com/gtm.js?id=' + i + dl
				f.parentNode.insertBefore(j, f)
			})(window, document, 'script', 'dataLayer', 'GTM-TFF46GSV')</script>
		<!-- End Google Tag Manager -->
		<!-- Google Tag Manager (noscript) -->
		<noscript>
			<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TFF46GSV"
			        height="0" width="0" style="display:none;visibility:hidden"></iframe>
		</noscript>
		<!-- End Google Tag Manager (noscript) -->
		<meta property="og:image" content="https://www.hotel-legalion.com/imagecache/fullwidth/notfound.jpg"/>
<meta property="og:image:type" content="image/jpg"/>
<meta property="og:image:width" content="1920"/>
<meta property="og:image:height" content="1080"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://www.hotel-legalion.com"/>
<meta property="og:title" content="Hotel Le Galion"/>
</head>
<body>
<span id="scroll-top"></span>
	<nav class="navbar">
		<div class="container-fluid">
			<div id="navbar-close" onclick="openCloseNav()">
				<div class="menu-burger" id="menu-toggle"><i></i></div>
				<div class="menu-text">Menu</div>
			</div>
			<div id="mobile-topbar"
			     class="visible-xs">
				<a href="/">
					<div class="mobile-logo">
						<div class="img-responsive brand-logo"></div>
					</div>
				</a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse"
			     style=""
			     id="navbar">
				<a href="/" class="navbar-logo">
					<div class="img-responsive brand-logo"></div>
				</a>
				<ul class="nav navbar-nav">
																	
																				<li class=active>
								<a href="/en" title="Homepage"
								   target="_self"
								   rel="">
									Homepage
								</a>
							</li>
																							
																				<li class="dropdown">
								<a role="button"
								   aria-haspopup="true"
								   aria-expanded="false"
								   class="dropdown-toggle"
								   id="dropdownMenu_9"
								   data-toggle="dropdown"
								   href="#"
								   title="The Galleon Hotel">
									The Galleon Hotel&nbsp;
									<span class="dropdown-icon">
										<svg xmlns="http://www.w3.org/2000/svg"
										     xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="6px">
											<image x="0px" y="0px" width="9px" height="6px"
											       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDBISCw41wpNAAAAARUlEQVQI103MQQ3AIADF0GcBC2hByyxgAU9YmAUsYOHvMJKtt6ZJuRR/OtPSjlZTmCKGotsiNEvk6NahGCJiqt+0ud/OAznUGMbK3sHeAAAAAElFTkSuQmCC"/>
										</svg>
									</span>
								</a>
								<ul class="dropdown-menu"
								    aria-labelledby="dropdownMenu_9">
																													<li >
											<a href="/en/hotel" title="Presentation"
											   target="_self"
											   rel="">
												Presentation
											</a>
										</li>
																													<li >
											<a href="/en/bedrooms" title="The rooms"
											   target="_self"
											   rel="">
												The rooms
											</a>
										</li>
																													<li >
											<a href="/en/services" title="Services"
											   target="_self"
											   rel="">
												Services
											</a>
										</li>
																													<li >
											<a href="/en/prices" title="Prices"
											   target="_self"
											   rel="">
												Prices
											</a>
										</li>
																													<li >
											<a href="/en/offers" title="Good gifts"
											   target="_self"
											   rel="">
												Good gifts
											</a>
										</li>
																	</ul>
							</li>
																							
																				<li class="dropdown">
								<a role="button"
								   aria-haspopup="true"
								   aria-expanded="false"
								   class="dropdown-toggle"
								   id="dropdownMenu_11"
								   data-toggle="dropdown"
								   href="#"
								   title="The villa of the Eclusier">
									The villa of the Eclusier&nbsp;
									<span class="dropdown-icon">
										<svg xmlns="http://www.w3.org/2000/svg"
										     xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="6px">
											<image x="0px" y="0px" width="9px" height="6px"
											       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDBISCw41wpNAAAAARUlEQVQI103MQQ3AIADF0GcBC2hByyxgAU9YmAUsYOHvMJKtt6ZJuRR/OtPSjlZTmCKGotsiNEvk6NahGCJiqt+0ud/OAznUGMbK3sHeAAAAAElFTkSuQmCC"/>
										</svg>
									</span>
								</a>
								<ul class="dropdown-menu"
								    aria-labelledby="dropdownMenu_11">
																													<li >
											<a href="/en/lock-villa" title="Presentation"
											   target="_self"
											   rel="">
												Presentation
											</a>
										</li>
																													<li >
											<a href="/en/bedroom-suite" title="Rooms and Suite"
											   target="_self"
											   rel="">
												Rooms and Suite
											</a>
										</li>
																													<li >
											<a href="/en/lock-services" title="Services"
											   target="_self"
											   rel="">
												Services
											</a>
										</li>
																													<li >
											<a href="/en/lock-keeperrates" title="Prices"
											   target="_self"
											   rel="">
												Prices
											</a>
										</li>
																													<li >
											<a href="/en/giftvoucher" title="Good gifts"
											   target="_self"
											   rel="">
												Good gifts
											</a>
										</li>
																	</ul>
							</li>
																							
																				<li >
								<a href="/en/events" title="Events"
								   target="_self"
								   rel="">
									Events
								</a>
							</li>
																							
																				<li class="dropdown">
								<a role="button"
								   aria-haspopup="true"
								   aria-expanded="false"
								   class="dropdown-toggle"
								   id="dropdownMenu_18"
								   data-toggle="dropdown"
								   href="#"
								   title="Offers">
									Offers&nbsp;
									<span class="dropdown-icon">
										<svg xmlns="http://www.w3.org/2000/svg"
										     xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="6px">
											<image x="0px" y="0px" width="9px" height="6px"
											       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDBISCw41wpNAAAAARUlEQVQI103MQQ3AIADF0GcBC2hByyxgAU9YmAUsYOHvMJKtt6ZJuRR/OtPSjlZTmCKGotsiNEvk6NahGCJiqt+0ud/OAznUGMbK3sHeAAAAAElFTkSuQmCC"/>
										</svg>
									</span>
								</a>
								<ul class="dropdown-menu"
								    aria-labelledby="dropdownMenu_18">
																													<li >
											<a href="/en/special" title="Special offers"
											   target="_self"
											   rel="">
												Special offers
											</a>
										</li>
																													<li >
											<a href="/en/breakfast-2" title="Breakfast"
											   target="_self"
											   rel="">
												Breakfast
											</a>
										</li>
																	</ul>
							</li>
																							
																				<li class="dropdown">
								<a role="button"
								   aria-haspopup="true"
								   aria-expanded="false"
								   class="dropdown-toggle"
								   id="dropdownMenu_21"
								   data-toggle="dropdown"
								   href="#"
								   title="Contact / Access">
									Contact / Access&nbsp;
									<span class="dropdown-icon">
										<svg xmlns="http://www.w3.org/2000/svg"
										     xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="6px">
											<image x="0px" y="0px" width="9px" height="6px"
											       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAQAAAC7znxOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDBISCw41wpNAAAAARUlEQVQI103MQQ3AIADF0GcBC2hByyxgAU9YmAUsYOHvMJKtt6ZJuRR/OtPSjlZTmCKGotsiNEvk6NahGCJiqt+0ud/OAznUGMbK3sHeAAAAAElFTkSuQmCC"/>
										</svg>
									</span>
								</a>
								<ul class="dropdown-menu"
								    aria-labelledby="dropdownMenu_21">
																													<li >
											<a href="/en/contact" title="Contact &amp; Access"
											   target="_self"
											   rel="">
												Contact &amp; Access
											</a>
										</li>
																													<li >
											<a href="/en/islandofre" title="Island of Re"
											   target="_self"
											   rel="">
												Island of Re
											</a>
										</li>
																	</ul>
							</li>
															</ul>
				<div class="collapse-footer">
					
											<a href="https://www.facebook.com/hotel.legalion" target="_blank" rel="noopener noreferrer">
							<div class="collapse-footer-el facebook">
								<i class="fa fa-2x fa-facebook" aria-hidden="true"></i>
							</div>
						</a>
										
											<a href="https://www.instagram.com/hotellegalion/" target="_blank" rel="noopener noreferrer">
							<div class="collapse-footer-el instagram">
								<i class="fa fa-2x fa-instagram" aria-hidden="true"></i>
							</div>
						</a>
										
										
											<a href="https://www.linkedin.com/company/71266372/admin/" target="_blank" rel="noopener noreferrer">
							<div class="collapse-footer-el linkedin">
								<i class="fa fa-2x fa-linkedin" aria-hidden="true"></i>
							</div>
						</a>
										
											<a href="tel:0546090319" target="_blank" rel="noopener noreferrer">
							<div class="collapse-footer-el phone">
								<i class="fa fa-2x fa-phone" aria-hidden="true"></i>
							</div>
						</a>
										
										
					<div class="collapse-footer-el langpicker dropup">
												<button class="btn btn-link dropdown-toggle"
						        type="button"
						        id="dropdownMenuLang"
						        data-toggle="dropdown"
						        aria-haspopup="true"
						        aria-expanded="false">
							<img src="/imagecache/blurry/flags/en.jpg" alt="en">
							<span class="caret"></span>
						</button>
						<ul class="dropdown-menu" aria-labelledby="dropdownMenuLang">
																								<li class="lang-element">
										<a rel="alternate"
										   hreflang="de"
										   href="http://www.hotel-legalion.com/de">
											<img src="/imagecache/blurry/flags/de.jpg"
											     alt="de">
										</a>
									</li>
																																															<li class="lang-element">
										<a rel="alternate"
										   hreflang="es"
										   href="http://www.hotel-legalion.com/es">
											<img src="/imagecache/blurry/flags/es.jpg"
											     alt="es">
										</a>
									</li>
																																<li class="lang-element">
										<a rel="alternate"
										   hreflang="fr"
										   href="http://www.hotel-legalion.com/fr">
											<img src="/imagecache/blurry/flags/fr.jpg"
											     alt="fr">
										</a>
									</li>
																					</ul>
					</div>
				</div>
			</div>
		</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
												<div id="navbar-resa" onclick="showModalResa()">
					<div class="navbar-resa-icon">
						<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
						     width="30px" height="30px">
							<path fill-rule="evenodd"
							      d="M-0.000,29.995 L-0.000,3.997 L5.000,3.997 L5.000,-0.004 L7.000,-0.004 L7.000,3.997 L11.000,3.997 L11.000,-0.004 L13.000,-0.004 L13.000,3.997 L17.000,3.997 L17.000,-0.004 L19.000,-0.004 L19.000,3.997 L23.000,3.997 L23.000,-0.004 L25.000,-0.004 L25.000,3.997 L30.000,3.997 L30.000,29.995 L-0.000,29.995 ZM28.000,5.996 L2.000,5.996 L2.000,11.996 L28.000,11.996 L28.000,5.996 ZM28.000,13.996 L2.000,13.996 L2.000,27.996 L28.000,27.996 L28.000,13.996 ZM13.000,16.996 L13.000,24.996 L11.000,24.996 L11.000,18.996 L10.000,18.996 L10.000,16.996 L12.000,16.996 L13.000,16.996 ZM20.000,18.996 L18.000,24.996 L16.000,24.996 L18.000,18.996 L15.000,18.996 L15.000,16.996 L20.000,16.996 L20.000,18.996 Z"/>
						</svg>
					</div>
					<div class="navbar-resa-text">Book</div>
				</div>
					
		<div id="langpicker" class="hidden-xs dropup">
						<button class="btn btn-link dropdown-toggle" type="button" id="dropdownMenuLangMobile"
			        data-toggle="dropdown"
			        aria-haspopup="true" aria-expanded="false">
				<img src="/imagecache/blurry/flags/en.jpg" alt="en">
				<span class="caret"></span>
			</button>
			<ul class="dropdown-menu" aria-labelledby="dropdownMenuLangMobile">
															<li class="lang-element">
							<a rel="alternate" hreflang="de" href="http://www.hotel-legalion.com/de">
								<img src="/imagecache/blurry/flags/de.jpg" alt="de">
							</a>
						</li>
																													<li class="lang-element">
							<a rel="alternate" hreflang="es" href="http://www.hotel-legalion.com/es">
								<img src="/imagecache/blurry/flags/es.jpg" alt="es">
							</a>
						</li>
																				<li class="lang-element">
							<a rel="alternate" hreflang="fr" href="http://www.hotel-legalion.com/fr">
								<img src="/imagecache/blurry/flags/fr.jpg" alt="fr">
							</a>
						</li>
												</ul>
		</div>

		
	</nav>
	<div id="resa-modal" class="modal fade resa-modal" tabindex="-1" role="dialog">
		<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body">
									<div class="blurry-background-loader" id="blurry-resa-imagebg-1">
	<blurry-background-loader
			src="27da19c0985e206fc5107f5ed01addf7.jpg"
			bg-class="resa-bg-content">
					
			</blurry-background-loader>
</div>								<div class="modal-close" data-dismiss="modal">
					<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
					     width="64px" height="64px">
						<image x="0px" y="0px" width="64px" height="64px"
						       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAQAAACQ9RH5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiAQkLGwx75R5DAAAAR0lEQVRYw+3ZsQ0AIAwDQQex/8phAUpQmvsFTq5d6Yy0k9RP4L6res3sTcBgMBgMBoPBYDAYDAaDwWAwGAwGg8HgF9XUxXcAoAwEdx7/1IUAAAAASUVORK5CYII="/>
						<image x="20px" y="21px" width="24px" height="23px"
						       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAQAAAC7KEemAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiAQkLGw0M4i7VAAAAoElEQVQ4y5WUXRGEMAyEvzkFlYCESkJCHFVKpYADJOQejkA7DMmleek0u7P5LQAIhegUxK4NZaO68MqG0gA6iqIcDqVynKj+Yb8k+wul0q+QdwvJbH3A18Hb7FFeKSNcYod42k9pP9SpFkob4E79Rsof8LtBt0UNBZaJsETwpEIyh2SVkn1Idjo5S8lpjUdgLkZ240wjsdO/pEs0AvZrfAEPi887RpmwzwAAAABJRU5ErkJggg=="/>
					</svg>
				</div>
				<div class="container">
					<div class="row">
						<div class="col-xs-12">
							<div class="text-module">
																	<div class="title">
																					Reservation
																															<div class="subtitle hidden-xs">Best rate on the web</div>
																			</div>
																<hr class="hr-text"/>
																	<p class="hidden-xs">By booking directly on our website or by phone, you will benefit from the best rates and conditions for your stay on the Ile de Ré…</p>
															</div>
															<div class="price-container">
																												<div class="price">Best offer on the web</div>
																												<div class="conditions">By booking on our website or by phone, you will benefit from the best rates and conditions for your stay on the Ile de Ré…</div>
																	</div>
													</div>
						
													<div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-10 col-md-push-1 col-lg-8 col-lg-push-2 booking-engine-selector">
																	<div id="booking-engine-tab-1" class="tab-booking-engine-selector active">
										<div class="tab-text">
											Reservation for the Galleon
										</div>
									</div>
																	<div id="booking-engine-tab-2" class="tab-booking-engine-selector">
										<div class="tab-text">
											Reservation for the lock keeper&#039;s villa
										</div>
									</div>
															</div>
												<div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-10 col-md-push-1 col-lg-8 col-lg-push-2 form-container">
							
															<div id="booking-engine-1" class="booking-engine">
																			<form method="POST" action="/reservation" target="_blank" rel="noopener noreferrer">
	<input type="hidden" name="id_moteur_resa" value=1 />
	<input type="hidden" name="options" id="options-1" value=""/>
	<div class="row">
		<input type="hidden" name="_token" value="VVmHdEFFTmh47KNNgnRJSjnaWmP1VfKyeCSh87ys" autocomplete="off">
		<div class="col-xs-12">
			<div class="row">
				<div class="col-xs-12 col-sm-6">
					<div class="form-group flatpickr arrivee" id="arrivee-1">
	<!-- input is mandatory -->
	<input name="arrivee" type="text" data-input>
	<div class="cal-icon" data-toggle>
		<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
		     width="15px" height="15px">
			<image x="0px" y="0px" width="15px" height="15px"
			       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiAQkRJBbP6OujAAAAX0lEQVQY07XNIQ7DMBBE0ZcoYI9j36wwcGFu5+uYuaAkbSoHVB2w0tfXzC4DNTxoBz5oq7twCKgJJ+qboHUvgTeKpZzENat5SpYchm+35E375vdfx1do2XKifxjvE9ufEbsuwIMkBzwAAAAASUVORK5CYII="/>
		</svg>
	</div>
</div>
				</div>
				<div class="col-xs-12 col-sm-6">
					<div class="form-group flatpickr depart" id="depart-1">
    <!-- input is mandatory -->
    <input name="depart" type="text" data-input>
	<div class="cal-icon" data-toggle>
		<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
		     width="15px" height="15px">
			<image x="0px" y="0px" width="15px" height="15px"
			       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiAQkRJBbP6OujAAAAX0lEQVQY07XNIQ7DMBBE0ZcoYI9j36wwcGFu5+uYuaAkbSoHVB2w0tfXzC4DNTxoBz5oq7twCKgJJ+qboHUvgTeKpZzENat5SpYchm+35E375vdfx1do2XKifxjvE9ufEbsuwIMkBzwAAAAASUVORK5CYII="/>
		</svg>
	</div>
</div>
				</div>
			</div>
		</div>
		<div class="col-xs-12 col-sm-6">
			<div class="form-group">
				<select name="nbadult" class="formContactInputs" required>
					<option value="1">1 person</option>
					<option value="2" selected>2 persons</option>
											<option value="3">3 persons</option>
											<option value="4">4 persons</option>
											<option value="5">5 persons</option>
											<option value="6">6 persons</option>
											<option value="7">7 persons</option>
											<option value="8">8 persons</option>
											<option value="9">9 persons</option>
											<option value="10">10 persons</option>
									</select>
			</div>
		</div>
		<div class="col-xs-12 col-sm-6">
			<div class="form-group">
				<select name="nbenfant" class="formContactInputs" required>
					<option value="0" selected>0 child</option>
					<option value="1">1 child</option>
											<option value="2">2 children</option>
											<option value="3">3 children</option>
											<option value="4">4 children</option>
											<option value="5">5 children</option>
											<option value="6">6 children</option>
											<option value="7">7 children</option>
											<option value="8">8 children</option>
											<option value="9">9 children</option>
									</select>
			</div>
		</div>
		<div class="col-xs-12 col-sm-6 col-sm-push-3">
			<button class="btn btn-block btn-primary">
                                    Book                            </button>
		</div>
	</div>
</form>
																	</div>
															<div id="booking-engine-2" class="booking-engine disabled">
																			<form method="POST" action="/reservation" target="_blank" rel="noopener noreferrer">
	<input type="hidden" name="id_moteur_resa" value=2 />
	<input type="hidden" name="options" id="options-2" value=""/>
	<div class="row">
		<input type="hidden" name="_token" value="VVmHdEFFTmh47KNNgnRJSjnaWmP1VfKyeCSh87ys" autocomplete="off">
		<div class="col-xs-12">
			<div class="row">
				<div class="col-xs-12 col-sm-6">
					<div class="form-group flatpickr arrivee" id="arrivee-2">
	<!-- input is mandatory -->
	<input name="arrivee" type="text" data-input>
	<div class="cal-icon" data-toggle>
		<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
		     width="15px" height="15px">
			<image x="0px" y="0px" width="15px" height="15px"
			       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiAQkRJBbP6OujAAAAX0lEQVQY07XNIQ7DMBBE0ZcoYI9j36wwcGFu5+uYuaAkbSoHVB2w0tfXzC4DNTxoBz5oq7twCKgJJ+qboHUvgTeKpZzENat5SpYchm+35E375vdfx1do2XKifxjvE9ufEbsuwIMkBzwAAAAASUVORK5CYII="/>
		</svg>
	</div>
</div>
				</div>
				<div class="col-xs-12 col-sm-6">
					<div class="form-group flatpickr depart" id="depart-2">
    <!-- input is mandatory -->
    <input name="depart" type="text" data-input>
	<div class="cal-icon" data-toggle>
		<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
		     width="15px" height="15px">
			<image x="0px" y="0px" width="15px" height="15px"
			       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiAQkRJBbP6OujAAAAX0lEQVQY07XNIQ7DMBBE0ZcoYI9j36wwcGFu5+uYuaAkbSoHVB2w0tfXzC4DNTxoBz5oq7twCKgJJ+qboHUvgTeKpZzENat5SpYchm+35E375vdfx1do2XKifxjvE9ufEbsuwIMkBzwAAAAASUVORK5CYII="/>
		</svg>
	</div>
</div>
				</div>
			</div>
		</div>
		<div class="col-xs-12 col-sm-6">
			<div class="form-group">
				<select name="nbadult" class="formContactInputs" required>
					<option value="1">1 person</option>
					<option value="2" selected>2 persons</option>
											<option value="3">3 persons</option>
											<option value="4">4 persons</option>
											<option value="5">5 persons</option>
											<option value="6">6 persons</option>
											<option value="7">7 persons</option>
											<option value="8">8 persons</option>
											<option value="9">9 persons</option>
											<option value="10">10 persons</option>
									</select>
			</div>
		</div>
		<div class="col-xs-12 col-sm-6">
			<div class="form-group">
				<select name="nbenfant" class="formContactInputs" required>
					<option value="0" selected>0 child</option>
					<option value="1">1 child</option>
											<option value="2">2 children</option>
											<option value="3">3 children</option>
											<option value="4">4 children</option>
											<option value="5">5 children</option>
											<option value="6">6 children</option>
											<option value="7">7 children</option>
											<option value="8">8 children</option>
											<option value="9">9 children</option>
									</select>
			</div>
		</div>
		<div class="col-xs-12 col-sm-6 col-sm-push-3">
			<button class="btn btn-block btn-primary">
                                    Book                            </button>
		</div>
	</div>
</form>
																	</div>
													</div>
						
						
						
					</div><!--/row-->
				</div> <!--/container-->
			</div>
		</div>
	</div>
</div>
<script>
	function showModalResa(chambre) {
		const jQueryG3 = jQuery.noConflict()
		if (chambre) {
			var selectchambre = document.getElementById('resa-chambre-select')
			if (selectchambre) {
				selectchambre.value = chambre
			}
		}
		var resamodal = document.getElementById('resa-modal')
		jQueryG3(resamodal).modal('show')
	}
</script>
	<script>
		//if element has class or not
		var hasClass = function hasClass(element, cls) {
			return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1
		}

		let scrollPosModal = 0

		function openNav() {
			const jQueryG3 = jQuery.noConflict()
			document.getElementById('menu-toggle').className += ' menu-burger--is-active'
			document.getElementById('navbar').className += ' open'
			var header = document.getElementsByTagName('article')[0]
			var closeOnNextClick = function () {
				closeNav()
				this.removeEventListener('click', closeOnNextClick)
			}
			header.addEventListener('click', closeOnNextClick)

			// Stop the scroll when sidenavbar is opened
			scrollPosModal = jQueryG3(document).scrollTop()
			jQueryG3('body').css({
				top: -scrollPosModal,
				overflow: 'hidden'
			})
		}

		function closeNav() {
			const jQueryG3 = jQuery.noConflict()
			document.getElementById('menu-toggle').classList.remove('menu-burger--is-active')
			document.getElementById('navbar').classList.remove('open')

			// Start the scroll again when sidenavbar is closed
			jQueryG3('body').css({
				top: scrollPosModal,
				position: '',
				overflow: ''
			})
			jQueryG3(document).scrollTop(scrollPosModal)
		}

		function openCloseNav() {
			var sidenav = document.getElementById('menu-toggle'),
				mobilelogo = document.getElementById('mobile-topbar')
			if (hasClass(sidenav, 'menu-burger--is-active')) {
				closeNav()
			} else {
				openNav()
				if (!hasClass(mobilelogo, 'displayed')) {
					mobilelogo.className += ' displayed'
				}
			}
		}
	</script>
    <article>

	
	<header id="slider-accueil-container">
		<div id="slider-accueil">
	<slider-accueil :images="[&quot;27da19c0985e206fc5107f5ed01addf7.jpg&quot;,&quot;30ad2e6f737cf86ebfb345e7383084c0.jpg&quot;]"></slider-accueil>
</div>
<div class="slider-accueil-logo"></div>
<div class="slider-accueil-title" id="title">
			<h1 class="header-title hidden-xs"></h1>
		<h2 class="header-subtitle hidden-xs"></h2>
		
	</div>

<a class="smooth-scroll hidden-xs" href="#scroll-content">
	<div class="mouse-scroll">
		<div class="mouse">
			<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
			     width="43px" height="55px">
				<image x="0px" y="0px" width="43px" height="55px"
				       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA2CAQAAAAb3sMwAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDBISBifC3nVhAAAD2klEQVRYw62Yy08TURSHf2dmammBGQq2PhKBuJbEuDHBxLUKK7eQuBbUPYkLF/4JNa4NISQuYKO4R2SvwpY0GiUxmtgQoAHa46LzOPc1BeKddKa9M+ebc8+953FL6NXI0sf5IkFPFOXKc76wG0cOEBs9DgEycK7hq2h2Q0k5k/ESFcIKkO1QFZJBpb6sfFh7idWCmY4krnZNOQUb2MCBlGATygAoxWW/qdsTGPqaR/ZKOXB1xjmVZ7lOSUF6Fn2TYSdQBqMjsGQfvkR6mrYQ2Azp2bCeY/Be93g+/GvuaJ3/ZMfR+q+558PJfctrSS4ZVUcfBG9narxO0cGH5ubPrTYBPl+9EU2W73Oz8eT6e3TAaIPRiT8sF1lXrwAFXEARJfRjEBEqP+aZWxuLt1BFDZdwGZdxCTVUF2+1Nph/zKOCCIPoRwlFXEABQaw7EqiPAAUU0Ycy+hFiaGeWeW8ZVVRRU6A1VFHdW2bemcUQQvSjjD4UUUAAX4cmepYxgPDFeOdvawMXXVBcbG10/r4YR4gBlFNdY6hn+DiBQM8eU7T6VM769r3te9KlV59S9OyxspJTebIsJA/+8frJ99IjEa3ocAUoPZRedPgmuFa4i3Y6UelkeUZoIRAQTDQ3hZ4sPD59vrkZTCiOkT7vKR1iuLtbwnvMgMfg3S1pDikfaDd0eIIhyoAk9U09XvTacxQDnhqCVc8nAPAYjhylRykNnerafaKTfnM1LUppzZchjkGfFwSUQCDfmaidUED15tufDWPgbFAzZcg7pP0+k6ZSXxWSb9dcmzK0cKbq5raph9M0m0fltN7QLGOa5c65oXSKHq05bdpOAgVbMAQCtZ1wr+eAsipFveYYK8jF6d+7gcNM2znD51jIhlbTuE0/MVpPdCvnWhaAHefahF1Szr6yYE6+hpPZlKT1iieHHk6efDUl9YkSEX5/rTi1MpoO3CzXsDJanNpfMyW7UGu6qL/m5nRdWNGoq6br3Ky/hivdWIqJQUSNGeaDJVQwbDkqB0vMjZm4QnEWE2rZM4AQ0e4c89HHtzdj0AhGut/e3jz6yLw7hwghBmxlj61Ao6Sea0yPvqKotbb3KcmcV24M3ul7wM1v8+Pv4mKyE1+NAq2LSUqfxAQhopdjvxeOv7Box19+L7wcQ4RQDD0peeJ6R93e2CppfbmrtXSmocgSvlg2ppuqc6qJakDhVRk0L1GrQVp/iZEdgvhhufmSwGwi1WVuai/ke23OTNPo+z3L5uy028hsH3WKbaSvTY3NtmrSO+OG18T+l625aWW35mf4E8GNtmEd2c3HeVqPzP8PDWTrw5vJsVQAAAAASUVORK5CYII="/>
			</svg>
		</div>
		<div class="down-arrow">
			<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
			     width="46px" height="54px">
				<image x="0px" y="0px" width="46px" height="54px"
				       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAyCAQAAABreDolAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDBISBwfgq2ToAAADVklEQVRYw52Xv0sjQRTHvzMbf6Mm/iCkiaVCCDbXCQELrQQl4Kl/Qho5VPAfsBWO/BOSK7QQ1FQ2YmlhDJYWAeucBx5oknfF7k7mzcxu1suwy2T2zWfee/Pe2x2BQT9hjdBXJyR7FgMWCcZFJIoGTbVHOdgFc0BTCQwX7B85FkiI7IM4MsRGQkXEmA4M+xTgSOna7yU2XDCsAIEMByQ2XMcITetQVx9MbuMl4n4ibC/L9Pdluf8/blJqEMxvqQyQykAaWtFXkAa4K4Curl1MUsZrqXoMScq3TvBgXwJ20Mf6UkagwrtpOI8AkRRpivs4dIU56oZGGa5HJjecP/myLxWEaRlfRx1IYQMdWrrlnUiz/gzU35aUSkCwkDEvl946VEtTaayjF4v47RGaLLNRsgnmmuquxaW5LBhW6AlpFl29bKAXXMw5pKCsykvmYhMlICANLaUlwbdJSAbkIKkA4SZKxzNzY7UgMs3VgeJTAp9shAHZJvHiJqI0DXwpg9dEDxI9pp9W5nhcAgLitVTNQDLzZOBLNgZZzbyWjHeUEUTB9uRuKlcnaX9S2DoS6Eh9BOIkXbnK3RjJIJwJ+bTi5Y8vzxZ04wPDNS+eLRxfevmnleiE1LQsPj5sePmd23rR8e4JWr24c+vlHzaKj3Y9kMy1Qe9b424TWDu/LoQIpaWAgLgurJ0Dd5vfGnye37OLGwFAqVFb7bTWzy8Kdo5fFNbPO63aaqlh7jU3nNhXDoH2WkflTmur/rzNJzxvb9U7raPyXsuXA9i3kuFLQ6DaPih/NJdOmxq0ub10+tE8KFfblhJWgEt4SGEIwxjFOCYxjRnMIVtZfL8nah7Wd4nqu81Dovf7yiKymMMMpjGJcYxiGENIwQvySUOG0BGMYQJTSGMW88gi164R/bnxr3YNOWQxj1mkMYUJjGFEAQMkr8wI8yJYIui1f05/B4Dfv9I/0AtaV/UIPX039CBSW4NecPendtP7bzXgrZbeR1eh+nLEGe5XgFQ5LlXFgbZgqFvPgBIAeDxznFFKqummkhuoI6OhJpIU0gHkSBeUGNbGWUBbK/u1ypfhjnAAXYYKA6zrTtCzxQlMdu6xtYw998SdIYVThp8eHZ/WHhADdf3+86QbLzHgiP8POHtXTUtv9HYAAAAASUVORK5CYII="/>
			</svg>
		</div>
	</div>
</a>
<div class="slider-accueil-coord">
			<div class="slider-accueil-facebook">
			<div class="picto">
				<svg xmlns="http://www.w3.org/2000/svg" viewbox="-12 -10 44 44">
	<path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z"/>
</svg>			</div>
			<div class="content">
				<a href="https://www.facebook.com/hotel.legalion" target="_blank"
				   rel="noopener noreferrer">Facebook</a>
			</div>
		</div>
				<div class="slider-accueil-instagram">
			<div class="picto">
				<svg xmlns="http://www.w3.org/2000/svg" viewbox="-12 -10 44 44">
	<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
</svg>			</div>
			<div class="content">
				<a href="https://www.instagram.com/hotellegalion/" target="_blank"
				   rel="noopener noreferrer">Instagram</a>
			</div>
		</div>
					<div class="slider-accueil-linkedin">
			<div class="picto">
				<svg xmlns="http://www.w3.org/2000/svg" viewbox="-12 -10 44 44">
	<path d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"/>
</svg>			</div>
			<div class="content">
				<a href="https://www.linkedin.com/company/71266372/admin/" target="_blank"
				   rel="noopener noreferrer">LinkedIn</a>
			</div>
		</div>
				<div class="slider-accueil-tel1">
			<div class="picto">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
				     width="41px" height="40px">
					<image x="0px" y="0px" width="41px" height="40px"
					       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAlCAQAAACEoFOLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDBISEyEcCDZAAAADZUlEQVRIx42Wy0tUURzHv+fcGR9NNpOPTBstsULEiv6CtIcZuChECqJF0QuJCqJtGLQpyEVBm4IIN+FUFi2kBxRGWtHG0AoiCmylSXN90MPu+bW4j/O492pnuHfOYs5nvt/f+Z3z+zFED6bMCf85WMw8eiyCZaEZWwREi8NYzNtfHH7Hwpgx09WR8cTiEoZVFsIRmGKRLWQzoShkyke3SaBAE4tHJkIoHuD8ISI3IhLmx0qidJyrQ4AUaIy2hDL3UT7QX+hiKNAYa5WHTHJwWLCebfozOHMNVvDhsJQ/itr1iJgxcPCnG7f0s3SyyWbpUxBg4HAgPG0i0OyuJB0ms4y7qJb7hIetDU3re/IscwocjpZCavSgGmbgsJBEIYqRwjIsR7nIO3Z/K7KoGTtDNDtwtAGVqEApMihBCsUoRBIJzzaXdrlm2jNK7OfQng/g4Bee/P1W2DTPlbipCJmRLAzzxuxAqu1yDTj41XN82e3jN+ciNkLdCi9QXHPvjRc3gEOnwTrTZR0zrw98lHvsoSwPJR1pNv3DQgDQPpbPZTp7G3Mzk/fSO242BmqkSR6R3ppNeSNQb4+Y7rwEXLsqpvdd3J0BUzCWBtIuLDezEkiiCEtQggzKUInqt4eJvt/B2uddRD/fdzejHnX7N/zoe7ADlSiP2FcmYX5yLEUapahAFbITN4gm7mLd8y7HduyvV0bOOjaRYw9sQwVKkcZSLEERClSYn2kJFKAIKakN2amci+tunn1FRDQ3fHvX71HHfrQVZcigxIMlPRiTeW8kLipRjZqpHFH+ccdm1N9qHzmLNag92Ph7lGj8hGe0CIUmzNfmxs216uKyn88TOfbQMdShDqtRi+zLDiKRN6KmZJyMW4GBq0K2r+3XGNHc8JsjqEVNf6tji/zgljhlPszdU4lbjnKswEpUY9WXbscmmh+fvO7YIv+0BaVIh2Omljr9tuXawWHAp71VO1Nt86ODJ7e/g4ADx7t/hVcjyKybJo4HB4cFZ4Qg4EB4mAAFsrTzFa6XsjqJ4BEqQB5CwFIWh3FqofM1COVRSyD0gmKWW+bdombp0+Ek7xvLUBLdtkhDqkHVKEBRi/XmxbhLFeswTFKcEhNoao5pZeK6MRbzre+00RUt1C2yiFkYp8wWbz0X+oXRIPwD6NVeqUTAxu4AAAAASUVORK5CYII="/>
				</svg>
			</div>
			<div class="content">
				<a href="tel:0546090319">05 46 09 03 19</a>
			</div>
		</div>
					<div class="slider-accueil-mail">
			<div class="picto">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
				     width="41px" height="35px" style="margin-top: 3px;">
					<image x="0px" y="0px" width="41px" height="35px"
					       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAQAAACHbFOAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDBISFBObnvEHAAAC0ElEQVRIx42Wv08UQRTHv292gJAQMScUyI8EQiOJofMPMGiJjSZYiBQ0RrGzwlKusRONDYlKY0JjvA5NLCyvMxb8AXA2arFihdx7FvtmdmZ2j2Mmt3u3N/PZ93seoW4Qzjek31bq8bwfTs5C9Lqnm3vc423llRIUJQpK8Imu9aAYSQkoxFXANpKBPMzUImMcAyD9RU5+m0jmpklkjVWNJYRHEiSUsES5a6x8iBH/jWOn2ERd4z8pEgmOAQgYRpGqtvXyOSmNn5QgQ5yAQGAArPZTK9oIRR6ZRarHQFagk4tUSgFANjB9KV0mP9F30Li3HKtLUDolVRm/dr5/ZvpnACYmJsCIESPAABu5emNsHcYrj1Dl0MulazC2vnjx9fbTTmBHtd6zyQcbjdsADDjYJSWmlCvTaeXH6ZGd4j+H7x7vtv6WNlweebE6fd9cOD2yU3QZp+jqZHBhW0oc4YGf7jJdfz44edL59urax+Lt7VuLDwcnTzpfnhi5+T4AsiIFUqRZhgEMYRgjGEUD45gQ2V/BHOYPtrq5SN7eW9tby9si3fxgC/OY218RwQTG0cAoRjCMIQwUkWET1/mKkgkAufJ2+cPLjenVO28A4HD30XYrh+i/yY5imApO08povLXymebm0nH7uL25NNNs5UUkmmBljLS1OBddGlDNw+Y9XcEQsE+2GqQNcBTkAixrvpJmQ5jFYoukS+thAJRoiwCzC181pLvEWhyMZFKE9+xCvBqI4xC+ymSaer/PkXqXNFi63hQo4jAN7yImq4XWKcgqlwtn9k8EsF5Z0sXO3EYLVK/yxd5B0UEVOgXet+4VZxVYp2ZoR++U4JBBUYzqzr/0rOMA7j0derk8cIzKmR5RqCAr4W29/WK160/m+lM5SsM4sNPuwEmdvtCB094hWFptSapdAxJcCpN4Q7U5qmuX0hapZ7PUC3bW6NPO1YPPi/TjP8JRoJzCuIMMAAAAAElFTkSuQmCC"/>
				</svg>
			</div>
			<div class="content">
				<script type="text/javascript" language="javascript">coded = "vj7AYvA@tjAKS-SKHYSbj7.vjX" 
		cipher = "eoUIsfriq7E634mc9ltBVFzwxaKjCN8gLbpWTGd1XvRSAnQy5DMY0PhZJHO2uk" 
		shift=coded.length
		link=""
		for (i=0; i<coded.length; i++){
		    if (cipher.indexOf(coded.charAt(i))==-1){
		        ltr=coded.charAt(i)
		        link+=(ltr)
		    }
		    else {
		        ltr = (cipher.indexOf(coded.charAt(i))-shift+cipher.length) % cipher.length
		        link+=(cipher.charAt(ltr))
		    }               
		}document.write("<a href=\'mailto:"+link+"\'>"+link+"</a>")</script>
		<noscript><p>Activate Javascript</p></noscript>
			</div>
		</div>
				<div class="slider-accueil-address">
			<div class="picto">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
				     width="35px" height="41px" style="margin-left: 3px;">
					<image x="0px" y="0px" width="35px" height="41px"
					       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAlCAQAAACJviPMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDBISFDFO/rDjAAADHklEQVRIx4WWQUgVQRjHfzO7L03zaU8fmhVYJkGHjild9BIECpEG3YLqFkR06ygdoiAINdCLB+kUJRKEJHQOki518yKI4q14+6QuNft12H2zM7trzfCWb/ft/z//mfm+/6wi3xT/bnL46+q/JFKM8qDi1QUUr/alDJL8fIoWRNLYoVAFuErhKqdA0qv4FGEpXNs4gwsQ23uFAAoJnSkotCVQJQSZhthSEHqjt0i0RyEWhgVbFaGdgHLAOo0yBQlMESPodCoCqNAuk0sROBoSBZo4jbMIIF2ubA00moCAYHGoMW+2ZF/2zVZjfnEoeWrVWZTKjRygCQneXZx6q6s/3u5/hsHR2o24+f7GtW8Y/hBjMMTptIQUWKGNoxyjmxr1xUsmMtGrSc4yzDBnX02ayESLl6hTo5tjHKWNCkGiRaEJqdBOB1300Et/47XIyhTnZie2F7YXZic4tzIl0nhNP7300EUH7VQIXYIjtNNJlePUGTDR9zcMz06YSETERLMTDH9/YyIGqHOcKp20cyQh0Ll6U4DS1b1N9K0ZXV2aXprW1Vsz6L1NXbWL57SQYlPwswmiIFaQRD+b5WWuSwiIm2dGYXnNHNxbvbdqDpbX4Mxo3Cx7N69AAGlu9F2Zfvlkl+t3r8Py2pPd6a6+K80Npw49wf4u9DEwPyayM8cI59M+sjMnMj/GAH3lu+DmQS/9nNx7IfJ4nJGkPx4X2XvBSfrpLc+DgIrdyBp1Tty+YKJoo5VI0YaJbl/gBHVqdhM9glYm2FRicOuhyMebDDH08abI1kMGvTRKskCjMvvSbikRoH+tVk5XLsPvT793O2bSGkjqIOnSsjTfdYQ4KeOvz8dWd+5AeOrLAw/UcqeCD2tHhUajooWuq3Dwofs+QkzsjB63LE57OSDpn6nY9WcA689y4sXNhczQMj90PLHxCHqe2qm1XCC2Blti6a4n+6Yq1kSc0yHwlBSbHNpxbd2thCz2zwWKO+CP7O6HY5pZiYE3tpQR4EHzp3PJ0ZqtgU+Rn9Chh3t+8VThqaLss0KKkLL74gdGMT5k+/7/iWPbX//tbRaaEYYvAAAAAElFTkSuQmCC"/>
				</svg>
			</div>
			<div class="content">
				<a href="https://www.google.fr/maps/place//Hôtel+Le+Galion/@46.2065723,-1.3678221,17z/data=!4m18!1m9!3m8!1s0x480407675bf0eb65:0x6a08395511cdd7ec!2sHôtel+Le+Galion!5m2!4m1!1i2!8m2!3d46.2066184!4d-1.3656352!3m7!1s0x480407675bf0eb65:0x6a08395511cdd7ec!5m2!4m1!1i2!8m2!3d46.2066184!4d-1.3656352?hl=fr"
				   target="_blank" rel="noopener noreferrer">Allée de la Guyane, 17410 Saint Martin de Ré</a>
			</div>
		</div>
	</div>
	</header>

	
	
			<section id="scroll-content">
			<div class="big-paddings">
				<div class="filigrane" id="filigrane-1"></div>
				<div class="col-xs-12 col-md-11 col-md-push-1">
					<div class="section-hr" id="section-hr-1">
						<h1 class="section-title">The Hotel Le Galion</h1>
						<h2 class="section-subtitle">A trip to the heart of the Ile de Ré</h2>
					</div>
				</div>
				<div class="col-xs-12 col-md-11 col-md-push-1">
					<div class="row">
						<div class="col-md-5 col-sm-6 col-xs-12 text-scroll" id="text-scroll-1">
							<h3 class="section-texttitle">Cosy, cocooning and comfort</h3>
							<div class="col-md-push-1 col-md-11 col-sm-12 section-text"><p>In Saint-Martin-de-Ré, on the shores of the Atlantic Ocean, discover the Hôtel Le Galion, a 3-star hotel establishment. You will be charmed by the different spaces, the intimate terrace, the decoration reminiscent of the sea, the various services and the 34 comfortable rooms. With family, friends, as a couple or alone, the luxury services have been designed for your comfort. Treat yourself to relaxing breaks in our hotel in Saint-Martin-de-Ré, in the heart of the Ile de Ré!&nbsp;</p></div>
															<div class="section-btn col-sm-push-1 col-sm-7 col-xs-8 col-xs-push-2">
									<a href="/en/hotel"  rel="" class="btn btn-block text-center">
Presentation
</a>								</div>
													</div>
						<div class="col-md-7 col-sm-6 hidden-xs">
							<div class="row">
								<div class="slider-trio" id="slider-trio-1">
	<slider-trio :images="[&quot;ba184a758857d8aac4970c031ebf59d6.jpg&quot;,&quot;25c7c2f3f20d43ee04c31bd178d6fcda.jpg&quot;]"></slider-trio>
</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		
			<section>
			<div class="parallax-video-container">
				<div class="parallax-video">
					<div class="video-module">
	<div class="bg-image" style="background-image: url('/imagecache/fullwidth/738ab8eddca6ede185a19f9bc289e147.jpg')"></div>
	<!--[if lt IE 9]>
	<script> document.createElement('video'); </script>
	<![endif]-->
	<video autoplay muted loop
	 playsinline class="video-content" poster="/imagecache/fullwidth/738ab8eddca6ede185a19f9bc289e147.jpg">

					<source data-src="/video/video.mp4" type="video/mp4">
							<source data-src="/video/video.webm" type="video/webm">
			</video>
	<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "VideoObject",
        			"name": "Hotel Le Galion",
			"description": "Video Hotel Le Galion",
				"thumbnailUrl": "/imagecache/fullwidth/738ab8eddca6ede185a19f9bc289e147.jpg"
        			,"uploadDate": "2022-03-09T16:38:42+01:00"
							,"contentUrl": "/video/video.mp4",
            "encodingFormat": "video/mp4"
        	}
	</script>
</div>
				</div>
			</div>
		</section>
		
			<section>
			<div class="big-paddings section-right">
				<div class="filigrane" id="filigrane-2"></div>
				<div class="col-xs-12 col-md-11">
					<div class="section-hr" id="section-hr-2">
						<h1 class="section-title">La Villa de l’Éclusier</h1>
						<h2 class="section-subtitle">An exquisite stay on the Ile de Ré</h2>
					</div>
				</div>
				<div class="col-xs-12 col-md-11">
					<div class="row">
						<div class="col-md-7 col-sm-6 hidden-xs">
							<div class="row">
								<div class="slider-trio" id="slider-trio-2">
	<slider-trio :images="[&quot;bb1a36387f4a075518fdc02860c5adaf.jpg&quot;,&quot;98f1ddebcba238b5251287d7c00f2ed1.jpg&quot;]"></slider-trio>
</div>
							</div>
						</div>
						<div class="col-md-5 col-sm-6 col-xs-12 text-scroll" id="text-scroll-2">
							<h3 class="section-texttitle">Charm, prestige and well-being</h3>
							<div class="col-md-11 col-sm-12 section-text"><p>On the Ile de Ré, feet in the water, in a relaxing and quiet setting, discover La Villa de L'Éclusier, our tourist center in Saint-Martin-de-Ré. Throughout your stopover, we will offer you quality services and 6 comfortable, unique and fully equipped rooms and suites. The Villa de l'Éclusier and the Hotel Le Galion work together to offer you a real experience on the Ile de Ré!&nbsp;&nbsp;</p></div>
															<div class="section-btn col-md-7 col-md-push-4 col-xs-8 col-xs-push-2">
									<a href="/en/lock-villa"  rel="" class="btn btn-block text-center">
Presentation
</a>								</div>
													</div>
					</div>
				</div>
			</div>
		</section>
		
			<section>
			<div class="grid-bg">
				<div class="grid" id="grid-accueil">
					<div class="grid-sizer"></div>
					<div class="grid-item grid-height-2 grid-width-2 grid-item-text">
					<a href="/en/islandofre" title="Discover the region">
				<div class="blurry-background-loader" id="blurry-grid-text-3">
	<blurry-background-loader
			src="093e525254b183f51a4a11302add2414.jpg"
			bg-class="">
					<div class='grid-item-text-overlay'>
				<div class='grid-item-text-container'>
					<div class='title-container'>
						<div class='subtitle'>An exotic destination</div>
						<div class='title'>Re island</div>
					</div>
					<div class='text'>
						<p><p>The Ile de Ré is a paradise for families, groups of friends, professional seminars and couples passing through the Atlantic Coast. Typical villages, listed monuments, salt marshes, water activities and cycle paths are all things to do and see on the Ile de Ré.&nbsp;</p></p>
						<div class='text-center'>
							<a href='/en/islandofre' class='btn'>Discover the region</a>
						</div>
					</div>
				</div>
			</div>
			</blurry-background-loader>
</div>			</a>

			</div>
	<div class="grid-item grid-height-1 grid-width-2 grid-item-imagebg">
					<a href="/en/events" title="">
				<div class="blurry-background-loader" id="blurry-grid-imagebg-5">
	<blurry-background-loader
			src="72441ff390bf0214ba8e030fea1c6fe3.jpg"
			bg-class="">
					<div class="text-container">
					<div class="text-1">
													Organize
											</div>
					<div class="text-2">
													Your events
											</div>
				</div>
			</blurry-background-loader>
</div>			</a>

			</div>
	<div class="grid-item grid-height-1 grid-width-1 grid-item-weather">
												<div class="blurry-background-loader" id="blurry-grid-imagebg-4">
	<blurry-background-loader
			src="a2a21d38d793125d5d40cd808a0a4048.jpg"
			bg-class="">
					
			</blurry-background-loader>
</div>				<div class='grid-item-weather-overlay'>
											<div class="weather-cont-top">
							<img class="weather-img img-responsive"
							     src="/imagecache/medium/weather/couvert.png">
							<div class="weather-temp">13°</div>
						</div>
						<div class="weather-date">Thursday 25 April</div>
									</div>
						</div>
	<div class="grid-item grid-height-1 grid-width-1 grid-item-image">
					<div class="img-container">
			<div class="blurry-image-loader" id="blurry-image--grid-image-6">
			<blurry-image-loader
					src="brand_logo_white.png"
					img-class="img-responsive">
			</blurry-image-loader>
</div>
		</div>
			</a>

			</div>
	<div class="grid-item grid-height-2 grid-width-2 grid-item-slider">
					<a href="/en/breakfast-2" title="">
				<div class="text-container">
			<div class="text-1">Our breakfast</div>
			<div class="text-2">Treat yourself</div>
		</div>
		<div class="slider-photos" id="slider-photos-3">
	<slider-photos :images="[&quot;galion-6.jpg&quot;]"></slider-photos>
</div>
			</a>

			</div>
	<div class="grid-item grid-height-1 grid-width-2 grid-item-imagebg">
					<a href="/en/contact" title="">
				<div class="blurry-background-loader" id="blurry-grid-imagebg-7">
	<blurry-background-loader
			src="resa.jpg"
			bg-class="">
					<div class="text-container">
					<div class="text-1">
													Contact us
											</div>
					<div class="text-2">
													A question ?
											</div>
				</div>
			</blurry-background-loader>
</div>			</a>

			</div>
	<div class="grid-item grid-height-1 grid-width-1 grid-item-cinemagraph">
					<video autoplay loop muted poster="/imagecache/large/4b081d4abe902a0648cb61f233036b9b.jpg" playsinline>
			<source src="/video/cinemagraphe.mp4" type="video/mp4">
	</video>
			</div>
				</div>
			</div>
		</section>
		
	<section>
		<div class="logos">
		<img alt="petit futé" width="auto" src="/imagecache/logo/logo_petit-fute.png">
		<img alt="routard" width="auto" src="/imagecache/logo/logo_routard.png">
        <a href="https://www.tourdelacharentemaritimealavoile.fr/" target="_blank" rel="noopner noreferrer">
            <img alt="Tour de la Charente Maritime à la voile" width="auto" src="/imagecache/logo/tour-voile.png">
        </a>
        <img alt="Award Kayak" width="auto" src="/imagecache/logo/dark_kayak.png">
</div>
	</section>
	
			<section>
			<div class="temoignages" id="temoignages">
	<div class="temoignages-header container-fluid">
		<div class="row">
			<div class="col-xs-12 col-sm-6 col-md-7 col-lg-8">
				<div class="temoignages-hr" id="temoignages-hr">
					<div class="temoignages-title">What are saying</div>
					<div class="temoignages-subtitle">our clients</div>
				</div>
			</div>
			
			
			
		</div>
	</div>
				<div class="temoignages-bg">
							<div class="blurry-background-loader" id="temoignages-1">
	<blurry-background-loader
			src="8c86e4df144a42cd13affe54cef1925b.jpg"
			bg-class="temoignages-bg-content">
					
			</blurry-background-loader>
</div>					</div>
		<div class="temoignages-container">
			<div id="slider-temoignages">
				<slider-temoignages :temoignages="[{&quot;id&quot;:1,&quot;author&quot;:&quot;Manu P.&quot;,&quot;title&quot;:&quot;Toujours un plaisir d&#039;y s\u00e9journer !&quot;,&quot;text&quot;:&quot;C&#039; est la 3\u00e8me fois que nous s\u00e9journons ici. Excellent \u00e9tablissement dans l&#039;ensemble. Calme et bien situ\u00e9. Le petit d\u00e9jeuner est tr\u00e8s tr\u00e8s bien ! &quot;,&quot;note&quot;:&quot;4&quot;,&quot;locale&quot;:&quot;fr&quot;,&quot;source&quot;:&quot;TripAdvisor&quot;,&quot;created_at&quot;:&quot;2022-01-26T23:00:00.000000Z&quot;,&quot;updated_at&quot;:&quot;2023-01-09T09:29:47.000000Z&quot;},{&quot;id&quot;:2,&quot;author&quot;:&quot;Caroline D.&quot;,&quot;title&quot;:&quot;Une vue \u00e0 couper le souffle &quot;,&quot;text&quot;:&quot;Emplacement parfait sur le port, chambre confortable avec belle vue sur la mer . Petit d\u00e9jeuner exceptionnel dans une tr\u00e8s jolie salle avec tr\u00e8s belle vue sur le port. Personnel adorable aux petits soins.&quot;,&quot;note&quot;:&quot;5&quot;,&quot;locale&quot;:&quot;fr&quot;,&quot;source&quot;:&quot;Booking&quot;,&quot;created_at&quot;:&quot;2022-01-26T23:00:00.000000Z&quot;,&quot;updated_at&quot;:&quot;2023-01-09T09:29:47.000000Z&quot;},{&quot;id&quot;:3,&quot;author&quot;:&quot;Elodie M.&quot;,&quot;title&quot;:&quot;Un petit d\u00e9jeuner gourmand&quot;,&quot;text&quot;:&quot;Le petit-d\u00e9jeuner est vraiment vraiment top : avoir une omelette faite sur place c&#039;est super. Produits frais quantit\u00e9 qualit\u00e9. \n&quot;,&quot;note&quot;:&quot;4&quot;,&quot;locale&quot;:&quot;fr&quot;,&quot;source&quot;:&quot;Google&quot;,&quot;created_at&quot;:&quot;2022-01-26T23:00:00.000000Z&quot;,&quot;updated_at&quot;:&quot;2023-01-09T09:29:47.000000Z&quot;},{&quot;id&quot;:4,&quot;author&quot;:&quot;Christine B.&quot;,&quot;title&quot;:&quot;Un personnel aux petits soins &quot;,&quot;text&quot;:&quot;Tr\u00e8s bon accueil, du personnel tr\u00e8s agr\u00e9able et tr\u00e8s \u00e0 l&#039;\u00e9coute. &quot;,&quot;note&quot;:&quot;5&quot;,&quot;locale&quot;:&quot;fr&quot;,&quot;source&quot;:&quot;TripAdvisor&quot;,&quot;created_at&quot;:&quot;2022-01-26T23:00:00.000000Z&quot;,&quot;updated_at&quot;:&quot;2023-01-09T09:29:47.000000Z&quot;}]">
				</slider-temoignages>
			</div>
		</div>
	</div>
		</section>
		
	</article>

	<footer>
		<div class="footer">
			<div class="grid-bg">
				<div class="grid" id="grid-footer">
					<div class="grid-sizer"></div>
					<a href="contact">
						<div class="grid-item grid-height-2 grid-width-2 grid-item-maps">
							<div class="map-bg">
								<div class="marker">
									<div class="pin"></div>
									<div class="pin-effect"></div>
								</div>
							</div>
						</div>
					</a>
										<div class="grid-item grid-height-1 grid-width-2 grid-item-coord">
						<div class="col-sm-12 footer-logo-container">
	<div class="brand-logo-footer footer-logo"></div>
</div>
<div class="footer-coord">
			<div class="footer-tel1">
			<div class="picto">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
				     width="18px" height="17px">
					<image x="0px" y="0px" width="18px" height="17px"
					       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAQAAAB6UzRyAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDA8RFjJF9LLAAAAAs0lEQVQoz3XRW42FMBAA0CMBCUiohJWABCRcCevgSqgEJCChEpAwEmY/2hBCuvPTR07m0QJFU00j5SAh5Zx1VIRQ7HPWUSewS4dljo5xXlyuOarSCuqdc9JT72WRd87JdFUqj3WKVqHd6zJHbKPkJrXR4aIqT8T3ZiH82oUUyhP1jipWp5RORevMi/XHLPZRssmxv+Mjhe1x8yPFe+KiSeeA5fFp3vlCunw7Sf/F7pBan+4PjyFnGGSllPEAAAAASUVORK5CYII="/>
				</svg>
			</div>
			<div class="content">
				<a href="tel:0546090319">
					05 46 09 03 19
				</a>
			</div>
		</div>
					<div class="footer-mail">
			<div class="picto">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
				     width="18px" height="12px">
					<image x="0px" y="0px" width="18px" height="12px"
					       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAQAAADFGyU3AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDA8RGSg/Dld1AAAAiUlEQVQY043RUQ2DMBAG4I8FAUhAwiR0CmYBCUjAAXOAhimoFOYACbcHGAlsgbVvvS+5+6+FcHpKPDwPxF1LCIP6J6gNQhBGYdKpNqDSmZaqkCSjMGpW0iwvSfogaE1CliRZmLSwRVR6sdx+bb5D86hZ3sRIotzlebl9h7ycr3Je5vVQXCn++ZY3UssyJnRZPwYAAAAASUVORK5CYII="/>
				</svg>
			</div>
			<div class="content">
				<script type="text/javascript" language="javascript">coded = "ZMo6wZ6@mM6tY-Yt8wYFMo.ZM2" 
		cipher = "j6mwcnsNv9IeWYESBdp3rifHyK5g2DZoORJCxthaGqzL4XPFAlVbT8u01Mk7UQ" 
		shift=coded.length
		link=""
		for (i=0; i<coded.length; i++){
		    if (cipher.indexOf(coded.charAt(i))==-1){
		        ltr=coded.charAt(i)
		        link+=(ltr)
		    }
		    else {
		        ltr = (cipher.indexOf(coded.charAt(i))-shift+cipher.length) % cipher.length
		        link+=(cipher.charAt(ltr))
		    }               
		}document.write("<a href=\'mailto:"+link+"\'>"+link+"</a>")</script>
		<noscript><p>Activate Javascript</p></noscript>
			</div>
		</div>
				<div class="footer-address">
			<div class="picto">
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
				     width="12px" height="18px">
					<image x="0px" y="0px" width="12px" height="18px"
					       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAQAAADFoPeHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDA8RGgu2RHXEAAAAuUlEQVQY02XQW3HDMBCF4a+ZAhAEQXAYBIohBIIZZIpAEAIhEyQOA4XB6YNszzTVPmh3z97mF6FquoiuqRHCpItmNmuim4KqD3eYSddVmphCtVjUMIlG1zL6xo4amn5SPDErzs6KGU/lhLfP94bu9m/UTadZlT/Li1WjimU/NsIi6uEc6a1QKLr7Idx1JUYwi0uEi5g3VhEe1girx5bZvou4uu6dhzAwDDyfwqB8XPe9U8jr64e89vgXXreRN0bEHMwAAAAASUVORK5CYII="/>
				</svg>
			</div>
			<div class="content"><a href="https://www.google.fr/maps/place//Hôtel+Le+Galion/@46.2065723,-1.3678221,17z/data=!4m18!1m9!3m8!1s0x480407675bf0eb65:0x6a08395511cdd7ec!2sHôtel+Le+Galion!5m2!4m1!1i2!8m2!3d46.2066184!4d-1.3656352!3m7!1s0x480407675bf0eb65:0x6a08395511cdd7ec!5m2!4m1!1i2!8m2!3d46.2066184!4d-1.3656352?hl=fr" target="_blank" rel="noopener noreferrer">Allée de la Guyane, 17410 Saint Martin de Ré</a></div>
		</div>
	</div>
					</div>
											<div class="grid-item grid-height-1 grid-width-1 grid-item-social follow-us container-icons-3-4">
							<div class='text-container'>
								<div class='text-1'>Follow us on</div>
								<div class='text-2'>Our networks</div>
							</div>
							<div class="container-icons">
																										<div class="icon">
										<a href="https://www.facebook.com/hotel.legalion" target="_blank" rel="noopener noreferrer">
											<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3 8h-1.35c-.538 0-.65.221-.65.778v1.222h2l-.209 2h-1.791v7h-3v-7h-2v-2h2v-2.308c0-1.769.931-2.692 3.029-2.692h1.971v3z"/>
</svg>										</a>
									</div>
																										<div class="icon">
										<a href="https://www.instagram.com/hotellegalion/" target="_blank" rel="noopener noreferrer">
											<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="M14.829 6.302c-.738-.034-.96-.04-2.829-.04s-2.09.007-2.828.04c-1.899.087-2.783.986-2.87 2.87-.033.738-.041.959-.041 2.828s.008 2.09.041 2.829c.087 1.879.967 2.783 2.87 2.87.737.033.959.041 2.828.041 1.87 0 2.091-.007 2.829-.041 1.899-.086 2.782-.988 2.87-2.87.033-.738.04-.96.04-2.829s-.007-2.09-.04-2.828c-.088-1.883-.973-2.783-2.87-2.87zm-2.829 9.293c-1.985 0-3.595-1.609-3.595-3.595 0-1.985 1.61-3.594 3.595-3.594s3.595 1.609 3.595 3.594c0 1.985-1.61 3.595-3.595 3.595zm3.737-6.491c-.464 0-.84-.376-.84-.84 0-.464.376-.84.84-.84.464 0 .84.376.84.84 0 .463-.376.84-.84.84zm-1.404 2.896c0 1.289-1.045 2.333-2.333 2.333s-2.333-1.044-2.333-2.333c0-1.289 1.045-2.333 2.333-2.333s2.333 1.044 2.333 2.333zm-2.333-12c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.958 14.886c-.115 2.545-1.532 3.955-4.071 4.072-.747.034-.986.042-2.887.042s-2.139-.008-2.886-.042c-2.544-.117-3.955-1.529-4.072-4.072-.034-.746-.042-.985-.042-2.886 0-1.901.008-2.139.042-2.886.117-2.544 1.529-3.955 4.072-4.071.747-.035.985-.043 2.886-.043s2.14.008 2.887.043c2.545.117 3.957 1.532 4.071 4.071.034.747.042.985.042 2.886 0 1.901-.008 2.14-.042 2.886z"/>
</svg>										</a>
									</div>
																										<div class="icon">
										<a href="https://www.linkedin.com/company/71266372/admin/" target="_blank" rel="noopener noreferrer">
											<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2 16h-2v-6h2v6zm-1-6.891c-.607 0-1.1-.496-1.1-1.109 0-.612.492-1.109 1.1-1.109s1.1.497 1.1 1.109c0 .613-.493 1.109-1.1 1.109zm8 6.891h-1.998v-2.861c0-1.881-2.002-1.722-2.002 0v2.861h-2v-6h2v1.093c.872-1.616 4-1.736 4 1.548v3.359z"/>
</svg>										</a>
									</div>
															</div>
						</div>
					
																								<div class="grid-item grid-height-1 grid-width-1 grid-item-resa" onclick="showModalResa()">
								<div class='text-container'>
									<div class='text-1'>Make a</div>
									<div class='text-2'>Booking</div>
								</div>
								<div class="icon">
									<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
									     width="208px" height="40px">
										<image x="0px" y="0px" width="208px" height="40px"
										       xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAAAoCAQAAAAlbLyLAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfhDBULLwSq3zu+AAAAuElEQVR42u3bQQrFIAwA0Vh6/yvbRff/JyDJUGZOoDxXGtfeYeDuiFjTi/hUhw/8Nb0f+51A8ASCJxA8geAJBE8geALBEwieQPAEgicQPIH6K11OC9TdihKRQN29zxFpIoH6KxEJNFGBSKCZ0kQCTZUkEmiql+bvBINAMyV5BJopzSPQRAUegfor8QjU347ScKNA/ZVmTwWCJxA8geAJBE8geALBEwieQPAEgicQPIHg3XH8X7Kd7AE+hRFRfRsboQAAAABJRU5ErkJggg=="/>
									</svg>
								</div>
								<div class="text-icon">Book</div>
							</div>
																						<div class="grid-item grid-height-1 grid-width-2 grid-item-imagebg">
															<a href="/en/gallery"
								   title="Gallery">
									
									<div class="blurry-background-loader" id="blurry-footer-imagebg">
	<blurry-background-loader
			src="villaeclusier-2.jpg"
			bg-class="bg">
					<div class="text-container">
												<div class="text-1">
																											Discover
																									</div>
												<div class="text-2">
																											Our Gallery
																									</div>
											</div>
			</blurry-background-loader>
</div>																	</a>
													</div>
									</div>
			</div>
		</div>
		<div class="mgs-footer">
	<div class="col-xs-12 mgs-content">
		© 2024 | Hotel Le Galion | <a
				href="/mentions-legales">Legal Notice</a> |
		<a href="/sitemap">Site Map</a>
	</div>
	<div class="col-xs-12 mgs-desc">
		
		Création site pour hôtel
	</div>
	<div class="col-xs-12 mgs-logo">
					<img class="img-responsive" alt="Logo My Groom Service"
			     src="/imagecache/logo/logo_white.png"/>
			</div>
	<a class="smooth-scroll" href="#scroll-top">
		<div class="mgs-top-btn">
			<div class="glyphicon glyphicon-menu-up"></div>
		</div>
	</a>
</div>
	</footer>

<div class="js-cookie-consent cookie-consent">
	<div class="cookie-consent__message" style="display: none;">
		This site requires the use of cookies to function properly. However, only so-called 'technical' cookies (functionality cookies) which are essential for the proper functioning of the services and their security are used. They cannot be desactivated and do not require your consent. The only data collected is intended for Google Analytics: they are anonymous (anonymization which transforms personal data into raw non-identifying data, which can be used without obtaining the consent of the users from which it originates). You can still prevent the use of the latter by clicking on 'I refuse'.
	</div>
	<div class="cookie-consent__message cookie-consent__message_short">
		We use cookies to provide you with the best possible online experience. You can choose to prevent the use of your data by clicking on 'I refuse'.
	</div>
	<div id="cookie-consent__readmore" style="font-style: italic;">
		Read more
	</div>
	<div id="cookie-consent__readless" style="font-style: italic; display: none;">
		Read less
	</div>
	<button class="js-cookie-consent-agree cookie-consent__agree">
		I get it
	</button>
	<div class="js-cookie-consent-refuse cookie-consent__refuse">
		I refuse
	</div>
</div>

	<script>
		window.laravelCookieConsent = (function () {
			const COOKIE_DOMAIN = 'www.hotel-legalion.com',
				COOKIE_TEXT_CONTENT = "This site requires the use of cookies to function properly. However, only so-called &#039;technical&#039; cookies (functionality cookies) which are essential for the proper functioning of the services and their security are used. They cannot be desactivated and do not require your consent. The only data collected is intended for Google Analytics: they are anonymous (anonymization which transforms personal data into raw non-identifying data, which can be used without obtaining the consent of the users from which it originates). You can still prevent the use of the latter by clicking on &#039;I refuse&#039;.",
				COOKIE_TEXT_REDUCED_LENGTH = 160

			const readmoreButton = document.getElementById('cookie-consent__readmore'),
				readlessButton = document.getElementById('cookie-consent__readless'),
				acceptButtons = document.getElementsByClassName('js-cookie-consent-agree'),
				refuseButtons = document.getElementsByClassName('js-cookie-consent-refuse'),
				messageDiv = document.getElementsByClassName('cookie-consent__message')[0],
				shortMessageDiv = document.getElementsByClassName('cookie-consent__message_short')[0]

			function consentWithCookies() {
				const COOKIE_VALUE = 1
				setCookie('cookie_consent', COOKIE_VALUE, 365)
				
				
								localStorage.setItem('consentGranted', 'true')
				function gtag() { dataLayer.push(arguments); }
				gtag('consent', 'update', {
					ad_user_data: 'granted',
					ad_personalization: 'granted',
					ad_storage: 'granted',
					analytics_storage: 'granted'
				})
				
				hideCookieDialog()
			}

			function refuseCookies() {
				const COOKIE_VALUE = 0
				setCookie('cookie_consent', COOKIE_VALUE, 365)
				hideCookieDialog()
				location.reload() 
			}

			function cookieExists(name) {
				const cookies = document.cookie.split('; ')
				return cookies.indexOf(name + '=0') !== -1 || cookies.indexOf(name + '=1') !== -1
			}

			function hideCookieDialog() {
				const dialogs = document.getElementsByClassName('js-cookie-consent')

				for (let i = 0; i < dialogs.length; ++i) {
					dialogs[i].style.display = 'none'
				}
			}

			function setCookie(name, value, expirationInDays) {
				const date = new Date()
				date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000))
				document.cookie = name + '=' + value
					+ ';expires=' + date.toUTCString()
					+ ';domain=' + COOKIE_DOMAIN
					+ ';path=/'
					+ ''
			}

			function readMore() {
				shortMessageDiv.style.display = 'none'
				messageDiv.style.display = 'block'
				readmoreButton.style.display = 'none'
				readlessButton.style.display = 'block'
			}

			function readLess() {
				messageDiv.style.display = 'none'
				shortMessageDiv.style.display = 'block'
				readmoreButton.style.display = 'block'
				readlessButton.style.display = 'none'
			}

			if (cookieExists('cookie_consent')) {
				hideCookieDialog()
			}

			for (let i = 0; i < acceptButtons.length; ++i) {
				acceptButtons[i].addEventListener('click', consentWithCookies)
			}

			for (let i = 0; i < refuseButtons.length; ++i) {
				refuseButtons[i].addEventListener('click', refuseCookies)
			}


			readmoreButton.addEventListener('click', readMore)
			readlessButton.addEventListener('click', readLess)

			return {
				consentWithCookies: consentWithCookies,
				hideCookieDialog: hideCookieDialog,
				refuseCookies: refuseCookies
			}
		})()
	</script>
<script>
	if (window.document.documentMode) {
		// Do IE stuff
		console.info('Internet Explorer detected')
		alert('Internet Explorer n\'est pas supporté, merci d\'utiliser un autre navigateur tel que Google Chrome ou Mozilla Firefox.\n\nInternet Explorer is not compatible, please use Google Chrome or Mozilla Firefox.')
	}
</script>
<script src="/js/manifest.js?id=c9454aad9315234504e6e168fa5d77b3"></script>
<script src="/js/vendor.js?id=50d88bdc7f9a6a671b324f75ecbb9cea"></script>
<script src="/js/app.js?id=dd8b8747bebd14c2d9d8d4183d310db0"></script>
<style>#resa-modal .modal-body .price-container .conditions{text-transform: none;}#resa-modal .modal-body .price-container{color: #fff;} #resa-modal .modal-body .text-module .title{color: #fff;}</style>
<script type="application/ld+json">
{
	"@context": "https://schema.org",
	"@type": "Hotel", 
	"url": "https://www.hotel-legalion.com",
	"name": "Hotel Le Galion",
			"logo": "https://www.hotel-legalion.com/imagecache/logo/brand_logo.png",
		"address": {
		"@type": "PostalAddress",
		
		"addressLocality": "Saint Martin de Ré",
		"postalCode": "17410",
		"streetAddress": "Allée de la Guyane,",
		"url": "https://www.hotel-legalion.com"
	},
	"telephone": "05 46 09 03 19",
	"email": "contact@hotel-legalion.com",
	"latitude": "46.20675",
    "longitude": " -1.365617",
    "hasMap": "https://www.google.fr/maps/place//Hôtel+Le+Galion/@46.2065723,-1.3678221,17z/data=!4m18!1m9!3m8!1s0x480407675bf0eb65:0x6a08395511cdd7ec!2sHôtel+Le+Galion!5m2!4m1!1i2!8m2!3d46.2066184!4d-1.3656352!3m7!1s0x480407675bf0eb65:0x6a08395511cdd7ec!5m2!4m1!1i2!8m2!3d46.2066184!4d-1.3656352?hl=fr",
    "availableLanguage": [{"@type":"Language","name":"German"},{"@type":"Language","name":"English"},{"@type":"Language","name":"Spanish"},{"@type":"Language","name":"French"}],
	"image": "https://www.hotel-legalion.com/imagecache/fullwidth/notfound.jpg"
	
			,"sameAs": ["https://www.facebook.com/hotel.legalion","https://www.instagram.com/hotellegalion/","https://www.linkedin.com/company/71266372/admin/"]
			}
</script>
</body>