1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="referrer" content="origin-when-crossorigin"> 6 <meta name="format-detection" content="telephone=no"> 7 <meta name="viewport" content="width=device-width" /> 8 9 <link rel="icon" href="https://www.9-hotel-sablon-brussels.be/favicon.ico?fd25cfbcbfe701b6902b32f3453aa8e7239f6303" sizes="32x32"> 10 <link rel="apple-touch-icon" href="https://hapi.mmcreation.com/hapidam/a8444e43-2292-4408-b7e7-683aa1970d3f/unnamed-4.png?w=180&h=180&mode=crop&coi=50%2C50"><!-- 180Ã180 --> 11 <link rel="manifest" href="https://www.9-hotel-sablon-brussels.be/fr/manifest.webmanifest.html"> 12 <title>Besoin d'informations supplémentaires ? Contactez-nous ! 9 Hotel Sablon</title> 13<meta name="description" content="Besoin d'informations complémentaires sur votre séjour au 9 Hotel Sablon ? - Meilleur Tarif Garanti sur notre site. | Site Officiel 9Hotel Sablon" /> 14<link rel="canonical" href="https://www.9-hotel-sablon-brussels.be/fr/page/contact-reservations-hotel.6097.html" /> 15<link rel="alternate" href="https://www.9-hotel-sablon-brussels.be/fr/page/contact-reservations-hotel.6097.html" hreflang="fr" /> 16<link rel="alternate" href="https://www.9-hotel-sablon-brussels.be/en/page/contact.6097.html" hreflang="en" /> 17<link rel="alternate" href="https://www.9-hotel-sablon-brussels.be/en/page/contact.6097.html" hreflang="x-default" /> 18<link rel="alternate" href="https://www.9-hotel-sablon-brussels.be/nl/page/kontakt.6097.html" hreflang="nl" />
19<script>window.dataLayer = window.dataLayer || [];</script>
19 <meta property="og:type" content="website" /> 20 <meta property="og:title" content="Besoin d'informations supplémentaires ? Contactez-nous ! 9 Hotel Sablon" /> 21 <meta property="og:description" content="Besoin d'informations complémentaires sur votre séjour au 9 Hotel Sablon ? - Meilleur Tarif Garanti sur notre site. | Site Officiel 9Hotel Sablon" /> 22 <meta property="og:url" content="https://www.9-hotel-sablon-brussels.be/fr/page/contact-reservations-hotel.6097.html" /> 23
23<script> 24 dataLayer.push({ 25 'event':'genericEvent', 26 'language': 'fr', 27 'pageType': 'page', 28 'pageCode': 'contact', 29 }); 30 </script>
30 31
31<script type="application/ld+json">[ 32 { 33 "@context": "https:\/\/schema.org", 34 "@type": "WebSite", 35 "url": "https:\/\/www.9-hotel-sablon-brussels.be\/", 36 "name": "9hotel Sablon" 37 }, 38 { 39 "@context": "http:\/\/schema.org", 40 "@type": "Hotel", 41 "name": "9hotel Sablon", 42 "description": "", 43 "telephone": [ 44 "+3228800701" 45 ], 46 "email": "[email protected]", 47 "address": { 48 "@type": "PostalAddress", 49 "streetAddress": "Rue de la Paille, 2", 50 "addressLocality": "Bruxelles", 51 "postalCode": "1000", 52 "addressCountry": "Belgique" 53 } 54 } 55]</script>
55 56
56<script src="https://www.9-hotel-sablon-brussels.be/assets/vendors/klaro-gdpr/klaro_warmup.js"></script>
56 57
57<script src="https://www.9-hotel-sablon-brussels.be/assets/vendors/klaro-gdpr/config.js"></script>
57 58
58<script>klaroConfig.privacyPolicy = '#privacy'; klaroConfig.theme = 'dark';</script>
58 59
59<script src="https://www.9-hotel-sablon-brussels.be/assets/vendors/klaro-gdpr/klaro.js"></script>
59 60
60<script>setTimeout(klaro.getManager,2000);</script>
60 61 62 63 <!--CRW-OG-IMAGES:START--> 64 <meta property="og:image" content="https://hapi.mmcreation.com/hapidam/370fb825-f1da-41e2-a1a4-4e4c23efd213/9hotel-sablon-shooting-2026-043.jpg?size=lg" /> 65 66 <!--CRW-OG-IMAGES:END--> 67 68
68<script> 69 var ms_ie = false; 70 var ua = window.navigator.userAgent; 71 var old_ie = ua.indexOf('MSIE '); 72 var new_ie = ua.indexOf('Trident/'); 73 if ((old_ie > -1) || (new_ie > -1)) { 74 ms_ie = true; 75 } 76 77 var ENV_PSPEED= false; 78 var ENV_ADMIN= false; 79 var ENV_HID= "433"; 80 var HOST = "https://www.9-hotel-sablon-brussels.be"; 81 var BASEPATH = "https://www.9-hotel-sablon-brussels.be/"; 82 var APPS_URL = "/"; 83 var ENV_PAGE= "page"; 84 var ENV_PARAM= "contact-reservations-hotel.6097"; 85 var ENV_LNG= "fr"; 86 var IMAGE_CUSTOM_QUALITY= "70"; 87 var IMAGE_LAZY_MODE= "blur"; 88 var ENV_WEBP = false; 89 var ENV_MOBILE = false; 90 var ENV_TABLET = false; 91 var ENV_IE= 0; 92 93 var ENV_GOOGLE_UAC = ""; 94 var ENV_MATOMO_URL = ""; 95 var ENV_MATOMO_SID = ""; 96 97 var ENV_ID= ""; 98 var ENV_DEV= false; 99 var ENV_DEBUG= false; 100 101 var SKIN_map_cluster_lg = ""; 102 var SKIN_map_cluster_md = ""; 103 var SKIN_map_cluster_sm = ""; 104 105 var SKIN_map_cluster_lg_text = ""; 106 var SKIN_map_cluster_md_text = ""; 107 var SKIN_map_cluster_sm_text = ""; 108 109 var SKIN_map_cluster_lg_icon = ""; 110 var SKIN_map_cluster_md_icon = ""; 111 var SKIN_map_cluster_sm_icon = ""; 112 113 var slider_offres; 114 var cookiesDirectiveSettings = { 115 message : "Ce site utilise des cookies pour vous garantir la meilleure expérience. En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies.", 116 closeMessage : "Ne plus afficher ce message" 117 }; 118 119 var ENV_CONFIG = { 120 hid: 433, 121 rgpd_allow_video: false, 122 country_code: "", 123 } 124 125 // detect if the current page is called in iframe from the same website 126 var ENV_IFRAME = top.frames.length!=0 && top.frames[0].location.host==document.location.host; 127 if(ENV_IFRAME) 128 { 129 document.querySelector('html').classList.add('in-frame') 130 } 131 </script>
131 132 133 <style> 134 /* 135 Prevent content flickering without CSS 136 */ 137 body.loading { opacity:0; } 138 </style> 139 140 <!--HAPI-MOVE-TO-HEAD:CSS--> 141 <!--HAPI-MOVE-TO-HEAD:JS-->
142<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/hapi-video.min.js" async defer></script>
142 143 144 <meta name="facebook-domain-verification" content="3f73ga7z09w182h05kbj6bp623egju" />
145<script src="https://api.mews.com/distributor/distributor.min.js"></script>
145 146<meta name="google-site-verification" content="wNhkqNgzQijSYL92PMDa-in7-cFME-dczkltaH-9e7k" />
147<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 148new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 149j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 150'https://9-hotel-sablon-brussels.be/vexaruniko/5ilitg8g252cr1s.js?awl='+i.replace(/^GTM-/, '')+dl;f.parentNode.insertBefore(j,f); 151})(window,document,'script','dataLayer','GTM-NCTL3B');</script>
151 152 153</head> 154<body 155 id="page-page" lang="fr" 156 data-page-id="6097" 157 data-page-code="contact" 158 data-page-tags="" 159 data-page-slug="contact-reservations-hotel.6097" 160 data-page_iframe="0" 161 162 163 164 data-lng="fr" 165 data-terminal="desktop" 166 data-header="true" 167 data-book-in-frame="0" 168 class="loading frontend " 169 data-scrollpad="0" 170 data-scrollpad-tablet="0" 171 data-scrollpad-mobile="0" 172 > 173 <!-- HAPI2 © www.mmcreation.com (V185)--><noscript><iframe src="https://9-hotel-sablon-brussels.be/vexaruniko/ns.html?id=GTM-NCTL3B" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="hapi_content_wrapper"> 174 <header id="page_header" class=""> 175 176 <div id="row-navigation-scroll" row-id="46413" row-code="navigation-scroll" row-type="1" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row "> 177 <div class="page_row_background" > 178 <div class="page_row_overlay"> 179 <div class="page_row_content"> 180 <div class="page_row_classic grid_row"> 181 <div class="grid_cell" style="width:100%;"> 182 <div content-id="navigation-scroll_6878" private-id="46413_9813" class="mod_content"> 183 <div id="mod_navbar--menu-scroll" class="module_wrapper" code="menu-scroll" module="navbar" template="_default" skin="_default"> 184 <div style="z-index:100;" class="tophat-bar " data-tophat-key="navbar-menu-scroll" data-tophat-group="" data-tophat-burger-label="" data-tophat-burger-link="javascript:window.fspanel(721,'toggle');void(0);" data-tophat-burger-animation="right" data-tophat-burger-position="left" data-tophat-burger-visibility="" data-tophat-burger-order="first" data-tophat-burger-mobile-position="left" data-tophat-burger-mobile-visibility="" data-tophat-burger-mobile-order="first" data-tophat-burger-header="&nbsp;" data-tophat-burger-prepend="" data-tophat-burger-append="" data-tophat-logo="left" data-tophat-logo-mobile="left" data-tophat-parts="left,middle,right"><div class="tophat-bar-part" data-tophat-align="left"><a class="tophat-bar-logo" logo-w="0" screen="desktop" href="https://www.9-hotel-sablon-brussels.be/"><span><img alt="" src="https://hapi.mmcreation.com/hapidam/a7eb619b-92ed-4dff-820c-e911eab930d4/unnamed.png?w=640&h=640&mode=inside&coi=50%2C50"></span></a><a class="tophat-bar-logo" logo-w="0" screen="mobile" href="https://www.9-hotel-sablon-brussels.be/"><span><img alt="" src="https://hapi.mmcreation.com/hapidam/a7eb619b-92ed-4dff-820c-e911eab930d4/unnamed.png?w=640&h=640&mode=inside&coi=50%2C50"></span></a><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="0" screen="desktop" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react nolink" href="javascript:void(0);"><span class="label" data-burger-label=""><span class="label-content"> 9HOTEL SABLON <i class="navbar-icon-dropdown fas fa-caret-down"></i></span></span></a><ul class="nav-dropdown" data-tophat-skin="default"><li class=" "><a href="https://www.hotel-9confidentiel-paris.fr/fr" target="_blank"><span class="label" data-burger-label=""><span class="label-content"> 9CONFIDENTIEL PARIS </span></span></a></li><li class=" "><a href="https://www.9-hotel-opera-paris.fr/fr/" target="_blank"><span class="label" data-burger-label=""><span class="label-content"> 9HOTEL OPÃRA PARIS </span></span></a></li><li class=" "><a href="https://www.9-hotel-republique-paris.fr/" target="_blank"><span class="label" data-burger-label=""><span class="label-content"> 9HOTEL RÃPUBLIQUE PARIS </span></span></a></li><li class=" "><a href="https://www.9-hotel-central-brussels.be/fr/" target="_blank"><span class="label" data-burger-label=""><span class="label-content"> 9HOTEL CENTRAL BRUXELLES </span></span></a></li><li class=" "><a href="https://www.9-hotel-chelton-brussels.be/" target="_blank"><span class="label" data-burger-label=""><span class="label-content"> 9HOTEL CHELTON BRUXELLES </span></span></a></li><li class=" "><a href="https://www.9-hotel-bastille-lyon.fr/" target="_blank"><span class="label" data-burger-label=""><span class="label-content">
184 9HOTEL BASTILLE LYON PARIS </span></span></a></li><li class=" "><a href="https://www.9-hotel-geneve-paquis.ch/fr/" target="_blank"><span class="label" data-burger-label=""><span class="label-content"> 9HOTEL PÃQUIS GENÃVE </span></span></a></li><li class=" "><a href="https://www.9-hotel-cesari-rome.it/fr/" target="_blank"><span class="label" data-burger-label=""><span class="label-content"> 9HOTEL CESÃRI ROME </span></span></a></li><li class=" "><a href="https://www.9-hotel-mercy-lisbon.pt/fr/" target="_blank"><span class="label" data-burger-label=""><span class="label-content"> 9HOTEL MERCY LISBONNE </span></span></a></li></ul></div></div><div class="tophat-bar-part" data-tophat-align="middle"><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="999" screen="desktop" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.9-hotel-sablon-brussels.be/"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend far fa-home"></i> </span></span></a></div><div class="nav-item mobile-icon" data-tophat-class="mobile-icon" data-tophat-group="0" data-tophat-level="999" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.9-hotel-sablon-brussels.be/fr/page/chambres.6118.html"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend far fa-bed"></i> CHAMBRES </span></span></a></div><div class="nav-item mobile-icon" data-tophat-class="mobile-icon" data-tophat-group="0" data-tophat-level="999" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.9-hotel-sablon-brussels.be/fr/page/services.6120.html"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend far fa-concierge-bell"></i> SERVICES </span></span></a></div><div class="nav-item mobile-icon" data-tophat-class="mobile-icon" data-tophat-group="0" data-tophat-level="999" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.9-hotel-sablon-brussels.be/fr/page/photos.6344.html"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend far fa-photo-video"></i> GALERIE </span></span></a></div><div class="nav-item mobile-icon" data-tophat-class="mobile-icon" data-tophat-group="0" data-tophat-level="999" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.9-hotel-sablon-brussels.be/fr/page/offres-speciales.6106.html"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend fal fa-badge-percent"></i> OFFRES </span></span></a></div><div class="nav-item mobile-icon" data-tophat-class="mobile-icon" data-tophat-group="0" data-tophat-level="999" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.9-hotel-sablon-brussels.be/fr/page/activites-tourisme.6095.html"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend fal fa-archway"></i> TOURISME </span></span></a></div><div class="nav-item mobile-icon" data-tophat-class="mobile-icon" data-tophat-group="0" data-tophat-level="999" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.9-hotel-sablon-brussels.be/fr/page/entreprises-et-groupes.6098.html"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend fal fa-computer-speaker"></i> GROUPES & BUSINESS </span></span></a></div><div class="nav-item mobile-icon" data-tophat-class="mobile-icon" data-tophat-group="0" data-tophat-level="999" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.9-hotel-sablon-brussels.be/fr/collection/rse.9935.html#backlink:collection-9935"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend far fa-leaf"></i> NOS ENGAGEMENTS </span></span></a></div><div class="nav-item active mobile-icon" data-tophat-class="mobile-icon" data-tophat-group="0" data-tophat-level="999" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.9-hotel-sablon-brussels.be/fr/page/contact-reservations-hotel.6097.html"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend far fa-phone"></i> CONTACT </span></span></a></div></div><div class="tophat-bar-part" data-tophat-align="right"><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="999" screen="mobile" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.9-hotel-sablon-brussels.be/"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend fal fa-home"></i>
184 </span></span></a></div><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="999" screen="mobile" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="tel:+3228800701"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend fal fa-phone"></i> </span></span></a></div><div class="nav-item LanguageMenu" data-tophat-class="LanguageMenu" data-tophat-group="0" data-tophat-level="999" screen="desktop" data-tophat-burgerlevel="0" data-tophat-burgermode="allways" data-tophat-skin="default"><a class="nav-link react " href="#"><span class="label" data-burger-label="<i class="far fa-globe"></i> Langues"><span class="label-content"> FR </span></span></a><ul class="nav-dropdown" data-tophat-skin="default"><li class=" "><a href="https://www.9-hotel-sablon-brussels.be/fr/page/contact-reservations-hotel.6097.html" ><span class="label" data-burger-label=""><span class="label-content"> Français </span></span></a></li><li class=" "><a href="https://www.9-hotel-sablon-brussels.be/en/page/contact.6097.html" ><span class="label" data-burger-label=""><span class="label-content"> English </span></span></a></li><li class=" "><a href="https://www.9-hotel-sablon-brussels.be/nl/page/kontakt.6097.html" ><span class="label" data-burger-label=""><span class="label-content"> Nederlands </span></span></a></li></ul></div><div class="nav-item BookingTrigger reservation-button" data-tophat-class="BookingTrigger reservation-button" data-tophat-group="0" data-tophat-level="999" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="background"><a class="nav-link react " href="#"><span class="label" data-burger-label=""><span class="label-content"> RÃSERVER </span></span></a></div><div class="nav-item LanguageMenu" data-tophat-class="LanguageMenu" data-tophat-group="0" data-tophat-level="999" screen="mobile" data-tophat-burgerlevel="0" data-tophat-burgermode="allways" data-tophat-skin="switch-h"><span class="nav-group"><a class="nav-link active react" href="https://www.9-hotel-sablon-brussels.be/fr/page/contact-reservations-hotel.6097.html"><span class="label"><span class="label-content">FR</span></span></a><a class="nav-link react" href="https://www.9-hotel-sablon-brussels.be/en/page/contact.6097.html"><span class="label"><span class="label-content">EN</span></span></a><a class="nav-link react" href="https://www.9-hotel-sablon-brussels.be/nl/page/kontakt.6097.html"><span class="label"><span class="label-content">NL</span></span></a></span></div></div></div></div> </div> 185 </div> 186 </div> 187 </div> 188 </div> 189 </div> 190 </div> 191 192 193 </header> 194 <div id="content_container"> 195 <div id="content"> 196 197 <div id="row-43057" row-id="46328" row-code="43057" row-type="grille" desktop="true" mobile="true" animation="top" animation-duration="1000" animation-delay="2" animation-distance="100" data-fullscreen="true" data-tablet-fullscreen="true" data-mobile-fullscreen="true" class="page_row banner-header"> 198 <div class="page_row_background" data-background-image="https://hapi.mmcreation.com/hapidam/370fb825-f1da-41e2-a1a4-4e4c23efd213/9hotel-sablon-shooting-2026-043.jpg?w=1920&h=1920&mode=crop&coi=50%2C50" > 199 <div class="page_row_overlay"> 200 <div class="page_row_content"> 201 <div class="page_row_grid grid_row" mobile="true" data-grid-reverse="none" data-grid-breakpoint="1" data-grid-type="1" data-grid-gutter="0" data-grid-gutter-mobile="0" data-grid-gutter-overall="0"> 202 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-43057-153967" class="grid_cell_wrapper with_text_1" grid-cell="43057-153967" private-id="46328-153967" data-valign="bottom" data-halign="stretch" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 203 <div class="cell_container" onclick="" content-id="43057_153967" private-id="46328_153967" overlay-hover="false" cell-color="#ffffff"> 204 <div class="cell_content"> 205 <div class="part_1" data-text-transition="default"> 206 <div class="part_1_1"> 207 <div class="part_wrapper"> 208 <h1>Contact 209</h1> 210<p><div id="mod_contenu--mod-header-contact" class="module_wrapper" code="mod-header-contact" module="contenu" template="_default" skin="_default"><style type="text/css"> 211 [code="mod-header-contact"]{padding:0 !important;} 212 .contact{color:inherit !important;} 213 .contact a{color:inherit !important; /*text-decoration:none;*/} 214 @media screen and (max-width:980px){ 215 .contact .bur{display:none !important; border:1px solid red;} 216 } 217 @media screen and (min-width:981px){ 218 .contact{ 219 position:absolute; 220 right:2em; 221 bottom:9.5em; 222 text-align:right; 223 } 224 .contact .mob{display:none !important;} 225 } 226 .banner-header h1{max-width:800px;} 227</style> 228 229<div class="contact"><strong><span class="mob"><span class="fa-lg fa-phone far"></span> </span><a href="tel:+3228800701" title=""><span style="font-size:1.2em">+32 2 880 07 01</span></a><span class="bur"> <span class="fa-lg fa-phone far"></span></span> 230 <br /> 231<span class="mob"><span class="fa-envelope fa-lg far"></span></span> 232 <a href="mailto:[email protected]" target="_blank" title=""><span style="font-size:1.2em">[email protected]</span></a><span class="bur"> <span class="fa-envelope fa-lg far"></span></span></strong> 233</div></div> 234</p> </div> 235 </div> 236 </div> 237 </div> 238 </div> 239 </div> 240 </div>
240 </div> 241 </div> 242 </div> 243 </div> 244 </div> 245 <div id="row-barre-resa" row-id="46363" row-code="barre-resa" row-type="1" desktop="true" mobile="false" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row "> 246 <div class="page_row_background" > 247 <div class="page_row_overlay"> 248 <div class="page_row_content"> 249 <div class="page_row_classic grid_row"> 250 <div class="grid_cell" style="width:100%;"> 251 <div content-id="barre-resa_6863" private-id="46363_9805" class="mod_content"> 252 <div id="mod_reservation--resa-barre" class="module_wrapper" code="resa-barre" module="reservation" template="_default" skin="_default"> 253 <form data-booking-group="true" class="reservation-container" data-smartsearch="false" action="https://www.9-hotel-sablon-brussels.be/fr/book.html" id="resc_6ac69ccedd969" target="_blank"> 254 <dl> 255 <dt class="reservation-title"> 256 <label>Réservation</label> 257 </dt> 258 <dd class="reservation-formfield" field="checkin"> 259 <label>ARRIVÃE</label> 260 <div class="reservation-input"> 261 <input type="hidden" class="BookingInput" name="checkin" value="" /> 262 <input type="button" class="BookingInputCheckinLabel BookingBppTrigger" data-format="" data-mode="checkin" data-oncheckin="#resc_6ac69ccedd969 .BookingInputCheckoutLabel" placeholder="Date d'arrivée" /> 263 </div> 264 </dd> 265 <dd class="reservation-formfield" field="checkout"> 266 <label>DÃPART</label> 267 <div class="reservation-input"> 268 <input type="hidden" class="BookingInput" name="checkout" value="" /> 269 <input type="button" class="BookingInputCheckoutLabel BookingBppTrigger" data-format="" data-mode="checkout" data-oncheckout="close" placeholder="Date de départ" /> 270 </div> 271 </dd> 272 <dd class="reservation-formfield" field="adults"> 273 <label>NOMBRE DE PERSONNES</label> 274 <div class="reservation-input"> 275 <select class="BookingInput" name="adults"> 276 <option value="1" >1 adulte</option> 277 <option value="2" >2 adultes</option> 278 <option value="3" >3 adultes</option> 279 <option value="4" >4 adultes</option> 280 <option value="5" >5 adultes</option> 281 <option value="6" >6 adultes</option> 282 <option value="7" >7 adultes</option> 283 <option value="8" >8 adultes</option> 284 <option value="9" >9 adultes</option> 285 <option value="10" >10 adultes</option> 286 </select> 287 </div> 288 </dd> 289 <dd class="reservation-formfield" field="promo"> 290 <label>CODE PROMOTIONNEL</label> 291 <div class="reservation-input"> 292 <input type="text" class="BookingInput" name="promo" value="" placeholder="..." /> 293 </div> 294 </dd> 295 <dd class="reservation-button"> 296 <button id="mod_reservation--resa-barre_submit" type="submit" class="button1"><span>RÃSERVER</span></button> 297 </dd> 298 </dl> 299 </form> 300 </div> </div> 301 </div> 302 </div> 303 </div> 304 </div> 305 </div> 306 </div> 307 308 <div id="row-34029" row-id="46330" row-code="34029" row-type="grille" desktop="true" mobile="true" animation="top" animation-duration="1000" animation-delay="2" animation-distance="100" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row "> 309 <div class="page_row_background" > 310 <div class="page_row_overlay"> 311 <div class="page_row_content"> 312 <div class="page_row_grid grid_row" mobile="true" data-grid-reverse="none" data-grid-breakpoint="1" data-grid-type="1" data-grid-gutter="0" data-grid-gutter-mobile="0" data-grid-gutter-overall="0"> 313 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-34029-53608" class="grid_cell_wrapper with_text_1" grid-cell="34029-53608" private-id="46330-71532" data-valign="top" data-halign="center" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 314 <div class="cell_container" onclick="" content-id="34029_53608" private-id="46330_71532" overlay-hover="false"> 315 <div class="cell_content"> 316 <div class="part_1" data-text-transition="default"> 317 <div class="part_1_1"> 318 <div class="part_wrapper"> 319 <h2 style="text-align: center;">Notre hôtel est idéalement situé au coeur du quartier Européen</h2> 320 321<p style="text-align: center;">Niché dans une rue paisible au cœur du quartier européen, vous serez à quelques minutes à pied des <u>institutions européennes</u> et des <u>principales attractions de Bruxelles</u>. La <strong>gare Bruxelles-Central </strong> est à 10 minutes à pied et la <a href="">Grand Place</a>, à quelques minutes de l'hôtel.</p> </div> 322 </div> 323 </div> 324 </div> 325 </div> 326 </div> 327 </div>
327 </div> 328 </div> 329 </div> 330 </div> 331 </div> 332 333 <div id="row-41758" row-id="46331" row-code="41758" row-type="grille" desktop="true" mobile="true" animation="left" animation-duration="1000" animation-delay="10" animation-distance="100" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row bg-03"> 334 <div class="page_row_background" > 335 <div class="page_row_overlay"> 336 <div class="page_row_content"> 337 <div class="page_row_grid grid_row" mobile="true" data-grid-reverse="desktop" data-grid-breakpoint="1" data-grid-type="18" data-grid-gutter="10" data-grid-gutter-mobile="10" data-grid-gutter-overall="0"> 338 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:75;"> <div id="grid_cell-41758-65473" class="grid_cell_wrapper " grid-cell="41758-65473" private-id="46331-71533" data-valign="top" data-halign="stretch" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 339 <div 340 style="z-index:2" 341 class="gmap-as-background " 342 id="cartography1_6ac69ccee2821-background-map" 343 344 data-gmap-container="#cartography1_6ac69ccee2821-background-map" 345 data-gmap-delta="{"desktop":[0,-6],"tablet":[0,0],"mobile":[0,0]}" 346 data-gmap-zoom="15" 347 data-gmap-code="" 348 data-gmap-cluster_icon_color="#ffffff" 349 data-gmap-cluster_line_color="#000000" 350 data-gmap-cluster_line_width="1" 351 data-gmap-cluster_line_scale="3" 352 data-gmap-markers="[{"type":{"cluster":0,"url":"https://hapi.mmcreation.com/hapidam/34f81ab0-3ab0-486b-91d4-72680daeda64/picto-maps-4.png?w=200&mode=ratio&coi=50%2C50","size":[58,88],"anchor":"bottom","anchor_pad":"0"},"cluster":0,"title":"<p style=\"text-align: center;\">H\u00f4tel Sablon\u00a0<br \/>\r\n2 Rue de la Paille - 1000 Bruxelles<br \/>\r\n<a href=\"tel:+32 2 880 07 01\">+32 2 880 07 01<\/a><\/p>\r\n","code":null,"lat":"50.8422574","lng":"4.3557618"},{"type":{"cluster":0,"url":"https://hapi.mmcreation.com/hapidam/63174495-aa03-464b-a343-c31f08adaaf4/place-du-sablon-marker-map.png?w=200&mode=ratio&coi=50%2C50","size":[64,64],"anchor":"bottom","anchor_pad":"0"},"cluster":0,"title":"<p style=\"text-align: center;\">Place du Sablon<\/p>\r\n","code":null,"lat":"50.8411521","lng":"4.3549844"},{"type":{"cluster":0,"url":"https://hapi.mmcreation.com/hapidam/9b2b2b8c-6d01-4e4b-9660-93f250b773e6/manneken-pis_bruxelles_marker_map.png?w=200&mode=ratio&coi=50%2C50","size":[64,64],"anchor":"bottom","anchor_pad":"0"},"cluster":0,"title":"<p style=\"text-align: center;\">Manneken-Pis<\/p>\r\n","code":null,"lat":"50.844993","lng":"4.349989"},{"type":{"cluster":0,"url":"https://hapi.mmcreation.com/hapidam/c7fb249b-e704-4a96-b4d9-16319105b43e/gare_du_midi_bruxelles_map_marker.png?w=200&mode=ratio&coi=50%2C50","size":[55,55],"anchor":"bottom","anchor_pad":"0"},"cluster":0,"title":"<p style=\"text-align: center;\">Gare du Midi<\/p>\r\n","code":null,"lat":"50.8360982","lng":"4.3354548"}]" 353 data-gmap-mapstyle="null" 354 > 355 </div> 356 <div class="cell_container" onclick="" content-id="41758_65473" private-id="46331_71533" overlay-hover="false"> 357 358 </div> 359 </div> 360 </div><div cell-index="2" mobile="true" class="grid_cell gcc" style="flex:25;"> <div id="grid_cell-41758-65474" class="grid_cell_wrapper light with_text_1 with_background_color" grid-cell="41758-65474" private-id="46331-71534" data-valign="center" data-halign="stretch" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 361 <div class="cell_container" onclick="" content-id="41758_65474" private-id="46331_71534" overlay-hover="false"> 362 <div class="cell_content"> 363 <div class="part_1" data-text-transition="default"> 364 <div class="part_1_1"> 365 <div class="part_wrapper"> 366 <p style="text-align: center;"><img alt="" src="https://hapi.mmcreation.com/hapidam/5cbb6603-e111-45bb-8a3f-bef19320628e/9hotel-sablons-logo-transparent.png.png" style="height:186px; width:300px" /></p> 367 368<h4 style="text-align: center;">9Hotel Sablon</h4> 369 370<p style="text-align: center;">Rue de la paille,2<br /> 3711000, Bruxelles</p> 372 373<p style="text-align: center;">Tél : <a href="tel:+3228800701">+32(0) 2 880 07 01</a><br /> 374Email : <a href="mailto:[email protected]" target="_blank">[email protected]</a></p> 375 376<p style="text-align: center;"> </p> 377 378<p style="text-align: center;"><a class="button" href="mailto: [email protected]"><span>Contactez-nous</span></a></p> </div> 379 </div> 380 </div> 381 </div> 382 </div> 383 </div> 384 </div>
384 </div> 385 </div> 386 </div> 387 </div> 388 </div> 389 <div id="row-41760" row-id="46332" row-code="41760" row-type="grille" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row "> 390 <div class="page_row_background" > 391 <div class="page_row_overlay"> 392 <div class="page_row_content"> 393 <div class="page_row_grid grid_row" mobile="true" data-grid-reverse="none" data-grid-breakpoint="1" data-grid-type="2" data-grid-gutter="0" data-grid-gutter-mobile="0" data-grid-gutter-overall="0"> 394 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-41760-65477" class="grid_cell_wrapper with_text_1" grid-cell="41760-65477" private-id="46332-71535" data-valign="center" data-halign="center" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 395 <div class="cell_container" onclick="" content-id="41760_65477" private-id="46332_71535" overlay-hover="false"> 396 <div class="cell_content"> 397 <div class="part_1" data-text-transition="default"> 398 <div class="part_1_1"> 399 <div class="part_wrapper"> 400 <h2>Un hôtel alliant modernité et élégance</h2> </div> 401 </div> 402 </div> 403 </div> 404 </div> 405 </div> 406 </div><div cell-index="2" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-41760-65478" class="grid_cell_wrapper with_text_1" grid-cell="41760-65478" private-id="46332-71536" data-valign="top" data-halign="stretch" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 407 <div class="cell_container" onclick="" content-id="41760_65478" private-id="46332_71536" overlay-hover="false"> 408 <div class="cell_content"> 409 <div class="part_1" data-text-transition="default"> 410 <div class="part_1_1"> 411 <div class="part_wrapper"> 412 <p><strong>Au cœur du quartier du Sablon </strong>, il est situé entre galeries d’art et antiquaires. A proximité vous pourrez retrouver les plus beaux panoramas bruxellois : <a href="">Grand-Place</a>, <a href="">la Place du Sablon</a>, le jardin du <a href="">Mont des Arts</a>, <a href="">le Manekeen-Pis</a>… Vous pourrez également aller à la découverte de célèbres musées de la ville tels que : Musée Magritte, <a href="">Belvue</a>, Musées des Beaux-arts. </p> </div> 413 </div> 414 </div> 415 </div> 416 </div> 417 </div> 418 </div> </div> 419 </div> 420 </div> 421 </div> 422 </div> 423 424 425 </div> 426 </div> 427 <footer id="page_footer" class=""> 428 <div id="row-footer-news" row-id="46410" row-code="footer-news" row-type="grille" desktop="true" mobile="true" animation="bottom" animation-duration="1000" animation-delay="0" animation-distance="100" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row light"> 429 <div class="page_row_background" > 430 <div class="page_row_overlay"> 431 <div class="page_row_content"> 432 <div class="page_row_grid grid_row" mobile="true" data-grid-reverse="none" data-grid-breakpoint="1" data-grid-type="2" data-grid-gutter="0" data-grid-gutter-mobile="0" data-grid-gutter-overall="0"> 433 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-footer-news-59305" class="grid_cell_wrapper with_text_1" grid-cell="footer-news-59305" private-id="46410-71617" data-valign="center" data-halign="stretch" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 434 <div class="cell_container" onclick="" content-id="footer-news_59305" private-id="46410_71617" overlay-hover="false"> 435 <div class="cell_content"> 436 <div class="part_1" data-text-transition="default"> 437 <div class="part_1_1"> 438 <div class="part_wrapper"> 439 <p><span style="color:#000000">INSCRIVEZ-VOUS À NOTRE NEWSLETTER<br /> 440pour recevoir nos dernières news, offres et meilleurs tarifs.</span></p> </div> 441 </div> 442 </div> 443 </div> 444 </div> 445 </div> 446 </div><div cell-index="2" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-footer-news-59304" class="grid_cell_wrapper with_text_1" grid-cell="footer-news-59304" private-id="46410-71618" data-valign="bottom" data-halign="stretch" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 447 <div class="cell_container" onclick="" content-id="footer-news_59304" private-id="46410_71618" overlay-hover="false"> 448 <div class="cell_content"> 449 <div class="part_1" data-text-transition="default"> 450 <div class="part_1_1"> 451 <div class="part_wrapper"> 452 <div class="news"><span style="color:#ffffff"> <div class="shortcode-newsletter-form-placeholder" button-label="" input-placeholder=""></div> 453 </span></div> </div> 454 </div> 455 </div> 456 </div> 457 </div> 458 </div> 459 </div>
459 </div> 460 </div> 461 </div> 462 </div> 463 </div> 464 465 <div id="row-footer-01" row-id="46411" row-code="footer-01" row-type="grille" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row dark"> 466 <div class="page_row_background" > 467 <div class="page_row_overlay"> 468 <div class="page_row_content"> 469 <div class="page_row_grid grid_row" mobile="true" data-grid-reverse="none" data-grid-breakpoint="1" data-grid-type="3" data-grid-gutter="0" data-grid-gutter-mobile="0" data-grid-gutter-overall="0"> 470 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-footer-01-53698" class="grid_cell_wrapper with_text_1" grid-cell="footer-01-53698" private-id="46411-71619" data-valign="top" data-halign="stretch" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 471 <div class="cell_container" onclick="" content-id="footer-01_53698" private-id="46411_71619" overlay-hover="false" cell-color="#ffffff"> 472 <div class="cell_content"> 473 <div class="part_1" data-text-transition="default"> 474 <div class="part_1_1"> 475 <div class="part_wrapper"> 476 <h3 style="font-size:1.2em;"><a href="https://www.9-hotel-sablon-brussels.be/fr/page/le-groupe-9-hotel.6103.html">LES ADRESSES DU GROUPE<br /> 4779HOTEL COLLECTION</a></h3> 478 479<table border="0" cellpadding="1" cellspacing="1"> 480 <tbody> 481 <tr> 482 <td><a href="http://www.9-hotel-opera-paris.fr/fr/">9Hotel Opéra </a></td> 483 <td><a href="http://www.9-hotel-sablon-brussels.be/fr">9Hotel Sablon </a></td> 484 </tr> 485 <tr> 486 <td><a href="http://www.9-hotel-bastille-lyon.fr/">9Hotel Bastille Lyon</a></td> 487 <td><a href="http://www.9-hotel-central-brussels.be/fr/">9Hotel Central</a> </td> 488 </tr> 489 <tr> 490 <td><a href="http://www.9-hotel-republique-paris.fr/fr/">9Hotel République </a></td> 491 <td><a href="http://www.9-hotel-mercy-lisbon.pt/fr/">9Hotel Mercy</a></td> 492 </tr> 493 <tr> 494 <td><a href="http://www.hotel-9confidentiel-paris.fr/fr">Hotel 9Confidentiel </a></td> 495 <td><a href="http://www.9-hotel-cesari-rome.it/fr/">9Hotel Cesàri</a> </td> 496 </tr> 497 <tr> 498 <td><a href="http://www.9-hotel-chelton-brussels.be/">9Hotel Chelton </a></td> 499 <td><a href="http://www.9-hotel-geneve-paquis.ch/fr/">9Hotel Pâquis</a> </td> 500 </tr> 501 <tr> 502 <td> </td> 503 <td> </td> 504 </tr> 505 </tbody> 506</table> 507 508<p><img alt="" src="https://hapi.mmcreation.com/hapidam/8b5f774e-1e40-4f4a-8d08-f77d2e0c1836/9hotel-sablon-hapiv2-004.png?size=lg" style="height:120px; width:95px" /></p> </div> 509 </div> 510 </div> 511 </div> 512 </div> 513 </div> 514 </div><div cell-index="2" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-footer-01-57251" class="grid_cell_wrapper with_text_1" grid-cell="footer-01-57251" private-id="46411-71620" data-valign="center" data-halign="center" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 515 <div class="cell_container" onclick="" content-id="footer-01_57251" private-id="46411_71620" overlay-hover="false" cell-color="#ffffff"> 516 <div class="cell_content"> 517 <div class="part_1" data-text-transition="default"> 518 <div class="part_1_1"> 519 <div class="part_wrapper"> 520 <p style="text-align: center;"><img alt="" src="https://hapi.mmcreation.com/hapidam/dc1d3516-916f-4025-8761-a17bc97f4571/9hotel-sablons-logo-white-transparent.png.png" style="height:186px; width:300px" /></p> </div> 521 </div> 522 </div> 523 </div> 524 </div> 525 </div> 526 </div><div cell-index="3" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-footer-01-53699" class="grid_cell_wrapper with_text_1" grid-cell="footer-01-53699" private-id="46411-71621" data-valign="top" data-halign="stretch" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 527 <div class="cell_container" onclick="" content-id="footer-01_53699" private-id="46411_71621" overlay-hover="false" cell-color="#ffffff"> 528 <div class="cell_content"> 529 <div class="part_1" data-text-transition="default"> 530 <div class="part_1_1"> 531 <div class="part_wrapper"> 532 <h3 style="text-align: right; font-size:1.2em;">CONTACT</h3> 533 534<p style="text-align: right; font-size: 1.2em;">Rue de la Paille, 2<br /> 5351000, Bruxelles</p> 536 537<p style="text-align: right; font-size: 1.2em;"><a href="tel:+3228800701">+32 2 880 07 01</a><br /> 538<a href="mailto:[email protected]" target="_blank">[email protected]</a><br /> 539<a href="https://www.facebook.com/9HOTELSABLON" target="_blank"><span class="fa-facebook fab"></span></a> <a href="https://www.instagram.com/9hotel_brussels?igsh=MXgzYndxY3R3MjM4Ng%3D%3D&utm_source=qr" target="_blank"><span class="fa-instagram fab"></span></a> <a href="https://www.linkedin.com/company/9hotel-collection/?viewAsMember=true"><span class="fa-linkedin fab"></span></a></p> 540 541<p> </p> </div> 542 </div> 543 </div> 544 </div> 545 </div> 546 </div> 547 </div>
547 </div> 548 </div> 549 </div> 550 </div> 551 </div> 552 553 <div id="row-43025" row-id="46412" row-code="43025" row-type="grille" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row dark"> 554 <div class="page_row_background" > 555 <div class="page_row_overlay"> 556 <div class="page_row_content"> 557 <div class="page_row_grid grid_row" mobile="true" data-grid-reverse="none" data-grid-breakpoint="1" data-grid-type="1" data-grid-gutter="0" data-grid-gutter-mobile="0" data-grid-gutter-overall="0"> 558 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-43025-67113" class="grid_cell_wrapper with_text_1" grid-cell="43025-67113" private-id="46412-71622" data-valign="top" data-halign="stretch" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="" data-mobile-button-align="" data-row-level="1"> 559 <div class="cell_container" onclick="" content-id="43025_67113" private-id="46412_71622" overlay-hover="false"> 560 <div class="cell_content"> 561 <div class="part_1" data-text-transition="default"> 562 <div class="part_1_1"> 563 <div class="part_wrapper"> 564 <p style="text-align: center;"><a href="http://www.9-hotel-collection.com/"><span style="color:#ffffff">Cet hôtel est membre du groupe 9Hotel Collection</span></a> 565</p> 566<p style="text-align: center;"><a href="https://www.9-hotel-sablon-brussels.be/fr/page/salons-professionnels.6102.html"><span style="color:#ffffff"><span style="font-size:11.2px">SALONS PROFESSIONNNELS</span></span></a><span style="color:#ffffff; font-family:inherit; font-size:1em; font-weight:inherit; letter-spacing:inherit"><span style="font-size:0.7em"> </span></span> 567</p> 568<p style="text-align: center;"><a href="https://www.9-hotel-sablon-brussels.be/fr/page/hotel-belgique-saint-valentin.20359.html"><span style="color:#ffffff"><span style="font-size:11.2px">HÔTEL POUR LA SAINT-VALENTIN</span></span></a><span style="color:#ffffff; font-family:inherit; font-size:1em; font-weight:inherit; letter-spacing:inherit"><span style="font-size:0.7em"></span></span> 569</p> 570<p style="text-align: center;"><a href="https://www.9-hotel-sablon-brussels.be/fr/page/hotel-pour-sejour-romantique-bruxelles.20360.html"><span style="color:#ffffff"><span style="font-size:11.2px">HÔTEL POUR UN WEEK-END EN AMOUREUX</span></span></a><span style="color:#ffffff; font-family:inherit; font-size:1em; font-weight:inherit; letter-spacing:inherit"><span style="font-size:0.7em"></span></span> 571</p> 572<p style="text-align: center;"><a href="https://www.9-hotel-sablon-brussels.be/fr/page/week-end-bruxelles.20145.html"><span style="color:#ffffff"><span style="font-size:11.2px">HÔTEL POUR UN WEEK-END À BRUXELLES</span></span></a><span style="color:#ffffff; font-family:inherit; font-size:1em; font-weight:inherit; letter-spacing:inherit"><span style="font-size:0.7em"></span></span> 573</p> 574<p style="text-align: center;"><span style="color:#ffffff; font-family:inherit; font-size:1em; font-weight:inherit; letter-spacing:inherit"><span style="font-size:0.7em">AMADEUS : FG BRU9HS. GALILEO : FG C3299. SABRE : FG 47568. WORLDSPAN : FG BRU9S.</span></span> 575</p> 576<p style="text-align: center;"><sub><a href="https://www.9-hotel-sablon-brussels.be/fr/page/mentions-legales.6105.html"><span style="color:#ffffff">MENTIONS LÉGALES </span></a><span style="color:#ffffff">.</span><a href="https://www.9-hotel-sablon-brussels.be/fr/page/cgv.6096.html"><span style="color:#ffffff">CGV</span></a><span style="color:#ffffff">. </span><a href="https://www.9-hotel-sablon-brussels.be/fr/page/politique-de-confidentialite.6117.html"><span style="color:#ffffff">POLITIQUE DE CONFIDENTIALITE</span></a><span style="color:#ffffff"> </span><a href="javascript:klaro.show();void(0);" ><span style="color:#ffffff">. COOKIES</span></a><span style="color:#ffffff">. </span><a href="http://www.agenceweb-sitehotel.com/" target="_blank"><span style="color:#ffffff">HAPI </span></a><span style="color:#ffffff">POWERED BY </span><a href="https://www.mmcreation.com/" target="_blank"><span style="color:#ffffff">MMCREATION</span></a><span style="color:#ffffff">. </span></sub> 577</p> </div> 578 </div> 579 </div> 580 </div> 581 </div> 582 </div> 583 </div>
583 </div> 584 </div> 585 </div> 586 </div> 587 </div> 588 589 590 </footer> 591 </div> 592 <!-- FSPANEL CONTENT --> 593 <div class="fsPanel" data-status="loading" data-iframe="false" id="fspanel-721" data-k="721" data-code="menu-panneau" data-ctx-type="" data-ctx-code=""> 594 <div class="fsPanel-backdrop" onclick=""></div> 595 <div class="fsPanel-content-panel"> 596 <div 597 class="fsPanel-trigger" 598 data-align="none" 599 > 600 <i class="far fa-times"></i> 601 </div> 602 <div 603 class="fsPanel-content-wrapper" 604 data-align="top,left" 605 data-mobile-align="top,left" 606 > 607 <div class="fsPanel-content"> 608 <p style="text-align: center;"><img alt="" src="https://hapi.mmcreation.com/hapidam/dc1d3516-916f-4025-8761-a17bc97f4571/9hotel-sablons-logo-white-transparent.png.png" style="height:124px; width:200px" /></p> 609 610<p><div id="mod_navbar--menu-panneau" class="module_wrapper" code="menu-panneau" module="navbar" template="list" skin="_default"> 611 <ul><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class="mobile-icon " href="https://www.9-hotel-sablon-brussels.be/fr/page/chambres.6118.html"><i class="navbar-icon-prepend far fa-bed"></i> CHAMBRES</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class="mobile-icon " href="https://www.9-hotel-sablon-brussels.be/fr/page/services.6120.html"><i class="navbar-icon-prepend far fa-concierge-bell"></i> SERVICES</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class="mobile-icon " href="https://www.9-hotel-sablon-brussels.be/fr/page/photos.6344.html"><i class="navbar-icon-prepend far fa-photo-video"></i> GALERIE</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class="mobile-icon " href="https://www.9-hotel-sablon-brussels.be/fr/page/offres-speciales.6106.html"><i class="navbar-icon-prepend fal fa-badge-percent"></i> OFFRES</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class="mobile-icon " href="https://www.9-hotel-sablon-brussels.be/fr/page/activites-tourisme.6095.html"><i class="navbar-icon-prepend fal fa-archway"></i> TOURISME</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class="mobile-icon " href="https://www.9-hotel-sablon-brussels.be/fr/page/entreprises-et-groupes.6098.html"><i class="navbar-icon-prepend fal fa-computer-speaker"></i> GROUPES & BUSINESS</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class="mobile-icon " href="https://www.9-hotel-sablon-brussels.be/fr/collection/rse.9935.html#backlink:collection-9935"><i class="navbar-icon-prepend far fa-leaf"></i> NOS ENGAGEMENTS</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class="mobile-icon active" href="https://www.9-hotel-sablon-brussels.be/fr/page/contact-reservations-hotel.6097.html"><i class="navbar-icon-prepend far fa-phone"></i> CONTACT</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class=" " href="https://www.9-hotel-sablon-brussels.be/"><i class="navbar-icon-prepend fal fa-home"></i> </a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class=" " href="tel:+3228800701"><i class="navbar-icon-prepend fal fa-phone"></i> </a></li><li data-type="booking-menu" data-visible="both" data-dropdown="false"><a id="" class="BookingTrigger reservation-button " href="#"> RÃSERVER</a></li><li data-type="language-menu" data-visible="both" data-dropdown="false"><a id="" class="active" href="https://www.9-hotel-sablon-brussels.be/fr/page/contact-reservations-hotel.6097.html"><i class="far fa-globe"></i> Langues</a><ul><li><a id="" class="active" href="https://www.9-hotel-sablon-brussels.be/fr/page/contact-reservations-hotel.6097.html"> FR</a></li><li><a id="" class="" href="https://www.9-hotel-sablon-brussels.be/en/page/contact.6097.html"> EN</a></li><li><a id="" class="" href="https://www.9-hotel-sablon-brussels.be/nl/page/kontakt.6097.html"> NL</a></li></ul></li></ul></div></p> </div> 612 </div> 613 </div> 614</div> 615<style> 616@charset "UTF-8"; 617/* ---------- MIXINS_START ---------- */ 618/* COLORS */ 619/* Cette feuille de style n'est valable UNIQUEMENT pour 9HOTEL SABLON */ 620/* LIGHT TON |Â couleur claire */ 621/* MEDIUM TON | couleur mi-clair mi-sombre */ 622/* HIGH/BOLD TON | couleur sombre */
623/* Situational color | Other color */ 624/* DEFAULT black */ 625.label-content:hover { 626 color: white; 627} 628.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="default"].active > .nav-link.react .label, .tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="default"]:hover > a.nav-link.react .label { 629 color: white; 630} 631/* ---------- MIXINS_END ------------ */ 632.debug { 633 animation: left; 634} 635.debug2 { 636 content-animation: left; 637 animation: left; 638} 639.fsPanel#fspanel-721 .fsPanel-backdrop { 640 background-color: #7a5404; 641 opacity: 1; 642 transform: translateX(-100%); 643 transition: transform ease-in-out 0.5s; 644} 645.fsPanel#fspanel-721.active .fsPanel-backdrop { 646 opacity: 1; 647 transform: translate(0, 0); 648} 649.fsPanel#fspanel-721 .fsPanel-trigger { 650 cursor: pointer; 651} 652.fsPanel#fspanel-721 > .fsPanel-content-panel > .fsPanel-trigger { 653 position: absolute; 654 z-index: 10; 655} 656.fsPanel#fspanel-721 > .fsPanel-content-panel > .fsPanel-trigger i { 657 display: inline-block; 658 font-style: normal; 659 font-size: 2em; 660 background: #ffffff; 661 color: #000000; 662 border-radius: 50%; 663 width: 1.2em; 664 height: 1.2em; 665 line-height: 1.2em; 666 text-align: center; 667} 668.fsPanel#fspanel-721 > .fsPanel-content-panel > .fsPanel-trigger[data-align="none"] { 669 display: none; 670} 671.fsPanel#fspanel-721 > .fsPanel-content-panel > .fsPanel-trigger[data-align="topleft"] { 672 display: block; 673 top: 0em; 674 left: 0em; 675 bottom: unset; 676 right: unset; 677} 678.fsPanel#fspanel-721 > .fsPanel-content-panel > .fsPanel-trigger[data-align="topright"] { 679 display: block; 680 top: 0em; 681 right: 0em; 682 bottom: unset; 683 left: unset; 684} 685.fsPanel#fspanel-721 > .fsPanel-content-panel > .fsPanel-trigger[data-align="bottomleft"] { 686 display: block; 687 bottom: 0em; 688 left: 0em; 689 top: unset; 690 right: unset; 691} 692.fsPanel#fspanel-721 > .fsPanel-content-panel > .fsPanel-trigger[data-align="bottomright"] { 693 display: block; 694 bottom: 0em; 695 right: 0em; 696 top: unset; 697 left: unset; 698} 699.fsPanel#fspanel-721 .fsPanel-content-panel { 700 width: 100%; 701 height: 100%; 702 opacity: 1; 703 transform: translateX(-100%); 704 transition: transform ease-in-out 0.5s; 705} 706.fsPanel#fspanel-721.active .fsPanel-content-panel { 707 opacity: 1; 708 transform: translate(0, 0); 709} 710.fsPanel#fspanel-721 .fsPanel-content-wrapper { 711 width: calc(100%); 712 max-width: calc(100% - 0em); 713 min-height: calc(100% - 0em); 714 max-height: calc(100% - 0em); 715 color: #ffffff; 716 padding-top: 0em; 717 padding-right: 0em; 718 padding-bottom: 0em; 719 padding-left: 0em; 720 margin-top: 0em; 721 margin-right: 0em; 722 margin-bottom: 0em; 723 margin-left: 0em; 724} 725.fsPanel#fspanel-721 .fsPanel-content-wrapper[data-align="center,center"] { 726 top: 50%; 727 left: 50%; 728 transform: translate(calc(-50% - 0em), calc(-50% - 0em)); 729} 730.fsPanel#fspanel-721 .fsPanel-content-wrapper[data-align="center,left"] { 731 top: 50%; 732 left: 0; 733 transform: translateY(calc(-50% - 0em)); 734} 735.fsPanel#fspanel-721 .fsPanel-content-wrapper[data-align="center,right"] { 736 top: 50%; 737 right: 0; 738 transform: translateY(calc(-50% - 0em)); 739} 740.fsPanel#fspanel-721 .fsPanel-content-wrapper[data-align="top,center"] { 741 top: 0; 742 left: 50%; 743 transform: translateX(calc(-50% - 0em)); 744} 745.fsPanel#fspanel-721 .fsPanel-content-wrapper[data-align="bottom,center"] { 746 bottom: 0; 747 left: 50%; 748 transform: translateX(calc(-50% - 0em)); 749} 750.fsPanel#fspanel-721 .fsPanel-content-wrapper[data-align="top,left"] { 751 top: 0; 752 left: 0; 753} 754.fsPanel#fspanel-721 .fsPanel-content-wrapper[data-align="top,right"] { 755 top: 0; 756 right: 0; 757} 758.fsPanel#fspanel-721 .fsPanel-content-wrapper[data-align="bottom,left"] { 759 bottom: 0; 760 left: 0; 761} 762.fsPanel#fspanel-721 .fsPanel-content-wrapper[data-align="bottom,right"] { 763 bottom: 0; 764 right: 0; 765} 766@media (-ms-high-contrast: none) { 767 .fsPanel#fspanel-721 { 768 /* IE10 */ 769 /* IE11 */ 770 } 771 .fsPanel#fspanel-721 .fsPanel-content-wrapper { 772 top: 0 !important; 773 left: 0 !important; 774 bottom: 0 !important; 775 right: 0 !important; 776 transform: unset !important; 777 } 778 .fsPanel#fspanel-721 *::-ms-backdrop, .fsPanel#fspanel-721 .fsPanel-content-wrapper { 779 top: 0 !important; 780 left: 0 !important; 781 bottom: 0 !important; 782 right: 0 !important; 783 transform: unset !important; 784 } 785} 786@media screen and (max-width: 980px) { 787 .fsPanel#fspanel-721 .fsPanel-content-wrapper { 788 padding-top: 3em; 789 padding-right: 0em; 790 padding-bottom: 0em; 791 padding-left: 0em; 792 margin-top: 0em; 793 margin-right: 0em; 794 margin-bottom: 0em; 795 margin-left: 0em; 796 width: calc(100%); 797 max-width: calc(100% - 0em); 798 min-height: calc(100% - 0em); 799 max-height: calc(100% - 0em); 800 } 801 .fsPanel#fspanel-721 .fsPanel-content-wrapper[data-mobile-align] { 802 top: initial; 803 bottom: initial; 804 left: initial; 805 right: initial; 806 transform: none; 807 } 808 .fsPanel#fspanel-721 .fsPanel-content-wrapper[data-mobile-align="center,center"] { 809 top: 50%; 810 left: 50%; 811 transform: translate(calc(-50% - 0em), calc(-50% - 0em)); 812 } 813 .fsPanel#fspanel-721 .fsPanel-content-wrapper[data-mobile-align="center,left"] { 814 top: 50%; 815 left: 0; 816 transform: translateY(calc(-50% - 0em)); 817 } 818 .fsPanel#fspanel-721 .fsPanel-content-wrapper[data-mobile-align="center,right"] { 819 top: 50%; 820 right: 0; 821 transform: translateY(calc(-50% - 0em)); 822 } 823 .fsPanel#fspanel-721 .fsPanel-content-wrapper[data-mobile-align="top,center"] { 824 top: 0; 825 left: 50%; 826 transform: translateX(calc(-50% - 0em)); 827 } 828 .fsPanel#fspanel-721 .fsPanel-content-wrapper[data-mobile-align="bottom,center"] { 829 bottom: 0; 830 left: 50%; 831 transform: translateX(calc(-50% - 0em)); 832 } 833 .fsPanel#fspanel-721 .fsPanel-content-wrapper[data-mobile-align="top,left"] { 834 top: 0; 835 left: 0; 836 } 837 .fsPanel#fspanel-721 .fsPanel-content-wrapper[data-mobile-align="top,right"] { 838 top: 0; 839 right: 0; 840 } 841 .fsPanel#fspanel-721 .fsPanel-content-wrapper[data-mobile-align="bottom,left"] { 842 bottom: 0; 843 left: 0; 844 } 845 .fsPanel#fspanel-721 .fsPanel-content-wrapper[data-mobile-align="bottom,right"] { 846 bottom: 0; 847 right: 0; 848 } 849} 850@media screen and (max-width: 980px) and (-ms-high-contrast: none) { 851 .fsPanel#fspanel-721 { 852 /* IE10 */ 853 /* IE11 */ 854 } 855 .fsPanel#fspanel-721 .fsPanel-content-wrapper { 856 top: 0 !important; 857 left: 0 !important; 858 bottom: 0 !important; 859 right: 0 !important; 860 transform: unset !important; 861 } 862 .fsPanel#fspanel-721 *::-ms-backdrop, .fsPanel#fspanel-721 .fsPanel-content-wrapper { 863 top: 0 !important; 864 left: 0 !important; 865 bottom: 0 !important; 866 right: 0 !important; 867 transform: unset !important; 868 } 869} 870@media screen and (max-width: 640px) { 871 .fsPanel#fspanel-721 .fsPanel-content-wrapper { 872 width: calc(100%); 873 min-height: calc(100% - 0em); 874 } 875} 876.fsPanel#fspanel-721 .fsPanel-content a { 877 color: #ffffff; 878} 879.fsPanel#fspanel-721 .fsPanel-content a:hover {
880 color: #7a5404; 881} 882.fsPanel#fspanel-721 .fsPanel-content p.surtitre, .fsPanel#fspanel-721 .fsPanel-content p, .fsPanel#fspanel-721 .fsPanel-content ul, .fsPanel#fspanel-721 .fsPanel-content ol { 883 color: #ffffff; 884 font-family: GillSansMTPro, sans-serif; 885 font-size: 1.5em; 886} 887.fsPanel#fspanel-721 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-721 .fsPanel-content p.surtitre p, .fsPanel#fspanel-721 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-721 .fsPanel-content p ul, .fsPanel#fspanel-721 .fsPanel-content p p, .fsPanel#fspanel-721 .fsPanel-content p ol, .fsPanel#fspanel-721 .fsPanel-content ul ul, .fsPanel#fspanel-721 .fsPanel-content ul p, .fsPanel#fspanel-721 .fsPanel-content ul ol, .fsPanel#fspanel-721 .fsPanel-content ol ul, .fsPanel#fspanel-721 .fsPanel-content ol p, .fsPanel#fspanel-721 .fsPanel-content ol ol { 888 font-size: 1em; 889} 890.fsPanel#fspanel-721 .fsPanel-content p.surtitre { 891 font-size: 0.7em; 892} 893.fsPanel#fspanel-721 .fsPanel-content h1, .fsPanel#fspanel-721 .fsPanel-content .h1, .fsPanel#fspanel-721 .fsPanel-content h2, .fsPanel#fspanel-721 .fsPanel-content .h2, .fsPanel#fspanel-721 .fsPanel-content h3, .fsPanel#fspanel-721 .fsPanel-content .h3, .fsPanel#fspanel-721 .fsPanel-content h4, .fsPanel#fspanel-721 .fsPanel-content .h4, .fsPanel#fspanel-721 .fsPanel-content h5, .fsPanel#fspanel-721 .fsPanel-content .h5, .fsPanel#fspanel-721 .fsPanel-content h6, .fsPanel#fspanel-721 .fsPanel-content .h6 { 894 color: #ffffff; 895 font-family: GillSansMTPro, sans-serif; 896 font-size: 1em; 897} 898@media screen and (max-width: 980px) { 899 .fsPanel#fspanel-721 .fsPanel-content p.surtitre, .fsPanel#fspanel-721 .fsPanel-content p, .fsPanel#fspanel-721 .fsPanel-content ul, .fsPanel#fspanel-721 .fsPanel-content ol { 900 font-size: 1.5em; 901 } 902 .fsPanel#fspanel-721 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-721 .fsPanel-content p.surtitre p, .fsPanel#fspanel-721 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-721 .fsPanel-content p ul, .fsPanel#fspanel-721 .fsPanel-content p p, .fsPanel#fspanel-721 .fsPanel-content p ol, .fsPanel#fspanel-721 .fsPanel-content ul ul, .fsPanel#fspanel-721 .fsPanel-content ul p, .fsPanel#fspanel-721 .fsPanel-content ul ol, .fsPanel#fspanel-721 .fsPanel-content ol ul, .fsPanel#fspanel-721 .fsPanel-content ol p, .fsPanel#fspanel-721 .fsPanel-content ol ol { 903 font-size: 1em; 904 } 905 .fsPanel#fspanel-721 .fsPanel-content p.surtitre { 906 font-size: 1.05em; 907 } 908 .fsPanel#fspanel-721 .fsPanel-content h1, .fsPanel#fspanel-721 .fsPanel-content .h1, .fsPanel#fspanel-721 .fsPanel-content h2, .fsPanel#fspanel-721 .fsPanel-content .h2, .fsPanel#fspanel-721 .fsPanel-content h3, .fsPanel#fspanel-721 .fsPanel-content .h3, .fsPanel#fspanel-721 .fsPanel-content h4, .fsPanel#fspanel-721 .fsPanel-content .h4, .fsPanel#fspanel-721 .fsPanel-content h5, .fsPanel#fspanel-721 .fsPanel-content .h5, .fsPanel#fspanel-721 .fsPanel-content h6, .fsPanel#fspanel-721 .fsPanel-content .h6 { 909 font-size: 1.5em; 910 } 911} 912@media screen and (max-width: 640px) { 913 .fsPanel#fspanel-721 .fsPanel-content p.surtitre, .fsPanel#fspanel-721 .fsPanel-content p, .fsPanel#fspanel-721 .fsPanel-content ul, .fsPanel#fspanel-721 .fsPanel-content ol { 914 font-size: 1em; 915 } 916 .fsPanel#fspanel-721 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-721 .fsPanel-content p.surtitre p, .fsPanel#fspanel-721 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-721 .fsPanel-content p ul, .fsPanel#fspanel-721 .fsPanel-content p p, .fsPanel#fspanel-721 .fsPanel-content p ol, .fsPanel#fspanel-721 .fsPanel-content ul ul, .fsPanel#fspanel-721 .fsPanel-content ul p, .fsPanel#fspanel-721 .fsPanel-content ul ol, .fsPanel#fspanel-721 .fsPanel-content ol ul, .fsPanel#fspanel-721 .fsPanel-content ol p, .fsPanel#fspanel-721 .fsPanel-content ol ol { 917 font-size: 1em; 918 } 919 .fsPanel#fspanel-721 .fsPanel-content p.surtitre { 920 font-size: 0.7em; 921 } 922 .fsPanel#fspanel-721 .fsPanel-content h1, .fsPanel#fspanel-721 .fsPanel-content .h1, .fsPanel#fspanel-721 .fsPanel-content h2, .fsPanel#fspanel-721 .fsPanel-content .h2, .fsPanel#fspanel-721 .fsPanel-content h3, .fsPanel#fspanel-721 .fsPanel-content .h3, .fsPanel#fspanel-721 .fsPanel-content h4, .fsPanel#fspanel-721 .fsPanel-content .h4, .fsPanel#fspanel-721 .fsPanel-content h5, .fsPanel#fspanel-721 .fsPanel-content .h5, .fsPanel#fspanel-721 .fsPanel-content h6, .fsPanel#fspanel-721 .fsPanel-content .h6 { 923 font-size: 1em; 924 } 925} 926</style> 927 <style> 928 @charset "UTF-8"; 929 930.fsPanel#fspanel-721 { 931 z-index: 499; 932 /*li[data-type="language-menu"]::before{ 933content:""; 934width: 100%; 935height: 2px; 936background:#fff; 937display: flex; 938margin-top: 21px; 939}*/ 940 /*li[data-type="default"]{ 941line-height:1.7em; 942a{ 943position: relative; 944top: 5px; 945} 946}*/ 947} 948.fsPanel#fspanel-721 ul { 949 -webkit-padding-start: 0; 950} 951.fsPanel#fspanel-721 ul li { 952 list-style: none; 953 line-height: 1.5em; 954 letter-spacing: 0.1em; 955} 956@media screen and (max-width: 980px) { 957 .fsPanel#fspanel-721 ul li { 958 font-size: 1em; 959 } 960} 961.fsPanel#fspanel-721 a { 962 text-decoration: none; 963} 964.fsPanel#fspanel-721 li[data-type="booking-menu"] { 965 display: none; 966} 967.fsPanel#fspanel-721 ul:nth-of-type(1) li[data-type="language-menu"] > .active { 968 display: none !important; 969} 970.fsPanel#fspanel-721 li[data-type="language-menu"] { 971 border-top: 1px solid #fff; 972} 973.fsPanel#fspanel-721 li[data-type="language-menu"] ul { 974 display: flex; 975 justify-content: space-around; 976 margin-top: 10px; 977 margin: auto; 978 width: 40%; 979} 980.fsPanel#fspanel-721 li[data-type="language-menu"] ul li { 981 font-size: 1em; 982} 983.fsPanel#fspanel-721 .module_wrapper ul li[data-type="default"] { 984 border-top: 1px solid #fff; 985} 986.fsPanel#fspanel-721 .module_wrapper ul li[data-type="default"] a { 987 line-height: 1.7em; 988 position: relative; 989 top: 5px; 990 padding-left: 24px; 991} 992.fsPanel#fspanel-721 .module_wrapper ul li:nth-child(9) { 993 display: none; 994} 995.fsPanel#fspanel-721 .module_wrapper ul li:nth-child(8) { 996 display: none; 997} 998.fsPanel#fspanel-721 .fsPanel-content { 999 width: 100%; 1000} 1001 </style> 1002 <div class="fsPanel-lazy-placeholder"></div> 1003 <div class="bppContainer-backdrop"> 1004 <div class="bppContainer-wrapper"> 1005 <div class="bppContainer"></div> 1006 </div> 1007 </div> 1008 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/fa.css?v=9410353b4d832519bec8dd26fbf7794f38647213"> 1009 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.css?v=9410353b4d832519bec8dd26fbf7794f38647213" /> 1010 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.00.essentials.css?v=9410353b4d832519bec8dd26fbf7794f38647213" /> 1011 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.01.extra.css?v=9410353b4d832519bec8dd26fbf7794f38647213" /> 1012 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.02.intl-tel-input.css?v=9410353b4d832519bec8dd26fbf7794f38647213" /> 1013 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.10.bxslider.css?v=9410353b4d832519bec8dd26fbf7794f38647213" /> 1014 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.10.fancybox.css?v=9410353b4d832519bec8dd26fbf7794f38647213" /> 1015 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.10.vegas.css?v=9410353b4d832519bec8dd26fbf7794f38647213" /> 1016 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.20.hapi-core.css?v=9410353b4d832519bec8dd26fbf7794f38647213" /> 1017 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.30.gmap-leaflet.css?v=9410353b4d832519bec8dd26fbf7794f38647213" /> 1018 <link rel="stylesheet" media="screen" href="https://www.9-hotel-sablon-brussels.be/assets/dist/_c433_css.css?uuid=9410353b4d832519bec8dd26fbf7794f38647213_1791361286" /> 1019 1020 <!--HAPI-MOVE-TO-BOTTOM:CSS--> 1021<style > 1022 @charset "UTF-8"; 1023 1024.tophat-bar[data-tophat-key="navbar-menu-scroll"] { 1025 /*.label{ 1026margin-right:19px !important; 1027}*/ 1028} 1029.tophat-bar[data-tophat-key="navbar-menu-scroll"] .fa-home:before { 1030 font-size: 140% !important; 1031} 1032@media screen and (min-width: 981px) { 1033 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .mobile-icon .navbar-icon-prepend { 1034 display: none !important; 1035 } 1036} 1037@media screen and (max-width: 980px) { 1038 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part[data-tophat-align="middle"] .nav-item a .label { 1039 display: none; 1040 } 1041 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part[data-tophat-align="right"] .LanguageMenu { 1042 display: none; 1043 } 1044} 1045.tophat-bar[data-tophat-key="navbar-menu-scroll"] .BookingTrigger { 1046 margin-right: 0em !important; 1047} 1048.tophat-bar[data-tophat-key="navbar-menu-scroll"] a .label { 1049 border-top: 3px solid transparent; 1050 border-bottom: 3px solid transparent; 1051} 1052.tophat-bar[data-tophat-key="navbar-menu-scroll"] a:hover .label { 1053 border-bottom: 3px solid #fff; 1054} 1055@media screen and (max-width: 980px) { 1056 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .fa-phone { 1057 font-size: 130% !important; 1058 } 1059 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .fa-calendar-alt { 1060 font-size: 130% !important; 1061 } 1062 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-logo { 1063 margin-left: 0.8em !important; 1064 } 1065 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .BookingTrigger .label { 1066 padding-left: 1.3em !important; 1067 padding-right: 1.3em !important; 1068 } 1069 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .nav-item-16, .tophat-bar[data-tophat-key="navbar-menu-scroll"] .nav-item-17 { 1070 border-left: 1px solid #fff; 1071 margin-right: 0px !important; 1072 } 1073 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .nav-item-16 .label, .tophat-bar[data-tophat-key="navbar-menu-scroll"] .nav-item-17 .label { 1074 padding-left: 1.3em !important; 1075 padding-right: 1.3em !important; 1076 } 1077} 1078.tophat-bar[data-tophat-key="navbar-menu-scroll"] .covid i { 1079 /*Transférer l'icône en médiathèque pour chacun des sites 9hotel & ensuite changer l'url de l'icone ci dessous à chaque fois*/ 1080 background: url("https://hapi.mmcreation.com/media/433/Pictos/big-covid-9hotel-white-50.png"); 1081 width: 25px; 1082 /*pour de l'affichage rétina, il faut que les tailles de l'icône soient du double de la taille qui sera affichée. 1083 Donc si on veut afficher en 25x25px, l'icône devra faire 50x50px.*/ 1084 height: 25px; 1085 background-size: contain; 1086 position: relative; 1087 top: 2px; 1088 vertical-align: middle; 1089 margin-top: -6px; 1090} 1091.tophat-bar[data-tophat-key="navbar-menu-scroll"] .covid i:before { 1092 display: none; 1093 /*On masque l'affichage de l'icône de base*/ 1094} 1095 </style> 1096<style >.label-content:hover{color:white}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="default"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="default"]:hover>a.nav-link.react .label{color:white}.tophat-bar[data-tophat-key="navbar-menu-scroll"]{margin:0px 0 0px;font-family:GillSansMTPro, sans-serif;text-transform:inherit;background:rgba(122, 84, 4, 0.89);color:#ffffff;font-size:1em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"]{margin-top:0px;margin-bottom:0px}}@media screen and (max-width:1200px){.tophat-bar[data-tophat-key="navbar-menu-scroll"]{font-size:1em}}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"]{font-size:1em}}@media screen and (max-width:640px){.tophat-bar[data-tophat-key="navbar-menu-scroll"]{font-size:1em}}.tophat-bar[data-tophat-key="navbar-menu-scroll"].init{height:4.5em}@media (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"].init{height:3.5em}}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="desktop"],.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]{margin:0 0.3em}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span{top:0.5em}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span img,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span svg,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span img,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span svg{max-width:3.5em;max-height:3.5em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="desktop"],.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]{margin:0 0.5em}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span{top:0.3em}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span img,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span svg,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span img,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span svg{max-width:3em;max-height:3em}}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]{display:none !important}}@media screen and (min-width:981px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]{display:none !important}}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[screen="desktop"]{display:none !important}}@media screen and (min-width:981px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[screen="mobile"]{display:none !important}}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part[data-tophat-align="left"] .nav-item{margin-left:0.3em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part[data-tophat-align="left"] .nav-item{margin-left:0.5em}}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part[data-tophat-align="middle"] .nav-item{margin-left:0.15em;margin-right:0.15em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part[data-tophat-align="middle"] .nav-item{margin-left:0.25em;margin-right:0.25em}}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part[data-tophat-align="right"] .nav-item{margin-right:0.3em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part[data-tophat-align="right"] .nav-item{margin-right:0.5em}}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item>.nav-link .label{padding-left:0.8em;padding-right:0.8em;font-weight:400;letter-spacing:0em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item{margin-left:0.25em;margin-right:0.25em}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item>.nav-link .label{padding-left:0.8em;padding-right:0.8em}}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="default"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="default"]:hover>a.nav-link.react .label{color:#7A5404}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="underline"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="underline"]:hover>a.nav-link.react .label{color:#7A5404;border-bottom-color:#7A5404}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="background"]>.nav-link .label{color:#d99f40;background:#f0e1bd;pad
1096ding-left:1.6em;padding-right:1.6em;border:0px solid #7a5404}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="background"]>.nav-link .label .label-content{font-family:GillSansMTPro, sans-serif;font-size:1em;font-weight:500;letter-spacing:0em}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="background"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="background"]:hover>a.nav-link.react .label{color:#ffffff;background:#d99f40;border-color:#7a5404}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="background"]>.nav-link .label{padding-left:1em;padding-right:1em}}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="background-alt"]>.nav-link .label{color:#ffffff;background:#7a9bd4;padding-left:1em;padding-right:1em;border:0px solid #2a56a6}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="background-alt"]>.nav-link .label .label-content{font-family:GillSansMTPro, sans-serif;font-size:1em;font-weight:600;letter-spacing:0em}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="background-alt"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="background-alt"]:hover>a.nav-link.react .label{color:#ffffff;background:#7a9bd4;border-color:#7a9bd4}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="background-alt"]>.nav-link .label{padding-left:1em;padding-right:1em}}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin^="button"]>.nav-link .label{color:#d99f40;background:#f0e1bd;padding-top:0.5em;padding-bottom:0.5em;padding-left:1.6em;padding-right:1.6em;border:0px solid #7a5404}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin^="button"]>.nav-link .label .label-content{font-family:GillSansMTPro, sans-serif;font-size:1em;font-weight:500;letter-spacing:0em}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin^="button"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin^="button"]:hover>a.nav-link.react .label{color:#ffffff;background:#d99f40;border-color:#7a5404}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin^="button"]>.nav-link .label{padding-top:0.5em;padding-bottom:0.5em;padding-left:1em;padding-right:1em}}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"]>.nav-link .label{color:#ffffff;background:#7a9bd4;padding-top:0.5em;padding-bottom:0.5em;padding-left:1em;padding-right:1em;border:0px solid #2a56a6}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"]>.nav-link .label .label-content{font-family:GillSansMTPro, sans-serif;font-size:1em;font-weight:600;letter-spacing:0em}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"]:hover>a.nav-link.react .label{color:#ffffff;background:#7a9bd4;border-color:#7a9bd4}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"]>.nav-link .label{padding-top:0.5em;padding-bottom:0.5em;padding-left:1em;padding-right:1em}}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="split"]:hover .nav-dropdown[data-tophat-skin="split"] li:hover a{color:#7A5404}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"]{background:#ffffff}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li>*{font-family:inherit;font-size:1em;font-weight:400;letter-spacing:0em}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li>a{background:#ffffff;color:#222222}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li>a:hover{background:#2a56a6;color:#ffffff}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li.active>a,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li.hover>a{background:#2a56a6;color:#ffffff}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"]{background:#ffffff}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li>*{font-family:inherit;font-size:1em;font-weight:400;letter-spacing:0em}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li>a{background:#ffffff;color:#222222}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li>a:hover,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li>a:focus{background:#2a56a6;color:#ffffff}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li.active>a,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li.hover>a{background:#2a56a6;color:#ffffff}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"]:before{border-color:transparent transparent #ffffff transparent}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]{background:#ffffff}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]:before{border-top:1px solid rgba(0, 0, 0, 0.2)}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]>li>*{background:#ffffff;color:#222222}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]>li:hover>*,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]>li.active>*{background:#2a56a6;color:#ffffff}@media screen and (min-width:981px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item.to
1096phat-burger[screen="mobile"]{display:none}}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item.tophat-burger[screen="desktop"]{display:none}}.tophat-bar[data-tophat-key="navbar-menu-scroll"][data-tophat-burger-visibility="always"] .tophat-burger[screen="desktop"]{display:inline-block}.tophat-bar[data-tophat-key="navbar-menu-scroll"][data-tophat-burger-visibility="never"] .tophat-burger[screen="desktop"]{display:none !important}.tophat-bar[data-tophat-key="navbar-menu-scroll"][data-tophat-burger-mobile-visibility="always"] .tophat-burger[screen="mobile"]{display:inline-block}.tophat-bar[data-tophat-key="navbar-menu-scroll"][data-tophat-burger-mobile-visibility="never"] .tophat-burger[screen="mobile"]{display:none !important} 1097.label-content:hover{color:white}.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="default"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part .nav-item[data-tophat-skin="default"]:hover>a.nav-link.react .label{color:white}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"]{font-family:GillSansMTPro, sans-serif;font-size:1em}@media screen and (max-width:980px){.tophat-burger-container[data-tophat-key="navbar-menu-scroll"]{font-size:1em}}@media screen and (max-width:640px){.tophat-burger-container[data-tophat-key="navbar-menu-scroll"]{font-size:1em}}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-content{width:80%;background:#ffffff;padding:0em 0em}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"][animation="right"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"][animation="left"] .tophat-burger-header .tophat-burger-close{right:1em}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"][animation="top"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"][animation="bottom"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"][animation="fade"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-header{background:#2a56a6;color:#ffffff;padding:1em 1em;font-family:inherit;font-size:1em;font-weight:400;letter-spacing:0em}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-header .tophat-burger-close{display:inline}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-header .tophat-burger-close:hover{color:#ffffff}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-body{padding:1em 1em;background:#ffffff}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-body .tophat-burger-close{top:0.5em;left:0.5em;display:none}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-body .tophat-burger-body-content{color:#000000;font-family:inherit;font-size:1em;font-weight:400;letter-spacing:0em}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-body .tophat-burger-body-content a:hover{color:#6988c1}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-body .tophat-burger-body-prepend{color:#000000;font-family:inherit;font-size:1em;font-weight:400;letter-spacing:0em}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-body .tophat-burger-body-prepend a:hover{color:#6988c1}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-body .tophat-burger-body-append{color:#000000;font-family:inherit;font-size:1em;font-weight:400;letter-spacing:0em}.tophat-burger-container[data-tophat-key="navbar-menu-scroll"] .tophat-burger-body .tophat-burger-body-append a:hover{color:#5271aa}</style> 1098<style >.tophat-bar{position:relative;padding:0;margin:0 0 0;font-family:inherit;text-transform:normal;background:#fff;color:#222;font-size:1em;display:none}@media screen and (max-width:980px){.tophat-bar{margin-top:0;margin-bottom:0}}.tophat-bar a{color:inherit}.tophat-bar,.tophat-bar *{box-sizing:border-box}@media screen and (max-width:1200px){.tophat-bar{font-size:1em}}@media screen and (max-width:980px){.tophat-bar{font-size:1em}}@media screen and (max-width:640px){.tophat-bar{font-size:1em}}.tophat-bar.init{display:flex}
1098.tophat-bar .tophat-bar-part{padding:0;margin:0;display:flex;height:inherit;justify-content:flex-start;align-items:center}.tophat-bar .tophat-bar-part .tophat-bar-logo[logo-w="0"]{opacity:0}.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="desktop"],.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="mobile"]{display:block;z-index:10;align-self:start;padding:0;margin:0 0;height:inherit}.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span,.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span{position:relative;top:0;height:1px;overflow:visible}.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span img,.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span svg,.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span img,.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span svg{max-width:200px;max-height:200px}.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span svg,.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span svg{width:800px;height:auto}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="desktop"],.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="mobile"]{margin:0 0}.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span,.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span{top:0}.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span img,.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span svg,.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span img,.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span svg{max-width:200px;max-height:200px}}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="desktop"]{display:none !important}}@media screen and (min-width:981px){.tophat-bar .tophat-bar-part .tophat-bar-logo[screen="mobile"]{display:none !important}}.tophat-bar .tophat-bar-part>*{order:0}.tophat-bar .tophat-bar-part[data-tophat-align="middle"]{flex-wrap:nowrap;justify-content:center}.tophat-bar .tophat-bar-part[data-tophat-align="right"]{margin-left:auto;justify-content:flex-end}.tophat-bar .tophat-bar-part[data-tophat-align="right"] .tophat-bar-logo{order:999 !important}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part .nav-item[screen="desktop"]{display:none !important}}@media screen and (min-width:981px){.tophat-bar .tophat-bar-part .nav-item[screen="mobile"]{display:none !important}}.tophat-bar .tophat-bar-part[data-tophat-align="left"] .nav-item{margin-left:0;margin-right:0}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part[data-tophat-align="left"] .nav-item{margin-left:0}}.tophat-bar .tophat-bar-part[data-tophat-align="middle"] .nav-item{margin-left:0;margin-right:0}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part[data-tophat-align="middle"] .nav-item{margin-left:0;margin-right:0}}.tophat-bar .tophat-bar-part[data-tophat-align="right"] .nav-item{margin-left:0;margin-right:0}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part[data-tophat-align="right"] .nav-item{margin-right:0}}.tophat-bar .tophat-bar-part .nav-item{height:inherit}.tophat-bar .tophat-bar-part .nav-item>.nav-group>.nav-link,.tophat-bar .tophat-bar-part .nav-item>.nav-link{height:inherit;display:flex;align-items:center;text-decoration:none;color:inherit;white-space:nowrap}.tophat-bar .tophat-bar-part .nav-item>.nav-group>.nav-link .label,.tophat-bar .tophat-bar-part .nav-item>.nav-link .label{height:100%;display:block;padding-left:1em;padding-right:1em;line-height:1.3em;height:100%;font-size:1em;font-weight:normal;letter-spacing:normal;display:flex;align-items:center}.tophat-bar .tophat-bar-part .nav-item>.nav-group>.nav-link.nolink,.tophat-bar .tophat-bar-part .nav-item>.nav-link.nolink{cursor:default}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part .nav-item{margin-left:0;margin-right:0}.tophat-bar .tophat-bar-part .nav-item>.nav-group>.nav-link .label,.tophat-bar .tophat-bar-part .nav-item>.nav-link .label{padding-left:1em;padding-right:1em}}
1098.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="default"].active>.nav-link.react .label,.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="default"]:hover>a.nav-link.react .label{color:#ff614b}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="underline"]>.nav-link .label{border-top:3px solid transparent;border-bottom:3px solid transparent}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="underline"].active>.nav-link.react .label,.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="underline"]:hover>a.nav-link.react .label{color:#ff614b;border-bottom-color:#ff614b}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="background"]>.nav-link .label{color:#fff;background:#ff614b;padding-left:1em;padding-right:1em;border:falsepx solid false}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="background"]>.nav-link .label .label-content{font-family:false;font-size:false;font-weight:false;letter-spacing:false}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="background"].active>.nav-link.react .label,.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="background"]:hover>a.nav-link.react .label{color:false;background:false;border-color:false}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="background"]>.nav-link .label{padding-left:1em;padding-right:1em}}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="background-alt"]>.nav-link .label{color:#fff;background:#da5340;padding-left:1em;padding-right:1em;border:falsepx solid false}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="background-alt"]>.nav-link .label .label-content{font-family:false;font-size:false;font-weight:false;letter-spacing:false}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="background-alt"].active>.nav-link.react .label,.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="background-alt"]:hover>a.nav-link.react .label{color:false;background:false;border-color:false}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="background-alt"]>.nav-link .label{padding-left:1em;padding-right:1em}}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin^="button"]>.nav-link .label{height:auto;color:#fff;background:#ff614b;padding-top:1em;padding-bottom:1em;padding-left:1em;padding-right:1em;border:falsepx solid false}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin^="button"]>.nav-link .label .label-content{font-family:false;font-size:false;font-weight:false;letter-spacing:false}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin^="button"].active>.nav-link.react .label,.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin^="button"]:hover>a.nav-link.react .label{color:false;background:false;border-color:false}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin^="button"]>.nav-link .label{padding-top:1em;padding-bottom:1em;padding-left:1em;padding-right:1em}}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"]>.nav-link .label{color:#fff;background:#da5340;padding-top:1em;padding-bottom:1em;padding-left:1em;padding-right:1em;border:falsepx solid false}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"]>.nav-link .label .label-content{font-family:false;font-size:false;font-weight:false;letter-spacing:false}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"].active>.nav-link.react .label,.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"]:hover>a.nav-link.react .label{color:false;background:false;border-color:false}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"]>.nav-link .label{padding-top:1em;padding-bottom:1em;padding-left:1em;padding-right:1em}}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="button"]>.nav-link .label,.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="button-alt"]>.nav-link .label{border-radius:0.25em}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="button-rounded"]>
1098.nav-link .label,.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="button-alt-rounded"]>.nav-link .label{border-radius:2em}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="button-square"]>.nav-link .label,.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="button-alt-square"]>.nav-link .label{border-radius:0}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="split"]{position:relative}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="split"]>.nav-link{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;align-items:center;justify-content:center;z-index:2;pointer-events:none;opacity:1;transition:opacity ease 0.5s}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="split"]>.nav-link>.label .navbar-icon-dropdown{display:none}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="split"] .nav-dropdown[data-tophat-skin="split"]{display:flex;flex-direction:row;position:relative;height:inherit;padding:0;margin:0;align-items:center;opacity:0;transition:opacity ease 0.5s}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="split"]:hover>.nav-link{opacity:0}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="split"]:hover .nav-dropdown[data-tophat-skin="split"]{opacity:1}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="split"]:hover .nav-dropdown[data-tophat-skin="split"] li:hover a{color:#ff614b}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-v"]{display:flex;align-items:center}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-v"]>.nav-group{display:flex;flex-direction:column;text-align:center}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-v"]>.nav-group .nav-link{position:relative}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-v"]>.nav-group .nav-link .label{opacity:0.7;padding:0 !important}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-v"]>.nav-group .nav-link.active .label{opacity:1}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-v"]>.nav-group .nav-link:first-child{margin-bottom:0.5em}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-v"]>.nav-group .nav-link:first-child:before{content:" ";display:block;border-bottom:1px solid currentColor;position:absolute;bottom:-0.25em;width:100%}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-h"]{display:flex;align-items:center}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-h"]>.nav-group{display:flex;flex-direction:row;align-items:center}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-h"]>.nav-group .nav-link{position:relative;padding-left:0.6em}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-h"]>.nav-group .nav-link .label{opacity:0.7;padding:0}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-h"]>.nav-group .nav-link.active .label{opacity:1}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-h"]>.nav-group .nav-link:before{content:" ";display:block;border-left:1px solid currentColor;height:100%;position:absolute;left:0.3em;top:0}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-h"]>.nav-group .nav-link:first-child{padding-left:0}.tophat-bar .tophat-bar-part .nav-item[data-tophat-skin="switch-h"]>.nav-group .nav-link:first-child:before{border-left:none}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown{display:none;position:absolute;padding:0.5em 0;margin:0;list-style:none}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown li{padding:0;margin:0}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown li>a{display:block;text-decoration:none;padding:0.5em 1em;cursor:default;color:inherit}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown li>span{display:block;text-decoration:none;padding:0.5em 1em;cursor:default;color:inherit}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown li>a:hover{cursor:pointer}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown li>a:focus{outline:2px dotted rgba(0, 0, 0, 0.5) !important;outline-offset:-2px}.tophat-bar .tophat-bar-part .nav-item:focus-within .nav-dropdown,.tophat-bar .tophat-bar-part .nav-item.hover .nav-dropdown{display:block}
1098.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"]{background:#fff}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li>*{font-family:inherit;font-size:1em;font-weight:normal;letter-spacing:normal}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li>a{background:#fff;color:#222}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li>a:hover{background:#ff614b;color:#fff}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li.active>a,.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li.hover>a{background:#ff614b;color:#fff}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"]{z-index:10;margin-top:-0.5em;border-radius:0.25em;box-shadow:0px 0px 5px 0 rgba(0, 0, 0, 0.2);display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height 1s cubic-bezier(0, 1, 0, 1), opacity 0.5s cubic-bezier(0.5, 0, 0.5, 1);pointer-events:none}.tophat-bar .tophat-bar-part .nav-item.hover .nav-dropdown[data-tophat-skin="default"]{pointer-events:auto;display:block;max-height:999px;opacity:1;transition:max-height 1s cubic-bezier(0.4, 0.1, 0.5, 1), opacity 0.5s ease}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"]{background:#fff}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li>*{font-family:inherit;font-size:1em;font-weight:normal;letter-spacing:normal}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li>a{background:#fff;color:#222}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li>a:hover,.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li>a:focus{background:#ff614b;color:#fff}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li.active>a,.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li.hover>a{background:#ff614b;color:#fff}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"]{z-index:10;border-radius:0.25em;margin-top:1.25em;margin-left:1em;box-shadow:0px 0px 5px 0 rgba(0, 0, 0, 0.2);display:block;opacity:0;transition:opacity 0.5s cubic-bezier(0.5, 0, 0.5, 1);pointer-events:none}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li{max-height:0;overflow:hidden;transition:max-height 1s cubic-bezier(0, 1, 0, 1)}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"]:before{position:absolute;top:-0.5em;left:1.5em;content:"";display:block;width:0;height:0;border-style:solid;border-width:0 0.5em 0.5em 0.5em;border-color:transparent transparent #fff transparent}.tophat-bar .tophat-bar-part .nav-item:focus-within .nav-dropdown[data-tophat-skin="balloon"],.tophat-bar .tophat-bar-part .nav-item.hover .nav-dropdown[data-tophat-skin="balloon"]{pointer-events:auto;display:block;opacity:1;transition:opacity 0.5s ease}.tophat-bar .tophat-bar-part .nav-item:focus-within .nav-dropdown[data-tophat-skin="balloon"] li,.tophat-bar .tophat-bar-part .nav-item.hover .nav-dropdown[data-tophat-skin="balloon"] li{max-height:30em;transition:max-height 1s cubic-bezier(0.4, 0.1, 0.5, 1), opacity 0.5s ease}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]{left:0;width:100%;padding:0;background:#fff;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.3);text-align:center;justify-content:center;flex-wrap:wrap;display:flex;max-height:0;overflow:hidden;transition:max-height 1s cubic-bezier(0, 1, 0, 1)}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]:before{position:absolute;content:"";display:block;width:100%;top:0;left:0;border-top:1px solid rgba(0, 0, 0, 0.2)}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]>li{width:50%;padding:0;margin:0}.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]>li>*{padding:3em 1em;transition:background ease 0.5s;background:#f77a74;color:#fff}
1098.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]>li:hover>*,.tophat-bar .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]>li.active>*{background:#ff614b;color:#fff}.tophat-bar .tophat-bar-part .nav-item.hover .nav-dropdown[data-tophat-skin="panel"]{display:flex;max-height:999px;transition:max-height 1s cubic-bezier(0.4, 0.1, 0.5, 1)}.tophat-bar .tophat-bar-part .nav-item.tophat-burger .label{padding:0 !important;border-top:2px solid currentColor;border-bottom:2px solid currentColor;transition:all ease-in-out 0.5s;position:relative;width:2em;height:1.5em}.tophat-bar .tophat-bar-part .nav-item.tophat-burger .label span{opacity:0}.tophat-bar .tophat-bar-part .nav-item.tophat-burger .label::before,.tophat-bar .tophat-bar-part .nav-item.tophat-burger .label::after{display:block;content:"";position:absolute;height:0;width:70%;top:50%;left:0;border-bottom:2px solid currentColor;transform:translateY(-50%);transition:all ease-in-out 0.5s;transform-origin:center center}.tophat-bar .tophat-bar-part .nav-item.to
1098phat-burger.active .label{border-color:transparent}.tophat-bar .tophat-bar-part .nav-item.tophat-burger.active .label::before{transform:translateY(-50%) rotate(45deg);width:100%}.tophat-bar .tophat-bar-part .nav-item.tophat-burger.active .label::after{transform:translateY(-50%) rotate(-45deg);width:100%}@media screen and (min-width:981px){.tophat-bar .tophat-bar-part .nav-item.tophat-burger[screen="mobile"]{display:none}}@media screen and (max-width:980px){.tophat-bar .tophat-bar-part .nav-item.tophat-burger[screen="desktop"]{display:none}}.tophat-bar .tophat-bar-part .tophat-burger{display:none}.tophat-bar .tophat-bar-part .tophat-burger.visible{display:inline-block}.tophat-bar[data-tophat-burger-visibility="always"] .tophat-burger[screen="desktop"]{display:inline-block}.tophat-bar[data-tophat-burger-visibility="never"] .tophat-burger[screen="desktop"]{display:none !important}.tophat-bar[data-tophat-burger-mobile-visibility="always"] .tophat-burger[screen="mobile"]{display:inline-block}.tophat-bar[data-tophat-burger-mobile-visibility="never"] .tophat-burger[screen="mobile"]{display:none !important}.tophat-bar[data-tophat-parts*="middle"] .tophat-bar-part{flex:1}.TOPHAT_IOS_FLEX_FIX .tophat-bar[data-tophat-parts*="middle"] .tophat-bar-part{flex:initial}.tophat-bar[data-tophat-logo="middle"] .tophat-bar-part[data-tophat-align="middle"] .tophat-bar-logo{display:none}.tophat-bar.compatibility-mode[data-tophat-logo="middle"] .tophat-bar-part[data-tophat-align="middle"] .tophat-bar-logo{display:block}.tophat-bar.compatibility-mode .tophat-bar-logo{opacity:1 !important}.tophat-bar.compatibility-mode .tophat-bar-part{flex:auto !important}.tophat-burger-container{pointer-events:none;position:fixed;top:0;right:0;left:0;bottom:0;display:block;z-index:100;transform:translate(100%, 0);transition:transform ease 0.5s, opacity ease 0.5s;overflow:hidden;z-index:8888890;font-family:inherit;font-size:1em}@media screen and (max-width:980px){.tophat-burger-container{font-size:1em}}@media screen and (max-width:640px){.tophat-burger-container{font-size:1em}}.tophat-burger-container .tophat-burger-content{position:absolute;top:0;width:80%;height:100%;overflow:hidden;box-shadow:0 0 5px rgba(0, 0, 0, 0.3);display:flex;flex-direction:column;background:#ffffff;padding:0em 0em}.tophat-burger-container[animation="right"]{transform:translate(100%, 0)}.tophat-burger-container[animation="right"] .tophat-burger-content{right:0}.tophat-burger-container[animation="right"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container[animation="left"]{transform:translate(-100%, 0)}.tophat-burger-container[animation="left"] .tophat-burger-content{left:0}.tophat-burger-container[animation="left"] .tophat-burger-header .tophat-burger-close{right:1em}.tophat-burger-container[animation="top"]{transform:translate(0, -100%)}.tophat-burger-container[animation="top"] .tophat-burger-content{left:0}.tophat-burger-container[animation="top"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container[animation="bottom"]{transform:translate(0, 100%)}.tophat-burger-container[animation="bottom"] .tophat-burger-content{left:0}.tophat-burger-container[animation="bottom"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container[animation="fade"]{transform:translate(0, 0);opacity:0}.tophat-burger-container[animation="fade"] .tophat-burger-content{left:0}.tophat-burger-container[animation="fade"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container.active{opacity:1;transform:translate(0, 0);pointer-events:all}.tophat-burger-container .tophat-burger-header{position:relative;z-index:1;background:#ff614b;color:#ffffff;padding:1em 1em;margin:0;box-shadow:0 0 5px rgba(0, 0, 0, 0.3);font-family:inherit;font-size:1em;font-weight:normal;letter-spacing:normal}.tophat-burger-container .tophat-burger-header .tophat-burger-close{position:absolute;top:50%;transform:translateY(-50%);border:none;background:none;display:inline;width:auto;height:auto;color:inherit;cursor:pointer;padding:0;display:inline}.tophat-burger-container .tophat-burger-header .tophat-burger-close:hover{color:#ffffff}.tophat-burger-container .tophat-burger-header .tophat-burger-close span{font-size:1.5em}.tophat-burger-container .tophat-burger-body{position:relative;z-index:2;margin:0;padding:1em 1em;flex-grow:1;overflow:auto;background:#ffffff}.tophat-burger-container .tophat-burger-body .tophat-burger-close{position:absolute;top:0.5em;
1098left:0.5em;transform:translate(-50%, -50%);border:none;background:none;width:auto;height:auto;color:inherit;cursor:pointer;padding:0;display:none}.tophat-burger-container .tophat-burger-body .tophat-burger-close span{font-size:1.5em}.tophat-burger-container .tophat-burger-body .tophat-burger-body-content{color:#000000;font-family:inherit;font-size:1em;font-weight:normal;letter-spacing:normal}.tophat-burger-container .tophat-burger-body .tophat-burger-body-content a{color:inherit}.tophat-burger-container .tophat-burger-body .tophat-burger-body-content a:hover{color:#ff614b}.tophat-burger-container .tophat-burger-body .tophat-burger-body-prepend{color:#000000;font-family:inherit;font-size:1em;font-weight:normal;letter-spacing:normal}.tophat-burger-container .tophat-burger-body .tophat-burger-body-prepend a{color:inherit}.tophat-burger-container .tophat-burger-body .tophat-burger-body-prepend a:hover{color:#ff614b}.tophat-burger-container .tophat-burger-body .tophat-burger-body-append{color:#000000;font-family:inherit;font-size:1em;font-weight:normal;letter-spacing:normal}.tophat-burger-container .tophat-burger-body .tophat-burger-body-append a{color:inherit}.tophat-burger-container .tophat-burger-body .tophat-burger-body-append a:hover{color:#ff614b}.tophat-burger-container .nav-dropdown{list-style:none;margin:0;padding:0}.tophat-burger-container .nav-dropdown .burger-back,.tophat-burger-container .nav-dropdown .burger-dropdown-trigger,.tophat-burger-container .nav-dropdown .burger-subnav-main,.tophat-burger-container .nav-dropdown .burger-subnav-item .fa-caret-down,.tophat-burger-container .nav-dropdown .burger-item>.burger-link .fa-caret-down{display:none}.tophat-burger-container .nav-dropdown .burger-item{padding:0;margin:0 0 1em}.tophat-burger-container .nav-dropdown .burger-item a{text-decoration:none}.tophat-burger-container .nav-dropdown .burger-subnav{padding:0;margin:1em 2em 1.5em;list-style:none}.tophat-burger-container .nav-dropdown .burger-subnav-item{padding:0;margin:0;font-size:0.8em}</style> 1099<style >@charset "UTF-8"; 1100 1101.page_row[row-id="46413"] { 1102 z-index: 999; 1103 position: fixed; 1104 top: 0; 1105 left: 0; 1106 width: 100%; 1107} 1108.page_row[row-id="46413"] .page_row_overlay { 1109 padding-top: 0em; 1110 padding-left: 0em; 1111 padding-bottom: 0em; 1112 padding-right: 0em; 1113} 1114@media screen and (min-width: 981px) and (max-width: 1400px) { 1115 .page_row[row-id="46413"] { 1116 position: fixed; 1117 top: 0; 1118 left: 0; 1119 width: 100%; 1120 } 1121} 1122</style> 1123<style > 1124 @charset "UTF-8"; 1125 1126#row-43057[row-id="46328"] a { 1127 text-decoration: none; 1128} 1129 </style> 1130<style > 1131 @charset "UTF-8"; 1132 1133#mod_reservation--resa-barre dl { 1134 align-items: normal !important; 1135} 1136#mod_reservation--resa-barre .reservation-formfield { 1137 padding: 0.2em !important; 1138} 1139#mod_reservation--resa-barre .reservation-formfield input, #mod_reservation--resa-barre .reservation-formfield select, #mod_reservation--resa-barre .reservation-formfield .select2-container { 1140 padding: 0.25em !important; 1141 height: 2em !important; 1142} 1143#mod_reservation--resa-barre .reservation-button button { 1144 height: 100% !important; 1145 padding: 0.25em 2em !important; 1146} 1147 </style> 1148<style > 1149 @charset "UTF-8"; 1150 1151@media screen and (min-width: 981px) { 1152 #row-34029[row-id="46330"] .hapi-service_card:not(:last-child) { 1153 padding: 0em 3.5em 0.3em 1em; 1154 } 1155 #row-34029[row-id="46330"] .service-name { 1156 padding-top: 0.2em; 1157 padding-bottom: 0.5em; 1158 } 1159} 1160 </style> 1161<style > 1162 @charset "UTF-8"; 1163 1164#row-41758[row-id="46331"] .grid_cell[cell-index="2"] #grid_cell-41758-65474 { 1165 box-shadow: 1px 1px 12px #d6d6d6; 1166} 1167#row-41758[row-id="46331"] a { 1168 text-decoration: none; 1169} 1170 </style> 1171<style >@charset "UTF-8"; 1172 1173.page_row[row-id="46328"] { 1174 z-index: 1; 1175 position: relative; 1176} 1177.page_row[row-id="46328"] .page_row_content { 1178 width: 100%; 1179} 1180.page_row[row-id="46328"] .page_row_overlay { 1181 padding-top: 0em; 1182 padding-left: 0em; 1183 padding-bottom: 0em; 1184 padding-right: 0em; 1185} 1186.page_row[row-id="46328"] .page_row_background { 1187 width: 100%; 1188 background-image: url("https://hapi.mmcreation.com/hapidam/370fb825-f1da-41e2-a1a4-4e4c23efd213/9hotel-sablon-shooting-2026-043.jpg?w=16&h=16&mode=crop&coi=50%2C50"); 1189 background-size: cover; 1190} 1191.grid_cell_wrapper[private-id="46328-153967"] { 1192 width: 100%; 1193} 1194.cell_container[private-id="46328_153967"]:before { 1195 background-color: rgba(0, 0, 0, 0.29); 1196} 1197.cell_container[private-id="46328_153967"] .cell_content { 1198 color: #ffffff; 1199 padding: 0em 2em 6em 2em; 1200} 1201.page_row[row-id="46363"] { 1202 z-index: 1; 1203 position: absolute; 1204 transform: translateY(-100%); 1205} 1206.page_row[row-id="46363"] .page_row_content { 1207 width: 100%; 1208} 1209.page_row[row-id="46363"] .page_row_overlay { 1210 padding-top: 0em; 1211 padding-left: 0em; 1212 padding-bottom: 0em; 1213 padding-right: 0em; 1214} 1215.page_row[row-id="46363"] .page_row_background { 1216 width: 100%; 1217} 1218.page_row[row-id="46330"] { 1219 z-index: 1; 1220 position: relative; 1221} 1222.page_row[row-id="46330"] .page_row_content { 1223 width: 80%; 1224} 1225.page_row[row-id="46330"] .page_row_overlay { 1226 padding-top: 3em; 1227 padding-left: 0em; 1228 padding-bottom: 0em; 1229 padding-right: 0em; 1230} 1231.page_row[row-id="46330"] .page_row_background { 1232 width: 100%; 1233} 1234.grid_cell_wrapper[private-id="46330-71532"] { 1235 width: 100%; 1236} 1237.grid_cell_wrapper[private-id="46330-71532"] .cell_container > .cell_content { 1238 max-width: 1000px; 1239} 1240.cell_container[private-id="46330_71532"] .cell_content { 1241 padding: 2em 2em 3em 2em; 1242} 1243.page_row[row-id="46331"] { 1244 z-index: 2; 1245 position: relative; 1246 min-height: 600px; 1247} 1248.page_row[row-id="46331"] .page_row_content { 1249 width: 90%; 1250} 1251.page_row[row-id="46331"] .page_row_overlay { 1252 padding-top: 0em; 1253 padding-left: 0em; 1254 padding-bottom: 3em; 1255 padding-right: 0em; 1256} 1257.page_row[row-id="46331"] .page_row_background { 1258 width: 100%; 1259} 1260.page_row[row-id="46331"] .grid_nested_rows[data-row-division="2"] .grid_row { 1261 min-height: 300px; 1262} 1263.page_row[row-id="46331"] .grid_nested_rows[data-row-division="3"] .grid_row { 1264 min-height: 200px; 1265} 1266.page_row[row-id="46331"] .grid_nested_rows[data-row-division="4"] .grid_row { 1267 min-height: 150px; 1268} 1269.page_row[row-id="46331"] .grid_nested_rows[data-row-division="5"] .grid_row { 1270 min-height: 120px; 1271} 1272.page_row[row-id="46331"] .grid_nested_rows[data-row-division="6"] .grid_row { 1273 min-height: 100px; 1274} 1275.grid_cell_wrapper[private-id="46331-71533"] { 1276 min-height: inherit; 1277 width: 100%; 1278} 1279.cell_container[private-id="46331_71533"] { 1280 min-height: inherit; 1281 pointer-events: none !important; 1282} 1283.grid_cell_wrapper[private-id="46331-71534"] { 1284 min-height: inherit; 1285 width: 100%; 1286 background-color: #ffffff; 1287} 1288.cell_container[private-id="46331_71534"] { 1289 min-height: inherit; 1290} 1291.page_row[row-id="46332"] { 1292 z-index: 2; 1293 position: relative; 1294} 1295.page_row[row-id="46332"] .page_row_content { 1296 width: 80%; 1297} 1298.page_row[row-id="46332"] .page_row_overlay { 1299 padding-top: 3em; 1300 padding-left: 0em; 1301 padding-bottom: 3em; 1302 padding-right: 0em; 1303} 1304.page_row[row-id="46332"] .page_row_background { 1305 width: 100%; 1306} 1307.grid_cell_wrapper[private-id="46332-71535"] { 1308 width: 100%; 1309} 1310.cell_container[private-id="46332_71535"] .cell_content { 1311 padding: 1em 2em 1em 2em; 1312} 1313.grid_cell_wrapper[private-id="46332-71536"] { 1314 width: 100%; 1315} 1316.cell_container[private-id="46332_71536"] .cell_content { 1317 padding: 1em 2em 1em 2em; 1318} 1319@media screen and (min-width: 981px) and (max-width: 1400px) { 1320 .page_row[row-id="46363"] { 1321 position: absolute; 1322 transform: translateY(-100%); 1323 } 1324} 1325@media screen and (max-width: 980px) { 1326 .cell_container[private-id="46328_153967"] .cell_content { 1327 padding: 2em 2em 2em 2em; 1328 } 1329 .page_row[row-id="46363"] { 1330 transform: translateY(0); 1331 } 1332 .page_row[row-id="46330"] { 1333 min-height: 0px; 1334 margin-top: 0px; 1335 margin-bottom: 0px; 1336 } 1337 .page_row[row-id="46330"] .page_row_content { 1338 width: 90%; 1339 } 1340 .page_row[row-id="46330"] .page_row_overlay { 1341 padding-top: 2em; 1342 padding-left: 0em; 1343 padding-bottom: 0em; 1344 padding-right: 0em; 1345 } 1346 .page_row[row-id="46330"] .page_row_background { 1347 width: 100%; 1348 } 1349 .cell_container[private-id="46330_71532"] .cell_content { 1350 padding: 2em 2em 2em 2em; 1351 } 1352 .page_row[row-id="46331"] { 1353 min-height: 350px; 1354 margin-top: 0px; 1355 margin-bottom: 0px; 1356 } 1357 .page_row[row-id="46331"] .page_row_content { 1358 width: 100%; 1359 } 1360 .page_row[row-id="46331"] .page_row_overlay { 1361 padding-top: 0em; 1362 padding-left: 0em; 1363 padding-bottom: 2em; 1364 padding-right: 0em; 1365 } 1366 .page_row[row-id="46331"] .page_row_background { 1367 width: 90%; 1368 } 1369 .page_row[row-id="46331"] .grid_nested_rows[data-row-division="2"] .grid_row { 1370 min-height: 350px; 1371 } 1372 .page_row[row-id="46331"] .grid_nested_rows[data-row-division="3"] .grid_row { 1373 min-height: 350px; 1374 } 1375 .page_row[row-id="46331"] .grid_nested_rows[data-row-division="4"] .grid_row { 1376 min-height: 350px; 1377 } 1378 .page_row[row-id="46331"] .grid_nested_rows[data-row-division="5"] .grid_row { 1379 min-height: 350px; 1380 } 1381 .page_row[row-id="46331"] .grid_nested_rows[data-row-division="6"] .grid_row { 1382 min-height: 350px; 1383 } 1384 .page_row[row-id="46332"] { 1385 min-height: 0px; 1386 margin-top: 0px; 1387 margin-bottom: 0px; 1388 } 1389 .page_row[row-id="46332"] .page_row_content { 1390 width: 90%; 1391 } 1392 .page_row[row-id="46332"] .page_row_overlay { 1393 padding-top: 2em; 1394 padding-left: 0em; 1395 padding-bottom: 0em; 1396 padding-right: 0em; 1397 } 1398 .page_row[row-id="46332"] .page_row_background { 1399 width: 100%; 1400 } 1401} 1402</style> 1403<style > 1404 @charset "UTF-8"; 1405 1406@media screen and (max-width: 980px) { 1407 #row-footer-01[row-id="46411"] table { 1408 margin: auto; 1409 } 1410} 1411#row-footer-01[row-id="46411"] table tr td { 1412 border: none !important; 1413} 1414 </style> 1415<style > 1416 @charset "UTF-8"; 1417 1418 </style> 1419<style >@charset "UTF-8"; 1420 1421.page_row[row-id="46410"] { 1422 z-index: 1; 1423 position: relative; 1424 margin-top: 80px; 1425} 1426.page_row[row-id="46410"] .page_row_content { 1427 width: 100%; 1428} 1429.page_row[row-id="46410"] .page_row_overlay { 1430 padding-top: 1em; 1431 padding-left: 1em; 1432 padding-bottom: 1em; 1433 padding-right: 1em; 1434} 1435.page_row[row-id="46410"] .page_row_background { 1436 width: 80%; 1437 max-width: 1100px; 1438 background-color: #7a9bd4; 1439} 1440.grid_cell_wrapper[private-id="46410-71617"] { 1441 width: 100%; 1442} 1443.cell_container[private-id="46410_71617"] .cell_content { 1444 padding: 1em 1.5em 1em 1.5em; 1445} 1446.grid_cell_wrapper[private-id="46410-71618"] { 1447 width: 100%; 1448} 1449.cell_container[private-id="46410_71618"] .cell_content { 1450 padding: 1em 1.5em 1em 1.5em; 1451} 1452.page_row[row-id="46411"] { 1453 z-index: 1; 1454 position: relative; 1455} 1456.page_row[row-id="46411"] .page_row_content { 1457 width: 80%; 1458} 1459.page_row[row-id="46411"] .page_row_overlay { 1460 padding-top: 0em; 1461 padding-left: 0em; 1462 padding-bottom: 0em; 1463 padding-right: 0em; 1464} 1465.page_row[row-id="46411"] .page_row_background { 1466 width: 100%; 1467 background-color: #4c6fac; 1468} 1469.grid_cell_wrapper[private-id="46411-71619"] { 1470 width: 100%; 1471} 1472.cell_container[private-id="46411_71619"] .cell_content { 1473 color: #ffffff; 1474 padding: 2em 0em 2em 0em; 1475} 1476.grid_cell_wrapper[private-id="46411-71620"] { 1477 width: 100%; 1478} 1479.cell_container[private-id="46411_71620"] .cell_content { 1480 color: #ffffff; 1481} 1482.grid_cell_wrapper[private-id="46411-71621"] { 1483 width: 100%; 1484} 1485.cell_container[private-id="46411_71621"] .cell_content { 1486 color: #ffffff; 1487 padding: 2em 0em 2em 0em; 1488} 1489.page_row[row-id="46412"] { 1490 z-index: 1; 1491 position: relative; 1492 margin-top: -38px; 1493} 1494.page_row[row-id="46412"] .page_row_content { 1495 width: 100%; 1496} 1497.page_row[row-id="46412"] .page_row_overlay { 1498 padding-top: 0em; 1499 padding-left: 0em; 1500 padding-bottom: 0em; 1501 padding-right: 0em; 1502} 1503.page_row[row-id="46412"] .page_row_background { 1504 width: 100%; 1505 background-color: #4c6fac; 1506} 1507.grid_cell_wrapper[private-id="46412-71622"] { 1508 width: 100%; 1509} 1510.cell_container[private-id="46412_71622"] .cell_content { 1511 padding: 0em 0em 1em 0em; 1512} 1513@media screen and (min-width: 981px) and (max-width: 1400px) { 1514 .page_row[row-id="46410"] { 1515 margin-top: 60px; 1516 margin-bottom: 0px; 1517 } 1518 .page_row[row-id="46410"] .page_row_content { 1519 width: 100%; 1520 } 1521 .page_row[row-id="46410"] .page_row_overlay { 1522 padding-top: 0em; 1523 padding-left: 0em; 1524 padding-bottom: 0em; 1525 padding-right: 0em; 1526 } 1527 .page_row[row-id="46410"] .page_row_background { 1528 width: 80%; 1529 max-width: 1100px; 1530 } 1531} 1532@media screen and (max-width: 980px) { 1533 .page_row[row-id="46410"] { 1534 min-height: 0px; 1535 margin-top: 40px; 1536 margin-bottom: 0px; 1537 } 1538 .page_row[row-id="46410"] .page_row_content { 1539 width: 100%; 1540 } 1541 .page_row[row-id="46410"] .page_row_overlay { 1542 padding-top: 1em; 1543 padding-left: 1em; 1544 padding-bottom: 1em; 1545 padding-right: 1em; 1546 } 1547 .page_row[row-id="46410"] .page_row_background { 1548 width: 90%; 1549 } 1550 .page_row[row-id="46411"] { 1551 min-height: 0px; 1552 margin-top: 0px; 1553 margin-bottom: 0px; 1554 } 1555 .page_row[row-id="46411"] .page_row_content { 1556 width: 100%; 1557 } 1558 .page_row[row-id="46411"] .page_row_overlay { 1559 padding-top: 0em; 1560 padding-left: 0em; 1561 padding-bottom: 0em; 1562 padding-right: 0em; 1563 } 1564 .page_row[row-id="46411"] .page_row_background { 1565 width: 100%; 1566 } 1567 .cell_container[private-id="46411_71619"] .cell_content { 1568 padding: 0em 1em 0em 1em; 1569 } 1570 .cell_container[private-id="46411_71620"] .cell_content { 1571 padding: 0em 1em 0em 1em; 1572 } 1573 .cell_container[private-id="46411_71621"] .cell_content { 1574 padding: 0em 1em 0em 1em; 1575 } 1576 .page_row[row-id="46412"] { 1577 min-height: 0px; 1578 margin-top: 0px; 1579 margin-bottom: 0px; 1580 } 1581 .page_row[row-id="46412"] .page_row_content { 1582 width: 100%; 1583 } 1584 .page_row[row-id="46412"] .page_row_overlay { 1585 padding-top: 0em; 1586 padding-left: 0em; 1587 padding-bottom: 0em; 1588 padding-right: 0em; 1589 } 1590 .page_row[row-id="46412"] .page_row_background { 1591 width: 100%; 1592 } 1593 .cell_container[private-id="46412_71622"] .cell_content { 1594 padding: 0em 2em 0em 2em; 1595 } 1596} 1597</style> 1598<style > 1599 @charset "UTF-8"; 1600 1601.tophat-bar[data-tophat-key="navbar-menu-scroll"] { 1602 /*.label{ 1603margin-right:19px !important; 1604}*/ 1605} 1606.tophat-bar[data-tophat-key="navbar-menu-scroll"] .fa-home:before { 1607 font-size: 140% !important; 1608} 1609@media screen and (min-width: 981px) { 1610 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .mobile-icon .navbar-icon-prepend { 1611 display: none !important; 1612 } 1613} 1614@media screen and (max-width: 980px) { 1615 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part[data-tophat-align="middle"] .nav-item a .label { 1616 display: none; 1617 } 1618 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-part[data-tophat-align="right"] .LanguageMenu { 1619 display: none; 1620 } 1621} 1622.tophat-bar[data-tophat-key="navbar-menu-scroll"] .BookingTrigger { 1623 margin-right: 0em !important; 1624} 1625.tophat-bar[data-tophat-key="navbar-menu-scroll"] a .label { 1626 border-top: 3px solid transparent; 1627 border-bottom: 3px solid transparent; 1628} 1629.tophat-bar[data-tophat-key="navbar-menu-scroll"] a:hover .label { 1630 border-bottom: 3px solid #fff; 1631} 1632@media screen and (max-width: 980px) { 1633 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .fa-phone { 1634 font-size: 130% !important; 1635 } 1636 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .fa-calendar-alt { 1637 font-size: 130% !important; 1638 } 1639 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .tophat-bar-logo { 1640 margin-left: 0.8em !important; 1641 } 1642 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .BookingTrigger .label { 1643 padding-left: 1.3em !important; 1644 padding-right: 1.3em !important; 1645 } 1646 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .nav-item-16, .tophat-bar[data-tophat-key="navbar-menu-scroll"] .nav-item-17 { 1647 border-left: 1px solid #fff; 1648 margin-right: 0px !important; 1649 } 1650 .tophat-bar[data-tophat-key="navbar-menu-scroll"] .nav-item-16 .label, .tophat-bar[data-tophat-key="navbar-menu-scroll"] .nav-item-17 .label { 1651 padding-left: 1.3em !important; 1652 padding-right: 1.3em !important; 1653 } 1654} 1655.tophat-bar[data-tophat-key="navbar-menu-scroll"] .covid i { 1656 /*Transférer l'icône en médiathèque pour chacun des sites 9hotel & ensuite changer l'url de l'icone ci dessous à chaque fois*/ 1657 background: url("https://hapi.mmcreation.com/media/433/Pictos/big-covid-9hotel-white-50.png"); 1658 width: 25px; 1659 /*pour de l'affichage rétina, il faut que les tailles de l'icône soient du double de la taille qui sera affichée. 1660 Donc si on veut afficher en 25x25px, l'icône devra faire 50x50px.*/ 1661 height: 25px; 1662 backgr
1662ound-size: contain; 1663 position: relative; 1664 top: 2px; 1665 vertical-align: middle; 1666 margin-top: -6px; 1667} 1668.tophat-bar[data-tophat-key="navbar-menu-scroll"] .covid i:before { 1669 display: none; 1670 /*On masque l'affichage de l'icône de base*/ 1671} 1672 </style> 1673<style data-src="Shortcode_Plugin_Service::CommonDependencies"> 1674 .hapi-service_cardlist { 1675 list-style: none; 1676 margin: 0; 1677 padding: 0; 1678 display: flex; 1679 flex-wrap:wrap; 1680 position:relative; 1681 left:-1em; 1682 } 1683 .hapi-service_cardlist li { 1684 margin: 0; 1685 padding: 0; 1686 display: flex; 1687 grid-template-columns: min-content; 1688 flex-wrap:wrap; 1689 flex-direction: column; 1690 --text-align: center; 1691 width: 100%; 1692 padding: 0.5em 0 0.3em 1em; 1693 } 1694 .hapi-service_cardlist li svg { 1695 width: auto; 1696 } 1697 .hapi-service_cardlist li * { 1698 padding-bottom: 0.2em; 1699 } 1700 1701 .service-icon { grid-area: i; display: block; } 1702 .service-name { grid-area: n; display: block; } 1703 .service-description { grid-area: d; display: block; } 1704 1705 .hapi-service_cardlist[desktop-layout="hleft"], 1706 .hapi-service_cardlist[desktop-layout="hright"] { 1707 align-items:start; 1708 } 1709 1710 1711 @media screen and (min-width:1281px) { 1712 .hapi-service_cardlist[desktop-columns="1"] li { width: calc(100% / 1); } 1713 .hapi-service_cardlist[desktop-columns="2"] li { width: calc(100% / 2); } 1714 .hapi-service_cardlist[desktop-columns="3"] li { width: calc(100% / 3); } 1715 .hapi-service_cardlist[desktop-columns="4"] li { width: calc(100% / 4); } 1716 .hapi-service_cardlist[desktop-columns="5"] li { width: calc(100% / 5); } 1717 .hapi-service_cardlist[desktop-columns="6"] li { width: calc(100% / 6); } 1718 .hapi-service_cardlist[desktop-columns="7"] li { width: calc(100% / 7); } 1719 .hapi-service_cardlist[desktop-columns="8"] li { width: calc(100% / 8); } 1720 .hapi-service_cardlist[desktop-columns="9"] li { width: calc(100% / 9); } 1721 .hapi-service_cardlist[desktop-columns="10"] li { width: calc(100% / 10); } 1722 1723 .hapi-service_cardlist[desktop-layout="vcenter"] { text-align: center; } 1724 .hapi-service_cardlist[desktop-layout="vright"] { text-align: right; } 1725 .hapi-service_cardlist[desktop-layout="hleft"] li { flex-direction: row; flex-wrap: unset; } 1726 .hapi-service_cardlist[desktop-layout="hleft"] li .service-icon { margin-right: 0.5em; } 1727 .hapi-service_cardlist[desktop-layout="hleft"] li .service-description { width: 100%;} 1728 .hapi-service_cardlist[desktop-layout="hright"] li { flex-direction: row; flex-wrap: unset; direction:rtl; text-align: right; } 1729 .hapi-service_cardlist[desktop-layout="hright"] li * { direction:ltr; } 1730 .hapi-service_cardlist[desktop-layout="hright"] li .service-icon { margin-left: 0.5em; } 1731 .hapi-service_cardlist[desktop-layout="hright"] li .service-description { width: 100%; } 1732 1733 .hapi-service_cardlist[desktop-layout="hleft"] li { display: grid; display: -ms-grid; grid-template-areas: "i n" "i d"; -ms-grid-columns:1fr 3fr; } 1734 .hapi-service_cardlist[desktop-layout="hleft"] li .service-icon { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:2; } 1735 .hapi-service_cardlist[desktop-layout="hleft"] li .service-name { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:1; } 1736 .hapi-service_cardlist[desktop-layout="hleft"] li .service-description { -ms-grid-column:2; -ms-grid-row:2; -ms-grid-row-span:1; } 1737 1738 .hapi-service_cardlist[desktop-layout="hright"] li { display: grid; display: -ms-grid; grid-template-areas: "n i" "d i"; -ms-grid-columns:3fr 1fr; } 1739 .hapi-service_cardlist[desktop-layout="hright"] li .service-icon { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:2; } 1740 .hapi-service_cardlist[desktop-layout="hright"] li .service-name { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:1; } 1741 .hapi-service_cardlist[desktop-layout="hright"] li .service-description { -ms-grid-column:1; -ms-grid-row:2; -ms-grid-row-span:1; } 1742 1743 .hapi-service_cardlist[desktop-alignment="left"] { justify-content: flex-start; } 1744 .hapi-service_cardlist[desktop-alignment="center"] { justify-content: center; } 1745 .hapi-service_cardlist[desktop-alignment="right"] { justify-content: flex-end; } 1746 } 1747 @media screen and (min-width:981px) and (max-width:1280px) { 1748 .hapi-service_cardlist[tablet-columns="1"] li { width: calc(100% / 1); } 1749 .hapi-service_cardlist[tablet-columns="2"] li { width: calc(100% / 2); } 1750 .hapi-service_cardlist[tablet-columns="3"] li { width: calc(100% / 3); } 1751 .hapi-service_cardlist[tablet-columns="4"] li { width: calc(100% / 4); } 1752 .hapi-service_cardlist[tablet-columns="5"] li { width: calc(100% / 5); } 1753 .hapi-service_cardlist[tablet-columns="6"] li { width: calc(100% / 6); } 1754 .hapi-service_cardlist[tablet-columns="7"] li { width: calc(100% / 7); } 1755 .hapi-service_cardlist[tablet-columns="8"] li { width: calc(100% / 8); } 1756 .hapi-service_cardlist[tablet-columns="9"] li { width: calc(100% / 9); } 1757 .hapi-service_cardlist[tablet-columns="10"] li { width: calc(100% / 10); } 1758 1759 .hapi-service_cardlist[tablet-layout="vcenter"] { text-align: center; } 1760 .hapi-service_cardlist[tablet-layout="vright"] { text-align: right; } 1761 .hapi-service_cardlist[tablet-layout="hleft"] li { flex-direction: row; flex-wrap: unset; } 1762 .hapi-service_cardlist[tablet-layout="hleft"] li .service-icon { margin-right: 0.5em; } 1763 .hapi-service_cardlist[tablet-layout="hleft"] li .service-description { width: 100%;} 1764 .hapi-service_cardlist[tablet-layout="hright"] li { flex-direction: row; flex-wrap: unset; direction:rtl; text-align: right; } 1765 .hapi-service_cardlist[tablet-layout="hright"] li * { direction:ltr; } 1766 .hapi-service_cardlist[tablet-layout="hright"] li .service-icon { margin-left: 0.5em; } 1767 .hapi-service_cardlist[tablet-layout="hright"] li .service-description { width: 100%; } 1768 1769 .hapi-service_cardlist[tablet-layout="hleft"] li { display: grid; display: -ms-grid; grid-template-areas: "i n" "i d"; -ms-grid-columns:1fr 3fr; } 1770 .hapi-service_cardlist[tablet-layout="hleft"] li .service-icon { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:2; } 1771 .hapi-service_cardlist[tablet-layout="hleft"] li .service-name { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:1; } 1772 .hapi-service_cardlist[tablet-layout="hleft"] li .service-description { -ms-grid-column:2; -ms-grid-row:2; -ms-grid-row-span:1; } 1773 1774 .hapi-service_cardlist[tablet-layout="hright"] li { display: grid; display: -ms-grid; grid-template-areas: "n i" "d i"; -ms-grid-columns:3fr 1fr; } 1775 .hapi-service_cardlist[tablet-layout="hright"] li .service-icon { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:2; } 1776 .hapi-service_cardlist[tablet-layout="hright"] li .service-name { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:1; } 1777 .hapi-service_cardlist[tablet-layout="hright"] li .service-description { -ms-grid-column:1; -ms-grid-row:2; -ms-grid-row-span:1; } 1778 1779 .hapi-service_cardlist[tablet-alignment="left"] { justify-content: flex-start; } 1780 .hapi-service_cardlist[tablet-alignment="center"] { justify-content: center; } 1781 .hapi-service_cardlist[tablet-alignment="right"] { justify-content: flex-end; } 1782 } 1783 @media screen and (max-width:980px) { 1784 .hapi-service_cardlist[mobile-columns="1"] li { width: calc(100% / 1); } 1785 .hapi-service_cardlist[mobile-columns="2"] li { width: calc(100% / 2); } 1786 .hapi-service_cardlist[mobile-columns="3"] li { width: calc(100% / 3); } 1787 .hapi-service_cardlist[mobile-columns="4"] li { width: calc(100% / 4); } 1788 .hapi-service_cardlist[mobile-columns="5"] li { width: calc(100% / 5); } 1789 .hapi-service_cardlist[mobile-columns="6"] li { width: calc(100% / 6); } 1790 .hapi-service_cardlist[mobile-columns="7"] li { width: calc(100% / 7); } 1791 .hapi-service_cardlist[mobile-columns="8"] li { width: calc(100% / 8); } 1792 .hapi-service_cardlist[mobile-columns="9"] li { width: calc(100% / 9); } 1793 .hapi-service_cardlist[mobile-columns="10"] li { width: calc(100% / 10); } 1794 1795 .hapi-service_cardlist[mobile-layout="vcenter"] { text-align: center; } 1796 .hapi-service_cardlist[mobile-layout="vright"] { text-align: right; } 1797 .hapi-service_cardlist[mobile-layout="hleft"] li { flex-direction: row; flex-wrap: unset; } 1798 .hapi-service_cardlist[mobile-layout="hleft"] li .service-icon { margin-right: 0.5em; } 1799 .hapi-service_cardlist[mobile-layout="hleft"] li .service-description { width: 100%;} 1800 .hapi-service_cardlist[mobile-layout="hright"] li { flex-direction: row; flex-wrap: unset; direction:rtl; text-align: right; } 1801 .hapi-service_cardlist[mobile-layout="hright"] li * { direction:ltr; } 1802 .hapi-service_cardlist[mobile-layout="hright"] li .service-icon { margin-left: 0.5em; } 1803 .hapi-service_cardlist[mobile-layout="hright"] li .service-description { width: 100%; } 1804 1805 .hapi-service_cardlist[mobile-layout="hleft"] li { display: grid; display: -ms-grid; grid-template-areas: "i n" "i d"; -ms-grid-columns:1fr 3fr; } 1806 .hapi-service_cardlist[mobile-layout="hleft"] li .service-icon { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:2; } 1807 .hapi-service_cardlist[mobile-layout="hleft"] li .service-name { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:1; } 1808 .hapi-service_cardlist[mobile-layout="hleft"] li .service-description { -ms-grid-column:2; -ms-grid-row:2; -ms-grid-row-span:1; } 1809 1810 .hapi-service_cardlist[mobile-layout="hright"] li { display: grid; display: -ms-grid; grid-template-areas: "n i" "d i"; -ms-grid-columns:3fr 1fr; } 1811 .hapi-service_cardlist[mobile-layout="hright"] li .service-icon { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:2; } 1812 .hapi-service_cardlist[mobile-layout="hright"] li .service-name { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:1; } 1813 .hapi-service_cardlist[mobile-layout="hright"] li .service-description { -ms-grid-column:1; -ms-grid-row:2; -ms-grid-row-span:1; } 1814 1815 .hapi-service_cardlist[mobile-alignment="left"] { justify-content: flex-start; } 1816 .hapi-service_cardlist[mobile-alignment="center"] { justify-content: center; } 1817 .hapi-service_cardlist[mobile-alignment="right"] { justify-content: flex-end; } 1818 } 1819 </style> 1820<style > 1821 .hapi-sc-countdown { 1822 display: inline-block; 1823 } 1824 1825 .hapi-countdown[data-theme="splitflap"] { 1826 display: flex; 1827 flex-direction: row; 1828 } 1829 .hapi-countdown[data-theme="splitflap"] .hapi-countdown-part{ 1830 display: flex; 1831 flex-direction: column; 1832 align-items: center; 1833 padding: 0 .5em; 1834 } 1835 .hapi-countdown[data-theme="splitflap"] .hapi-countdown-part strong { 1836 order:2; 1837 background: #020722; 1838 border-radius:.25em; 1839 padding:.5em; 1840 box-shadow: 0px 2px 3px 1px rgba(68, 72, 90, 0.9) inset; 1841 color:#fff; 1842 position: relative; 1843 display: block; 1844 } 1845 .hapi-countdown[data-theme="splitflap"] .hapi-countdown-part strong:before { 1846 display: block; 1847 position: absolute; 1848 content: "\2000"; 1849 height: 0.2em; 1850 top:calc(50% - 0.1em); 1851 left:0; 1852 width:calc(100% - 2px); 1853 border-left:1px solid #fff; 1854 border-right:1px solid #fff; 1855 } 1856 .hapi-countdown[data-theme="splitflap"] .hapi-countdown-part span{ 1857 order:1; 1858 font-size:0.7em; 1859 margin-bottom: 0.25em; 1860 text-transform: uppercase; 1861 } 1862 </style> 1863<style >@charset "UTF-8"; 1864 1865.page_row[row-id="46410"] { 1866 z-index: 1; 1867 position: relative; 1868 margin-top: 80px; 1869} 1870.page_row[row-id="46410"] .page_row_content { 1871 width: 100%; 1872} 1873.page_row[row-id="46410"] .page_row_overlay { 1874 padding-top: 1em; 1875 padding-left: 1em; 1876 padding-bottom: 1em; 1877 padding-right: 1em; 1878} 1879.page_row[row-id="46410"] .page_row_background { 1880 width: 80%; 1881 max-width: 1100px; 1882 background-color: #7a9bd4; 1883} 1884.grid_cell_wrapper[private-id="46410-71617"] { 1885 width: 100%; 1886} 1887.cell_container[private-id="46410_71617"] .cell_content { 1888 padding: 1em 1.5em 1em 1.5em; 1889} 1890.grid_cell_wrapper[private-id="46410-71618"] { 1891 width: 100%; 1892} 1893.cell_container[private-id="46410_71618"] .cell_content { 1894 padding: 1em 1.5em 1em 1.5em; 1895} 1896.page_row[row-id="46411"] { 1897 z-index: 1; 1898 position: relative; 1899} 1900.page_row[row-id="46411"] .page_row_content { 1901 width: 80%; 1902} 1903.page_row[row-id="46411"] .page_row_overlay { 1904 padding-top: 0em; 1905 padding-left: 0em; 1906 padding-bottom: 0em; 1907 padding-right: 0em; 1908} 1909.page_row[row-id="46411"] .page_row_background { 1910 width: 100%; 1911 background-color: #4c6fac; 1912} 1913.grid_cell_wrapper[private-id="46411-71619"] { 1914 width: 100%; 1915} 1916.cell_container[private-id="46411_71619"] .cell_content { 1917 color: #ffffff; 1918 padding: 2em 0em 2em 0em; 1919} 1920.grid_cell_wrapper[private-id="46411-71620"] { 1921 width: 100%; 1922} 1923.cell_container[private-id="46411_71620"] .cell_content { 1924 color: #ffffff; 1925} 1926.grid_cell_wrapper[private-id="46411-71621"] { 1927 width: 100%; 1928} 1929.cell_container[private-id="46411_71621"] .cell_content { 1930 color: #ffffff; 1931 padding: 2em 0em 2em 0em; 1932} 1933.page_row[row-id="46412"] { 1934 z-index: 1; 1935 position: relative; 1936 margin-top: -38px; 1937} 1938.page_row[row-id="46412"] .page_row_content { 1939 width: 100%; 1940} 1941.page_row[row-id="46412"] .page_row_overlay { 1942 padding-top: 0em; 1943 padding-left: 0em; 1944 padding-bottom: 0em; 1945 padding-right: 0em; 1946} 1947.page_row[row-id="46412"] .page_row_background { 1948 width: 100%; 1949 background-color: #4c6fac; 1950} 1951.grid_cell_wrapper[private-id="46412-71622"] { 1952 width: 100%; 1953} 1954.cell_container[private-id="46412_71622"] .cell_content { 1955 padding: 0em 0em 1em 0em; 1956} 1957@media screen and (min-width: 981px) and (max-width: 1400px) { 1958 .page_row[row-id="46410"] { 1959 margin-top: 60px; 1960 margin-bottom: 0px; 1961 } 1962 .page_row[row-id="46410"] .page_row_content { 1963 width: 100%; 1964 } 1965 .page_row[row-id="46410"] .page_row_overlay { 1966 padding-top: 0em; 1967 padding-left: 0em; 1968 padding-bottom: 0em; 1969 padding-right: 0em; 1970 } 1971 .page_row[row-id="46410"] .page_row_background { 1972 width: 80%; 1973 max-width: 1100px; 1974 } 1975} 1976@media screen and (max-width: 980px) { 1977 .page_row[row-id="46410"] { 1978 min-height: 0px; 1979 margin-top: 40px; 1980 margin-bottom: 0px; 1981 } 1982 .page_row[row-id="46410"] .page_row_content { 1983 width: 100%; 1984 } 1985 .page_row[row-id="46410"] .page_row_overlay { 1986 padding-top: 1em; 1987 padding-left: 1em; 1988 padding-bottom: 1em; 1989 padding-right: 1em; 1990 } 1991 .page_row[row-id="46410"] .page_row_background { 1992 width: 90%; 1993 } 1994 .page_row[row-id="46411"] { 1995 min-height: 0px; 1996 margin-top: 0px; 1997 margin-bottom: 0px; 1998 } 1999 .page_row[row-id="46411"] .page_row_content { 2000 width: 100%; 2001 } 2002 .page_row[row-id="46411"] .page_row_overlay { 2003 padding-top: 0em; 2004 padding-left: 0em; 2005 padding-bottom: 0em; 2006 padding-right: 0em; 2007 } 2008 .page_row[row-id="46411"] .page_row_background { 2009 width: 100%; 2010 } 2011 .cell_container[private-id="46411_71619"] .cell_content { 2012 padding: 0em 1em 0em 1em; 2013 } 2014 .cell_container[private-id="46411_71620"] .cell_content { 2015 padding: 0em 1em 0em 1em; 2016 } 2017 .cell_container[private-id="46411_71621"] .cell_content { 2018 padding: 0em 1em 0em 1em; 2019 } 2020 .page_row[row-id="46412"] { 2021 min-height: 0px; 2022 margin-top: 0px; 2023 margin-bottom: 0px; 2024 } 2025 .page_row[row-id="46412"] .page_row_content { 2026 width: 100%; 2027 } 2028 .page_row[row-id="46412"] .page_row_overlay { 2029 padding-top: 0em; 2030 padding-left: 0em; 2031 padding-bottom: 0em; 2032 padding-right: 0em; 2033 } 2034 .page_row[row-id="46412"] .page_row_background { 2035 width: 100%; 2036 } 2037 .cell_container[private-id="46412_71622"] .cell_content { 2038 padding: 0em 2em 0em 2em; 2039 } 2040} 2041</style> 2042<style >@charset "UTF-8"; 2043 2044.page_row[row-id="46410"] { 2045 z-index: 1; 2046 position: relative; 2047 margin-top: 80px; 2048} 2049.page_row[row-id="46410"] .page_row_content { 2050 width: 100%; 2051} 2052.page_row[row-id="46410"] .page_row_overlay { 2053 padding-top: 1em; 2054 padding-left: 1em; 2055 padding-bottom: 1em; 2056 padding-right: 1em; 2057} 2058.page_row[row-id="46410"] .page_row_background { 2059 width: 80%; 2060 max-width: 1100px; 2061 background-color: #7a9bd4; 2062} 2063.grid_cell_wrapper[private-id="46410-71617"] { 2064 width: 100%; 2065} 2066.cell_container[private-id="46410_71617"] .cell_content { 2067 padding: 1em 1.5em 1em 1.5em; 2068} 2069.grid_cell_wrapper[private-id="46410-71618"] { 2070 width: 100%; 2071} 2072.cell_container[private-id="46410_71618"] .cell_content { 2073 padding: 1em 1.5em 1em 1.5em; 2074} 2075.page_row[row-id="46411"] { 2076 z-index: 1; 2077 position: relative; 2078} 2079.page_row[row-id="46411"] .page_row_content { 2080 width: 80%; 2081} 2082.page_row[row-id="46411"] .page_row_overlay { 2083 padding-top: 0em; 2084 padding-left: 0em; 2085 padding-bottom: 0em; 2086 padding-righ
2086t: 0em; 2087} 2088.page_row[row-id="46411"] .page_row_background { 2089 width: 100%; 2090 background-color: #4c6fac; 2091} 2092.grid_cell_wrapper[private-id="46411-71619"] { 2093 width: 100%; 2094} 2095.cell_container[private-id="46411_71619"] .cell_content { 2096 color: #ffffff; 2097 padding: 2em 0em 2em 0em; 2098} 2099.grid_cell_wrapper[private-id="46411-71620"] { 2100 width: 100%; 2101} 2102.cell_container[private-id="46411_71620"] .cell_content { 2103 color: #ffffff; 2104} 2105.grid_cell_wrapper[private-id="46411-71621"] { 2106 width: 100%; 2107} 2108.cell_container[private-id="46411_71621"] .cell_content { 2109 color: #ffffff; 2110 padding: 2em 0em 2em 0em; 2111} 2112.page_row[row-id="46412"] { 2113 z-index: 1; 2114 position: relative; 2115 margin-top: -38px; 2116} 2117.page_row[row-id="46412"] .page_row_content { 2118 width: 100%; 2119} 2120.page_row[row-id="46412"] .page_row_overlay { 2121 padding-top: 0em; 2122 padding-left: 0em; 2123 padding-bottom: 0em; 2124 padding-right: 0em; 2125} 2126.page_row[row-id="46412"] .page_row_background { 2127 width: 100%; 2128 background-color: #4c6fac; 2129} 2130.grid_cell_wrapper[private-id="46412-71622"] { 2131 width: 100%; 2132} 2133.cell_container[private-id="46412_71622"] .cell_content { 2134 padding: 0em 0em 1em 0em; 2135} 2136@media screen and (min-width: 981px) and (max-width: 1400px) { 2137 .page_row[row-id="46410"] { 2138 margin-top: 60px; 2139 margin-bottom: 0px; 2140 } 2141 .page_row[row-id="46410"] .page_row_content { 2142 width: 100%; 2143 } 2144 .page_row[row-id="46410"] .page_row_overlay { 2145 padding-top: 0em; 2146 padding-left: 0em; 2147 padding-bottom: 0em; 2148 padding-right: 0em; 2149 } 2150 .page_row[row-id="46410"] .page_row_background { 2151 width: 80%; 2152 max-width: 1100px; 2153 } 2154} 2155@media screen and (max-width: 980px) { 2156 .page_row[row-id="46410"] { 2157 min-height: 0px; 2158 margin-top: 40px; 2159 margin-bottom: 0px; 2160 } 2161 .page_row[row-id="46410"] .page_row_content { 2162 width: 100%; 2163 } 2164 .page_row[row-id="46410"] .page_row_overlay { 2165 padding-top: 1em; 2166 padding-left: 1em; 2167 padding-bottom: 1em; 2168 padding-right: 1em; 2169 } 2170 .page_row[row-id="46410"] .page_row_background { 2171 width: 90%; 2172 } 2173 .page_row[row-id="46411"] { 2174 min-height: 0px; 2175 margin-top: 0px; 2176 margin-bottom: 0px; 2177 } 2178 .page_row[row-id="46411"] .page_row_content { 2179 width: 100%; 2180 } 2181 .page_row[row-id="46411"] .page_row_overlay { 2182 padding-top: 0em; 2183 padding-left: 0em; 2184 padding-bottom: 0em; 2185 padding-right: 0em; 2186 } 2187 .page_row[row-id="46411"] .page_row_background { 2188 width: 100%; 2189 } 2190 .cell_container[private-id="46411_71619"] .cell_content { 2191 padding: 0em 1em 0em 1em; 2192 } 2193 .cell_container[private-id="46411_71620"] .cell_content { 2194 padding: 0em 1em 0em 1em; 2195 } 2196 .cell_container[private-id="46411_71621"] .cell_content { 2197 padding: 0em 1em 0em 1em; 2198 } 2199 .page_row[row-id="46412"] { 2200 min-height: 0px; 2201 margin-top: 0px; 2202 margin-bottom: 0px; 2203 } 2204 .page_row[row-id="46412"] .page_row_content { 2205 width: 100%; 2206 } 2207 .page_row[row-id="46412"] .page_row_overlay { 2208 padding-top: 0em; 2209 padding-left: 0em; 2210 padding-bottom: 0em; 2211 padding-right: 0em; 2212 } 2213 .page_row[row-id="46412"] .page_row_background { 2214 width: 100%; 2215 } 2216 .cell_container[private-id="46412_71622"] .cell_content { 2217 padding: 0em 2em 0em 2em; 2218 } 2219} 2220</style> 2221 2222
2222<script> 2223 setTimeout(async function(){ 2224 function hapi_video_rgpd_cookie_consent() { 2225 // forced acceptation (GDRP potential issue) 2226 2227 2228 if(ENV_CONFIG && ENV_CONFIG.rgpd_allow_video) 2229 return true; 2230 2231 // external consent mode: the CMP drives HAPI.consent 2232 if(window.HAPI && HAPI.consent) 2233 return HAPI.consent.granted('analytics'); 2234 2235 // read kalro consent cookie 2236 var nameEQ = "klaro="; 2237 var ca = document.cookie.split(';'); 2238 for(var i=0;i < ca.length;i++) { 2239 var c = ca[i]; 2240 while (c.charAt(0)==' ') c = c.substring(1,c.length); 2241 { 2242 if (c.indexOf(nameEQ) == 0) { 2243 var rgpd = JSON.parse(c.substring(nameEQ.length,c.length)); 2244 return rgpd && rgpd.app_analytics; 2245 } 2246 } 2247 } 2248 2249 return false; 2250 } 2251 2252 var videoRgpdWatcher = setInterval(function(){ 2253 if(hapi_video_rgpd_cookie_consent()) 2254 { 2255 //console.log('videoRgpdWatcher OK'); 2256 var hapiVideoPlayer = document.querySelectorAll('hapi-video[gdpr]') 2257 for(var i=0; i<hapiVideoPlayer.length; i++) 2258 { 2259 hapiVideoPlayer[i].removeAttribute('gdpr') 2260 } 2261 } 2262 },1000) 2263 },1000) 2264 </script>
2264 2265 2266
2266<script src="https://hapi.mmcreation.com/assets/dist/public.js?uuid=9410353b4d832519bec8dd26fbf7794f38647213"></script>
2266 2267 2268 <!--HAPI-DEFERED-JS:RM--> 2269 2270
2270<script> 2271 HAPI_PageCycle.onLoad(async function(){ 2272 // CSS ressources defered injection 2273 $('link[rel="preload"]').each(function(){ 2274 var usedLaterStyle = document.createElement('link'); 2275 usedLaterStyle.rel = 'stylesheet'; 2276 usedLaterStyle.media = 'all'; 2277 usedLaterStyle.href = $(this).attr('href'); 2278 document.body.appendChild(usedLaterStyle) 2279 }) 2280 setTimeout(function(){ 2281 document.querySelector('body').classList.add('loaded'); 2282 document.querySelector('body').classList.remove('loading'); 2283 },10) 2284 }) 2285 </script>
2285 2286 2287 <!--CRW-CONTENT:START--> 2288 <style> 2289 .crwl-images-gallery { 2290 display: flex; 2291 flex-direction: row; 2292 flex-wrap: wrap; 2293 } 2294 .crwl-images-gallery > figure { 2295 margin: 1em; 2296 width: calc(20% - 2em); 2297 box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 2298 border-radius: 0.25em; 2299 overflow: hidden; 2300 } 2301 .crwl-images-gallery img { 2302 width: 100%; 2303 } 2304 .crwl-images-gallery figcaption { 2305 padding: 0.7em; 2306 font-size: 0.7em; 2307 } 2308 </style> 2309 <div class="crwl-images-gallery"> 2310 <figure><a href="https://hapi.mmcreation.com/hapidam/370fb825-f1da-41e2-a1a4-4e4c23efd213/9hotel-sablon-shooting-2026-043.jpg?size=lg" title="370fb825-f1da-41e2-a1a4-4e4c23efd213"><img loading="lazy" src="https://hapi.mmcreation.com/hapidam/370fb825-f1da-41e2-a1a4-4e4c23efd213/9hotel-sablon-shooting-2026-043.jpg?size=lg" alt="370fb825-f1da-41e2-a1a4-4e4c23efd213"></a><figcaption></figcaption></figure> 2311 2312 </div> 2313 <!--CRW-CONTENT:END--> 2314 2315 <div class="HAPI-qrcode" onclick="$(this).find('img').toggle();"> 2316 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAFACAIAAABC8jL9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAANt0lEQVR4nO3d3XLbOBCEUXsr7//K2QunUi7agQjOXzf8nVtLJEWps8AsMHz//fv3GwBP/01fAIDnCDBgjAADxggwYIwAA8YIMGCMAAPGCDBgjAADxggwYIwAA8YIMGCMAAPGCDBgjAADxggwYIwAA8YIMGCMAAPGCDBgjAADxggwYIwAA8YIMGCMAAPGCDBg7Ff6Ed/f39OP+S+fnwvz9bzrvy5evLZ1KJ2rqjv
2316y4lDBH0PkIutu3WMVjzHiv8CAMQIMGCPAgDECDBjLL2KZSqxkFBVFInWatiPnfvbL0bauKvJeIx0BrvudRc6yVQ2OvHdxYZc/lZZDE3/BW4eqq1HX6fnFpmAIDRgjwIAxAgwY6y5idS4YWr83Mj95/N66QtSUrVuhXymMn6j5C6UK/UfWvxSRH9ZUmHPPGzlaW2XxGAyhAWMEGDBGgAFjzIH/WCzceTmhyppxlZa4ZKs+Pec9dWHWOQFefyW5Fen7O34TdX7AOm2lph9S02IIDRgjwIAxAgwYO2cOXLqRrU7ioq7j/cCP/NI5AZ5yRj3zccnn5Y7I+7sp65zxHX2LITRgjAADxggwYIw58BP3m/sE6y5t64fqdgWeugRKRHeA676/SDUl+OJEWfvp1oIPl5gyclXi/+IwhAaMEWDAGAEGjHXMgXumK7ub/gSfXpcouEeq7iOPbNvs7JfW7OQqdF3N47zWTZFHoiY+TrXtyMdgCA0YI8CAMQIMGDt5DjzSuj1Icy6neTcifz1GfoBlV64UPSVQ8/M69ogvfVajwq7GCgyhAWMEGDBGgAFj0kWsrU0zu0eLzHwih6orrSkU7SIrwHRKZUULVyom29IB3lJaAnksd5OjiJFeVuc9mTUFQ2jAGAEGjBFgwFj+HDgy6Q+eS2FSJDtxLZLb9CvxOJG9SkZrvKSLWHWPFMy9kpHLCP6M6orDRfd58F/nrK73FRhCA8YIMGCMAAPGpHti5dYeEo9c1MylrilU7mVsvf3xPFCnrZdyI/uBIpbFM+lEul4lNoVSKNHXyV2HZ9RtiyE0YIwAA8YIMGBseCFH6RYThe11QXWVmLqFSj1Kr6HotntsJywtlhQVdSIVoLpFWi4b6IqeqJj7YYse3Rg8VBxDaMAYAQaMEWDAWMd2Qs2DZy2v6XzynUL1KFfbuqWetXT9pLcTRgSX5jh+wYn7rh936hLZ9Hfh8g0+wBAaMEaAAWMEGDB21Bx4qiKy9dcpdVclslxMoUFa/1ffEeC27XU33/jte4ueXfhWWQ8b6dQlezdunnT3r+IYQgPGCDBgjAADxqR7YgUPJdLKSLOmNaXtbjz+QnP3sVWT7om1Wy+p205Yd6iix1aYFmZ6louVar7zDKEBYwQYMEaAAWPSK7FEdiaK9FvXv4a4rcpTXUUzcij7xu5tPbEir+z8ud8vcZ1Xecp96ucWzfb66RhCA8YIMGCMAAPG3pvnXblTCKk1Mc9k3X+dj3/Al3JR1Pg6hXQVulRWY3e1qsbNy+i5yNyHBq4Pvj5R27ItVmIBuIsAA8YIMGCso7G7ZqNzkc2Gi7N8tXVehcZdU5sHB6+kWXcRK7JD8EK2evRZaRUnkcgCqcRSU1aRcutE/RhCA8YIMGCMAAPG1BdyTG0Zi3BsrzW1227917bpZdGzCxs+jtl2wi11a61SLunlX+tWCLk0DMuSe2N1fuFvDKEBawQYMEaAAWPlRazBwpJIAUykjY5mB6nIe0VqlrPmq9BTm8LqVupklW1K23r1LFQSqR3eP2nwxf0YQgPGCDBgjAADxjq2E269fmvip7BSp+7Iic86qxOcqYrc2AuFbkQ3dRSxHn/grQU0kZJP3RKozu2EPfd5V9GirrXxXLVhCA0YI8CAMQIMGJtfyJGltHgmcuSt8ya+OKLoqgYrfFIT7OGeWG3vfduppkSKZ20LJyPdxRKXXgWXixVVdHfv8+L1pfc5jiE0YIwAA8YIMGCsew48NVV7eTSRRlZ1lZjEYlLicjHB/vJSNaqXzqlC1xUbIrvP2n4Nmh3kE/v458oqpo7fZ4bQgDECDBgjwIAxuTnw40lF7mzk8S6/0klRUf/x4GWs/6q5QCpykePz3s/kAnzRU2w4owK0fnvWoXL//Xr8/XYukJKqWl0whAaMEWDAGAEGjHXMgetae4sousiXh23re153ovvFpNIlX74d5AeKWMolgQ/BZwjW/Qrbbl2kapW4Ne8+izJkBYbQgDECDBgjwICxgTmwSDemuh1zU0uREk0VdQ7Y99f87c+vxMraXCrSfkmzsdOFyGqqUnW/q5EnKv4LQ2jAGAEGjBFgwNj8HNiil/eCSEXn5Xvbum2JLNSp+11JFSnzAxzs9N2jtBu7wj8rETqbYx+vaZv6mfV/9QyhAWMEGDBGgAFj+XNgzVLT22btITIrbmvOVETnGxS8OV/NXuTw0wlLn1rQU9Voaygv8oSHoJ5lTG1FyvGiLENowBgBBowRYMDY/EqstfE5xrd6unztnqVtTdjUWp3EW3dMn7bhALe1MgoWderaggv2xNLpL5V46+rMXgZDaMAYAQaMEWDAmHpj97rz6uy5uU+hPpR4GcHjCK7T6p+oy1Whpxo7bZFai/NX3SIni2LSlq1vUPPr/sAQGjBGgAFjBBgwJjcHXshdXiPSX/7ZKzsP9fJokScMRs4bPHiW+zenoljg/XRCzepCXckn670u96roROs/Bfd4Nt9nhtCAMQIMGCPAgDG5IpbO9OyxrJLP1nt17ptm5Sly6wSXfP3VEeCs+kHwUFIPlfvWYE/8+4W30rJN24myjIeZITRgjAADxggwYGy4iNXZ9kmzFJFYXEl8ceJ7NU8UkdtlOkiuCj0i8SkNsh2kFi9e/0nkE229eKuEWfd5G8LMEBowRoABYwQYMNY9B9asUuzuGaqrhymsTAoeKlFiQ/m2EubiMg7ZTnjRU7VrC0ZuEh6vPUpc1LV7qMd3IHJVU5Wn8f8gMYQGjBFgwBgBBozNz4HvL5OIPFVs97yRRU5Ta7xENir2TAs7e9yLLNr7Vn6A159WZ5WPnbq6lOy38Hgl1kXnB2xOO0NowBgBBowRYMBYeRHLqyRQrXPZg8X+wbXISqy6F9/XUN0crkJHempfJPbjXhP5cefKqvYHn/Sn0PXKpcL3gSE0YIwAA8YIMGBsfiXWfVMT18FqkMImuNz3apbWxCe6C+UBzlpMk/7eqWJ41nmDhdO6YlLWiqjEuuP64InN6PsxhAaMEWDAGAEGjA2sxLoomkIEFyr19IjK3akn0gvGovB2DKcq9E9Ygzm1FCmxhXrWWXKN7EyksTuAFQIMGCPAgLH8ObBmC6Vdmle1pvnoRrVJY7r77cRctxNONSuqW2ipsIqrdNPfv944qK2//NZljP9DzxAaMEaAAWMEGDDWMQcenyd8ew1tz+Pbmnwmtpt3dL/qE9zDWNQEq5/cSqxI5amu3KLQq+kli4sUFKxLLX51rMQCsEKAAWMEGDAmNwdOfEze1onquJ9osDW/ZgMtKd0rsXJva0/VauvFuQuk2trNJ95JhR2RkTtZ2osrHUNowBgBBowRYMCYXBFrS0/Fq/Q5gJEj1236k5rm3aSwiK1/wuwU4NydXD2Vp7YqjsIOx92/rgV70ydS/ueMITRgjAADxggwYEx9O2Hdk+8iNY/OClnzceLnjewBFOlNv3XS+zsTXXtiXRQ9GO7IpXM9i9jOuHVbn+iYj88QGjBGgAFjBBgwNjAHtp5y3GHxAadWJp1xLoXzfsgP8O56qazSXGQXWOk+vsfFlS1TjZ12L7itN/39F+us8HuAITRgjAADxggwYGx+N1JiL++tbt36jZ2mtjGWroJQ2PS3eyLlqmR5gKda4G9VJiJhrqserV+s/Kv6rG3rZdu/yI/LYxUYQgPGCDBgjAADxuaLWInqtuZl9RwOcpn3fta29VKkANZcKx0O8OMSzleyP+62xVVZq8ci9b/IRUYOVVc7lP1dfWAIDRgjwIAxAgwYy58DTz3PSlbb8xYXJ30ru1fBlVgK36D448vWzqlCFz1fL/jeAxpZ6fyaEwtgWZcxHn6G0IAxAgwYI8CAsXPmwIN7WY7Zm3ZH7vVv1bQsbt3iIl0bu2ddt8X399VPqzxl7R9sq0vJ1izvYAgNGCPAgDECDBjrLmKVdpyJqOuNYrefrnRxgkghQ+Qy4s6pQu8WMB/XlkofgRnp6dejdLNh5FAKDcP6a1oMoQFjBBgwRoABY+fMgS9yu6KPbIITmfS+NS41i2y9nOqJNTv3PjbAInKjXvTMxKCihwYGzyuy/7n633qG0IAxAgwYI8CAMebAT9xfvVA3Jxxv5rK4kp4XR/76+DvaPVE1AvyHZqfvkUwOrnmKbEVUWInVjyE0YIwAA8YIMGCMOfA3gvWhtjpNEZ01T1s0r6pad4DbqjJ1G7t0Wre3NTrPuqq6bZu5b9fpZf8SQ2jAGAEGjBFgwFjHHPiA6kLbdsKpjXtFEp9dGDzUY+K/3p9bhc6qAAXXLU3txXssWB5LbPrVc6j1i8cXtDKEBowRYMAYAQaMvRv9P2sAF/wXGDBGgAFjBBgwRoABYwQYMEaAAWMEGDBGgAFjBBgwRoABYwQYMEaAAWMEGDBGgAFjBBgwRoABYwQYMEaAAWMEGDBGgAFjBBgwRoABYwQYMEaAAWMEGDBGgAFjBBgw9j9RiEt5woJ62QAAAABJRU5ErkJggg==" alt="Quick Response Code"> 2317 <i class="fas fa-qrcode"></i> 2318 </div> 2319 <style> 2320 .HAPI-qrcode { 2321 z-index: 999999999999999; 2322 font-size: 10px; 2323 position:fixed; 2324 bottom:1em; 2325 left:0; 2326 background: rgba(0,0,0,0.2); 2327 padding:0 .3em 0 .1em; 2328 color:#fff; 2329 border-radius: 0 .5em .5em 0; 2330 vertical-align: text-bottom; 2331 cursor: pointer; 2332 } 2333 .HAPI-qrcode i { 2334 opacity: 0.5; 2335 } 2336 .HAPI-qrcode img { 2337 display: none; 2338 position:absolute; 2339 bottom: 0; 2340 left: 2.5em; 2341 max-width: calc(100vw - 5em); 2342 border:1em solid rgba(0,0,0,0.3); 2343 border-radius: .5em; 2344 cursor: default; 2345 } 2346 </style> 2347 2348 2349 2350 2351 2352
2352<script async src="https://hapi.mmcreation.com/assets/helpers-js?v=9410353b4d832519bec8dd26fbf7794f38647213"></script>
2352 2353 <link async rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/helpers-css?v=9410353b4d832519bec8dd26fbf7794f38647213" /> 2354 2355
2355<script async src="https://hapi.mmcreation.com/assets/foobar-js?v=1.0"></script>
2355 2356 <link rel="preload" as="style" media="screen" href="https://hapi.mmcreation.com/assets/foobar-css?v=1.0" /> 2357 2358 2359 2360 2361 2362
2362<script> 2363 //https://github.com/jonnyhaynes/inline-svg/blob/master/dist/inlineSVG.min.js 2364 !function(a,b){"function"==typeof define&&define.amd?define([],b(a)):"object"==typeof exports?module.exports=b(a):a.inlineSVG=b(a)}("undefined"!=typeof global?global:this.window||this.global,function(a){var b,c={},d=!!document.querySelector&&!!a.addEventListener,e={initClass:"js-inlinesvg",svgSelector:"img.svg"},f=function(a,b){return function(){if(--a<1)return b.apply(this,arguments)}},g=function(){var a={},b=!1,c=0,d=arguments.length;"[object Boolean]"===Object.prototype.toString.call(arguments[0])&&(b=arguments[0],c++);for(var e=function(c){for(var d in c)Object.prototype.hasOwnProperty.call(c,d)&&(b&&"[object Object]"===Object.prototype.toString.call(c[d])?a[d]=g(!0,a[d],c[d]):a[d]=c[d])};c<d;c++){e(arguments[c])}return a},h=function(){return document.querySelectorAll(b.svgSelector)},i=function(){return"_"+Math.random().toString(36).substr(2,9)},j=function(a){var c=h(),d=f(c.length,a);Array.prototype.forEach.call(c,function(a,c){var e=a.src||a.getAttribute("data-src"),f=a.attributes,g=new XMLHttpRequest;g.open("GET",e,!0),g.onload=function(){if(g.status>=200&&g.status<400){var c=new DOMParser,e=c.parseFromString(g.responseText,"text/xml"),h=e.getElementsByTagName("svg")[0];if(h.removeAttribute("xmlns:a"),h.removeAttribute("width"),h.removeAttribute("height"),h.removeAttribute("x"),h.removeAttribute("y"),h.removeAttribute("enable-background"),h.removeAttribute("xmlns:xlink"),h.removeAttribute("xml:space"),h.removeAttribute("version"),Array.prototype.slice.call(f).forEach(function(a){"src"!==a.name&&"alt"!==a.name&&"longdesc"!==a.name&&h.setAttribute(a.name,a.value)}),h.classList?h.classList.add("inlined-svg"):h.setAttribute("class",h.getAttribute("class")+" inlined-svg"),h.setAttribute("role","img"),f.alt){var j=document.createElementNS("http://www.w3.org/2000/svg","title"),k=document.createTextNode(f.alt.value);if(j.setAttribute("id",i()),j.appendChild(k),h.insertBefore(j,h.firstChild),f.id)h.setAttribute("aria-labelledby",f.id.value);else if(!f.id){var l=function(){if(h.getElementsByTagName("title").length>0){return h.getElementsByTagName("title")[0].getAttribute("id")}return""};h.setAttribute("aria-labelledby",l())}}if(f.alt||(h.setAttribute("aria-hidden","true"),h.setAttribute("role","presentation")),f.longdesc){var m=document.createElementNS("http://www.w3.org/2000/svg","desc"),n=document.createTextNode(f.longdesc.value);m.setAttribute("id",i()),m.appendChild(n),f.alt?h.insertBefore(m,h.firstChild.nextSibling):h.insertBefore(m,h.firstChild);var o=function(){if(h.getElementsByTagName("desc").length>0){return h.getElementsByTagName("desc")[0].getAttribute("id")}return""};if(f.alt){var p=h.getAttribute("aria-labelledby");h.setAttribute("aria-labelledby",p+=" "+o())}else h.setAttribute("aria-labelledby",o())}a.parentNode&&a.parentNode.replaceChild(h,a),d&&d(b.svgSelector)}else console.error("There was an error retrieving the source of the SVG.")},g.onerror=function(){console.error("There was an error connecting to the origin server.")},g.send()})};return c.init=function(a,c){d&&(b=g(e,a||{}),j(c||function(){}),document.documentElement.className+=" "+b.initClass)},c}); 2365 2366 inlineSVG.init( 2367 { 2368 svgSelector: 'img[data-inline="true"]', // the class attached to all images that should be inlined 2369 initClass: 'svg-inlined', // class added to the <html> 2370 }, 2371 function () { 2372 console.log('All SVGs inlined'); 2373 } 2374 ); 2375 </script>
2375 2376 </body> 2377</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.