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.la-maison-champs-elysees.com/favicon.ico?2533cac43cdcd55f4ab4a18568970e4ed5dc8844" sizes="32x32"> 10 <link rel="apple-touch-icon" href="https://hapi.mmcreation.com/hapidam/38aaf879-a388-485b-b4d4-8e0ee859a230/la-maison-champs-elysees-elements-graphiques-logos-symboles-021.png?w=180&h=180&mode=crop&coi=50%2C50"><!-- 180Ã180 --> 11 <link rel="manifest" href="https://www.la-maison-champs-elysees.com/fr/manifest.webmanifest.html"> 12 <title>La Maison Champs Elysées | Contact | Hôtel Champs Elysées</title> 13<meta name="description" content="Retrouvez les contacts et accès de La Maison Champs Elysées, un établissement 5 étoiles, au cÅur du 8ème arrondissement proche des Champs Elysées." /> 14<link rel="canonical" href="https://www.la-maison-champs-elysees.com/fr/page/contact-acces-hotel-champs-elysees.13421.html" /> 15<link rel="alternate" href="https://www.la-maison-champs-elysees.com/fr/page/contact-acces-hotel-champs-elysees.13421.html" hreflang="fr" /> 16<link rel="alternate" href="https://www.la-maison-champs-elysees.com/en/page/contact-acces-hotel-champs-elysees.13421.html" hreflang="en" /> 17<link rel="alternate" href="https://www.la-maison-champs-elysees.com/en/page/contact-acces-hotel-champs-elysees.13421.html" hreflang="x-default" /> 18<link rel="alternate" href="https://www.la-maison-champs-elysees.com/es/page/contact-et-acces-hotel-proche-champs-elysees.13421.html" hreflang="es" />
19<script>window.dataLayer = window.dataLayer || [];</script>
19 <meta property="og:type" content="website" /> 20 <meta property="og:title" content="La Maison Champs Elysées | Contact | Hôtel Champs Elysées" /> 21 <meta property="og:description" content="Retrouvez les contacts et accès de La Maison Champs Elysées, un établissement 5 étoiles, au cœur du 8ème arrondissement proche des Champs Elysées." /> 22 <meta property="og:url" content="https://www.la-maison-champs-elysees.com/fr/page/contact-acces-hotel-champs-elysees.13421.html" /> 23
23<script> 24 dataLayer.push({ 25 'event':'genericEvent', 26 'language': 'fr', 27 'pageType': 'page', 28 'pageCode': 'acces-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.la-maison-champs-elysees.com\/", 36 "name": "La Maison Champs Elys\u00e9es" 37 }, 38 { 39 "@context": "http:\/\/schema.org", 40 "@type": "Hotel", 41 "name": "La Maison Champs Elys\u00e9es", 42 "description": "", 43 "telephone": [ 44 "+33140746464" 45 ], 46 "email": "[email protected]", 47 "address": { 48 "@type": "PostalAddress", 49 "streetAddress": "8 rue Jean-Goujon", 50 "addressLocality": "Paris", 51 "postalCode": "75008", 52 "addressCountry": "France" 53 }, 54 "image": { 55 "@type": "ImageObject", 56 "url": "https:\/\/api.hapidam.com\/share\/78eb3853-3a6e-483d-a66e-3c98b47fb5b6\/la-maison-champs-elysees-hotel-facade-001.jpg?size=lg", 57 "description": "", 58 "name": "La Maison Champs Elys\u00e9es | Fa\u00e7ade" 59 } 60 } 61]</script>
61 62
62<script src="https://www.la-maison-champs-elysees.com/assets/vendors/klaro-gdpr/klaro_warmup.js"></script>
62 63
63<script src="https://www.la-maison-champs-elysees.com/assets/vendors/klaro-gdpr/config.js"></script>
63 64
64<script>klaroConfig.privacyPolicy = '#privacy'; klaroConfig.theme = 'lite';</script>
64 65
65<script src="https://www.la-maison-champs-elysees.com/assets/vendors/klaro-gdpr/klaro.js"></script>
65 66
66<script>setTimeout(klaro.getManager,2000);</script>
66 67 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 94 bytes, lines 67-68
67 68<script async type="application/javascript" src="https://www.googletagmanager.com/gtag/js?id=
68G-R9E67V7LQ0
vendor: 12 bytes, line 68
68"></script>
69<script type="application/javascript" > 70window.dataLayer = window.dataLayer || []; 71function gtag(){dataLayer.push(arguments);} 72 gtag('set', 'linker', {'domains': ['la-maison-champs-elysees.com','be.synxis.com']}); 73 gtag('js', new Date()); 74 gtag('config', 'G-R9E67V7LQ0', { 'anonymize_ip': true }); 75 </script>
75 76 77 78 79<!-- The Hotels Network (2025) -->
80<script src='https://www.thehotelsnetwork.com/js/loader.js?property_id=1052710' async></script>
80 81 82 83<!-- Hotel Direct Booster -->
84<script type='text/javascript' id='visitor_id' hotel_ref='56058' src='https://hdb-solutions.com/livechat/synxis-be/base.js' charset='utf-8'></script>
84 85 86<!-- GA4 --> 87<!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 87
87 <script async src="https://www.googletagmanager.com/gtag/js?id=
87G-29D19N2MGM
vendor: 12 bytes, line 87
87"></script>
87<script>
vendor: 127 bytes, line 87
87window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
87G-29D19N2MGM
vendor: 4 bytes, line 87
87');
87</script>
87 88 89 <!--CRW-OG-IMAGES:START--> 90 <meta property="og:image" content="https://hapi.mmcreation.com/hapidam/b95d96af-d0a6-49a9-b7a1-3959bf789af6/la-maison-champs-elys-es-fa-ade-2026-05-design-hotels.jpg?size=lg" /> <meta property="og:image" content="https://hapi.mmcreation.com/hapidam/fb84afe9-2d42-4fd4-8bd0-0f3ff4f26ce0/la-maison-champs-elysees-visuels-libres-001.jpg?size=lg" /> <meta property="og:image:alt" content="La Maison Champs Elysées | Arc de Triomphe de nuit" /> <meta property="og:image" content="https://hapi.mmcreation.com/hapidam/d3a2fe69-e468-4912-b841-001e9538e87d/la-maison-champs-elysees-visuels-libres-002.jpg?size=lg" /> <meta property="og:image:alt" content="La Maison Champs Elysées | Tour Eiffel" /> <meta property="og:image" content="https://hapi.mmcreation.com/hapidam/cb6f8fb2-60dd-4fc3-af01-7c1dda0f596f/la-maison-champs-elysees-visuels-libres-003.jpg?size=lg" /> <meta property="og:image:alt" content="La Maison Champs Elysées | Jardin du Carrousel" /> <meta property="og:image" content="https://hapi.mmcreation.com/hapidam/baa65440-0dad-4eaf-a2de-b03fad3665d9/la-maison-champs-elysees-visuels-libres-008.jpg?size=lg" /> <meta property="og:image:alt" content="La Maison Champs-Elysées | Art" /> <meta property="og:image" content="https://hapi.mmcreation.com/hapidam/fda071ab-f2f3-4526-b4bb-3e8ddd5cf491/la-maison-champs-elysees-visuels-libres-006.jpg?size=lg" /> <meta property="og:image" content="https://hapi.mmcreation.com/hapidam/33e87296-03b5-4b0e-bde5-bb33c486a493/la-maison-champs-elysees-visuels-libres-007.jpg?size=lg" /> <meta property="og:image" content="https://hapi.mmcreation.com/hapidam/20fdfb74-35db-46f6-8907-af6645962882/la-maison-champs-elysees-visuels-libres-005.jpg?size=lg" /> <meta property="og:image:alt" content="La Maison Champs Elysées | Shopping" /> <meta property="og:image" content="https://hapi.mmcreation.com/hapidam/3dc7348a-b340-4970-bc53-5b468a9f4e71/la-maison-champs-elysees-visuels-libres-009.jpg?size=lg" /> 91 92 <!--CRW-OG-IMAGES:END--> 93 94
94<script> 95 var ms_ie = false; 96 var ua = window.navigator.userAgent; 97 var old_ie = ua.indexOf('MSIE '); 98 var new_ie = ua.indexOf('Trident/'); 99 if ((old_ie > -1) || (new_ie > -1)) { 100 ms_ie = true; 101 } 102 103 var ENV_PSPEED= false; 104 var ENV_ADMIN= false; 105 var ENV_HID= "814"; 106 var HOST = "https://www.la-maison-champs-elysees.com"; 107 var BASEPATH = "https://www.la-maison-champs-elysees.com/"; 108 var APPS_URL = "/"; 109 var ENV_PAGE= "page"; 110 var ENV_PARAM= "contact-acces-hotel-champs-elysees.13421"; 111 var ENV_LNG= "fr"; 112 var IMAGE_CUSTOM_QUALITY= "80"; 113 var IMAGE_LAZY_MODE= "blur"; 114 var ENV_WEBP = false; 115 var ENV_MOBILE = false; 116 var ENV_TABLET = false; 117 var ENV_IE= 0; 118 119 var ENV_GOOGLE_UAC = "G-R9E67V7LQ0"; 120 var ENV_MATOMO_URL = ""; 121 var ENV_MATOMO_SID = ""; 122 123 var ENV_ID= ""; 124 var ENV_DEV= false; 125 var ENV_DEBUG= false; 126 127 var SKIN_map_cluster_lg = ""; 128 var SKIN_map_cluster_md = ""; 129 var SKIN_map_cluster_sm = ""; 130 131 var SKIN_map_cluster_lg_text = ""; 132 var SKIN_map_cluster_md_text = ""; 133 var SKIN_map_cluster_sm_text = ""; 134 135 var SKIN_map_cluster_lg_icon = ""; 136 var SKIN_map_cluster_md_icon = ""; 137 var SKIN_map_cluster_sm_icon = ""; 138 139 var slider_offres; 140 var cookiesDirectiveSettings = { 141 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.", 142 closeMessage : "Ne plus afficher ce message" 143 }; 144 145 var ENV_CONFIG = { 146 hid: 814, 147 rgpd_allow_video: false, 148 country_code: "FR", 149 } 150 151 // detect if the current page is called in iframe from the same website 152 var ENV_IFRAME = top.frames.length!=0 && top.frames[0].location.host==document.location.host; 153 if(ENV_IFRAME) 154 { 155 document.querySelector('html').classList.add('in-frame') 156 } 157 </script>
157 158 159 <style> 160 /* 161 Prevent content flickering without CSS 162 */ 163 body.loading { opacity:0; } 164 </style> 165 166 <!--HAPI-MOVE-TO-HEAD:CSS--> 167 <!--HAPI-MOVE-TO-HEAD:JS-->
168<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/hapi-video.min.js" async defer></script>
168 169 170
170<script src='https://www.thehotelsnetwork.com/js/hotel_price_widget.js?partnership_id=6&partnership_hotel_id=56058' async></script>
170</head> 171<body 172 id="page-page" lang="fr" 173 data-page-id="13421" 174 data-page-code="acces-contact" 175 data-page-tags="" 176 data-page-slug="contact-acces-hotel-champs-elysees.13421" 177 data-page_iframe="0" 178 179 180 181 data-lng="fr" 182 data-terminal="desktop" 183 data-header="true" 184 data-book-in-frame="0" 185 class="loading frontend " 186 data-scrollpad="-32" 187 data-scrollpad-tablet="-24" 188 data-scrollpad-mobile="0" 189 > 190 <!-- HAPI2 © www.mmcreation.com (V185)--> <div class="hapi_content_wrapper"> 191 <header id="page_header" class=""> 192 193 <div id="row-navigation" row-id="96608" row-code="navigation" row-type="1" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row light"> 194 <div class="page_row_background" > 195 <div class="page_row_overlay"> 196 <div class="page_row_content"> 197 <div class="page_row_classic grid_row"> 198 <div class="grid_cell" style="width:100%;"> 199 <div content-id="navigation_" private-id="96608_21810" class="mod_content"> 200 <div id="mod_navbar--navigation" class="module_wrapper" code="navigation" module="navbar" template="_default" skin="_default"> 201 <div style="z-index:100;" class="tophat-bar " data-tophat-key="navbar-navigation" data-tophat-group="" data-tophat-burger-label="" data-tophat-burger-link="javascript:window.fspanel(1328,'toggle');void(0);" data-tophat-burger-animation="right" data-tophat-burger-position="right" data-tophat-burger-visibility="always" data-tophat-burger-order="first" data-tophat-burger-mobile-position="right" 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.la-maison-champs-elysees.com/"><span><img alt="" src="https://hapi.mmcreation.com/hapidam/bc068194-f59d-4f81-acce-1f59e56a4325/la-maison-champs-elysees-elements-graphiques-logos-symboles.jpg?w=640&h=640&mode=inside&coi=50%2C50"></span></a><a class="tophat-bar-logo" logo-w="0" screen="mobile" href="https://www.la-maison-champs-elysees.com/"><span><img alt="" src="https://hapi.mmcreation.com/hapidam/bc068194-f59d-4f81-acce-1f59e56a4325/la-maison-champs-elysees-elements-graphiques-logos-symboles.jpg?w=640&h=640&mode=inside&coi=50%2C50"></span></a></div><div class="tophat-bar-part" data-tophat-align="middle"><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="0" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.la-maison-champs-elysees.com/"><span class="label" data-burger-label=""><span class="label-content"> Hôtel </span></span></a></div><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="0" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.la-maison-champs-elysees.com/fr/page/chambres-suites-hotel-romantique-paris.13365.html"><span class="label" data-burger-label=""><span class="label-content"> Chambres & Suites <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.la-maison-champs-elysees.com/fr/page/chambres-suites-hotel-romantique-paris.13365.html#row-roche-bobois" ><span class="label" data-burger-label=""><span class="label-content"> Suites Roche Bobois </span></span></a></li><li class=" "><a href="https://www.la-maison-champs-elysees.com/fr/page/chambres-suites-hotel-romantique-paris.13365.html#row-couture" ><span class="label" data-burger-label=""><span class="label-content"> Collection Couture </span></span></a></li><li class=" "><a href="https://www.la-maison-champs-elysees.com/fr/page/chambres-suites-hotel-romantique-paris.13365.html#row-boutique" ><span class="label" data-burger-label=""><span class="label-content"> Collection Boutique </span></span></a></li></ul></div><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="0" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.la-maison-champs-elysees.com/fr/page/restaurant-terrasse-hotel-avenue-montaigne.13405.html"><span class="label" data-burger-label=""><span class="label-content"> Restaurant & Bar <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.la-maison-champs-elysees.com/fr/page/restaurant-terrasse-hotel-avenue-montaigne.13405.html#!row-restaurant" ><span class="label" data-burger-label=""><span class="label-content"> Restaurant </span></span></a></li>
201<li class=" "><a href="https://www.la-maison-champs-elysees.com/fr/page/restaurant-terrasse-hotel-avenue-montaigne.13405.html#!row-bar" ><span class="label" data-burger-label=""><span class="label-content"> Bar </span></span></a></li><li class=" "><a href="https://www.la-maison-champs-elysees.com/fr/page/restaurant-terrasse-hotel-avenue-montaigne.13405.html#!row-petit-dejeuner" ><span class="label" data-burger-label=""><span class="label-content"> Petit-déjeuner </span></span></a></li></ul></div><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="0" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.la-maison-champs-elysees.com/fr/page/seminaires-evenements-seminaire-paris-8.13413.html"><span class="label" data-burger-label=""><span class="label-content"> Séminaires & Ãvènements </span></span></a></div><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="0" screen="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.la-maison-champs-elysees.com/fr/page/espace-bien-etre-hotel-luxe-paris.41637.html"><span class="label" data-burger-label=""><span class="label-content"> Espace Bien-Ãtre </span></span></a></div><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="0" screen="mobile" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.la-maison-champs-elysees.com/fr/page/services-hotel-luxe-paris.13406.html"><span class="label" data-burger-label=""><span class="label-content"> Services & Conciergerie </span></span></a></div><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="0" screen="mobile" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://shop.la-maison-champs-elysees.com/"><span class="label" data-burger-label=""><span class="label-content"> Bons cadeaux </span></span></a></div><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="0" screen="mobile" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.la-maison-champs-elysees.com/fr/page/engagement-hotel-de-luxe-paris-8.25568.html"><span class="label" data-burger-label=""><span class="label-content"> Engagements </span></span></a></div><div class="nav-item " data-tophat-class="" data-tophat-group="0" data-tophat-level="0" screen="mobile" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.la-maison-champs-elysees.com/fr/page/galerie-photo-hotel-triangle-d-or.13420.html"><span class="label" data-burger-label=""><span class="label-content"> Galerie photos </span></span></a></div><div class="nav-item active " data-tophat-class="" data-tophat-group="0" data-tophat-level="0" screen="mobile" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="default"><a class="nav-link react " href="https://www.la-maison-champs-elysees.com/fr/page/contact-acces-hotel-champs-elysees.13421.html"><span class="label" data-burger-label=""><span class="label-content"> Accès & Contact </span></span></a></div></div><div class="tophat-bar-part" data-tophat-align="right"><div class="nav-item desktop-gift" data-tophat-class="desktop-gift" 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://shop.la-maison-champs-elysees.com/"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend fal fa-gift"></i> </span></span></a></div><div class="nav-item mobile-gift" data-tophat-class="mobile-gift" 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://shop.la-maison-champs-elysees.com/"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend fal fa-gift"></i>
201 </span></span></a></div><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="button-alt-square"><a class="nav-link react nolink" href="javascript:void(0);"><span class="label" data-burger-label=""><span class="label-content"> Réserver <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="/fr/book?" class="BookingLink"><span class="label" data-burger-label=""><span class="label-content"> CHAMBRES & SUITES </span></span></a></li><li class=" "><a href="https://www.la-maison-champs-elysees.com/fr/page/restaurant-terrasse-hotel-avenue-montaigne.13405.html" ><span class="label" data-burger-label=""><span class="label-content"> RESTAURANT </span></span></a></li></ul></div><div class="nav-item BookingTrigger BookingCustom_not_panel" data-tophat-class="BookingTrigger BookingCustom_not_panel" data-tophat-group="0" data-tophat-level="999" screen="mobile" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" data-tophat-skin="button-square"><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="both" data-tophat-burgerlevel="0" data-tophat-burgermode="auto" 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.la-maison-champs-elysees.com/fr/page/contact-acces-hotel-champs-elysees.13421.html" ><span class="label" data-burger-label=""><span class="label-content"> Français </span></span></a></li><li class=" "><a href="https://www.la-maison-champs-elysees.com/en/page/contact-acces-hotel-champs-elysees.13421.html" ><span class="label" data-burger-label=""><span class="label-content"> English </span></span></a></li><li class=" "><a href="https://www.la-maison-champs-elysees.com/es/page/contact-et-acces-hotel-proche-champs-elysees.13421.html" ><span class="label" data-burger-label=""><span class="label-content"> Español </span></span></a></li></ul></div><div class="nav-item active size-plus" data-tophat-class="size-plus" 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 " href="https://www.la-maison-champs-elysees.com/fr/page/contact-acces-hotel-champs-elysees.13421.html"><span class="label" data-burger-label=""><span class="label-content"><i class="navbar-icon-prepend fal fa-map-marker-alt"></i> </span></span></a></div></div></div></div> </div> 202 </div> 203 </div> 204 </div> 205 </div> 206 </div> 207 </div> 208 209 210 </header> 211 <div id="content_container"> 212 <div id="content"> 213 <div id="row-header" row-id="98197" row-code="header" row-type="grille" desktop="true" mobile="true" data-fullscreen="true" data-tablet-fullscreen="true" data-mobile-fullscreen="true" class="page_row header-banner"> 214 <div class="page_row_background" > 215 <div class="page_row_overlay"> 216 <div class="page_row_content"> 217 <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"> 218 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-header-144488" class="grid_cell_wrapper with_text_1 with_picture" grid-cell="header-144488" private-id="98197-144488" data-background-image="https://hapi.mmcreation.com/hapidam/b95d96af-d0a6-49a9-b7a1-3959bf789af6/la-maison-champs-elys-es-fa-ade-2026-05-design-hotels.jpg?w=1920&h=1920&mode=crop&coi=55%2C49" 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"> 219 <div class="cell_container" onclick="" content-id="header_144488" private-id="98197_144488" overlay-hover="false" cell-color="#ffffff"> 220 <div class="cell_content"> 221 <div class="part_1" data-text-transition="default"> 222 <div class="part_1_1"> 223 <div class="part_wrapper"> 224 <h1 style="text-align: center;"><strong>Contact & Accès</strong></h1> 225 </div> 226 </div> 227 </div> 228 </div> 229 </div> 230 </div> 231 </div>
231 </div> 232 </div> 233 </div> 234 </div> 235 </div> 236 <div id="row-scrolldown" row-id="97744" row-code="scrolldown" row-type="grille" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row "> 237 <div class="page_row_background" > 238 <div class="page_row_overlay"> 239 <div class="page_row_content"> 240 <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"> 241 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-scrolldown-143929" class="grid_cell_wrapper with_text_1" grid-cell="scrolldown-143929" private-id="97744-143929" 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"> 242 <div class="cell_container" onclick="" content-id="scrolldown_143929" private-id="97744_143929" overlay-hover="false"> 243 <div class="cell_content"> 244 <div class="part_1" data-text-transition="default"> 245 <div class="part_1_1"> 246 <div class="part_wrapper"> 247 <p class="surtitre"><a data-scrolldown="true" href="#">Découvrir</a></p> </div> 248 </div> 249 </div> 250 </div> 251 </div> 252 </div> 253 </div> </div> 254 </div> 255 </div> 256 </div> 257 </div> 258 259 <div id="row-98328" row-id="98328" row-code="98328" row-type="grille" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row padding-vertical-horizontal deco-01"> 260 <div class="page_row_background" > 261 <div class="page_row_overlay"> 262 <div class="page_row_content"> 263 <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"> 264 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-98328-144712" class="grid_cell_wrapper with_text_1" grid-cell="98328-144712" private-id="98328-144712" 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"> 265 <div class="cell_container" onclick="" content-id="98328_144712" private-id="98328_144712" overlay-hover="false"> 266 <div class="cell_content"> 267 <div class="part_1" data-text-transition="default"> 268 <div class="part_1_1"> 269 <div class="part_wrapper"> 270 <h2 style="text-align: center;">Contact</h2> 271 272<div class="hapi-sc-service"> <ul id="sc23d70c99" class="hapi-service_cardlist" 273 desktop-layout="vcenter" tablet-layout="vcenter" mobile-layout="vcenter" 274 desktop-alignment="center" tablet-alignment="center" mobile-alignment="center" 275 desktop-columns="3" tablet-columns="3" mobile-columns="2"> 276 <li class="hapi-service_card" code="adresse"> 277 <span class="service-icon"><img alt="" style="height:4em;" src="https://hapi.mmcreation.com/hapidam/7083bcfc-2d6b-44d8-8016-ec11a8dd2750/la-maison-champs-elysees-elements-graphiques-pictos-036.svg?size=md&colorize=b3a06c"></span> <span class="service-name">Adresse</span> <span class="service-description">8 rue Jean-Goujon<br> 27875008 Paris</span> </li> 279 <li class="hapi-service_card" code="telephone"> 280 <span class="service-icon"><img alt="" style="height:4em;" src="https://hapi.mmcreation.com/hapidam/58fb084f-0e26-4ea9-ad96-6a3913b57090/la-maison-champs-elysees-elements-graphiques-pictos-035.svg?size=md&colorize=b3a06c"></span> <span class="service-name">Téléphone</span> <span class="service-description"><a href="tel:+33140746464">+33 1 40 74 64 64</a></span> </li> 281 <li class="hapi-service_card" code="nous-ecrire"> 282 <span class="service-icon"><img alt="" style="height:4em;" src="https://hapi.mmcreation.com/hapidam/1c3a30d4-b835-4d7f-9282-2f0a696c1e0a/la-maison-champs-elysees-elements-graphiques-pictos-034.svg?size=md&colorize=b3a06c"></span> <span class="service-name">Nous écrire</span> <span class="service-description"><a href="mailto:[email protected]">[email protected]</a></span> </li> 283 </ul> 284 <style> 285 @media screen and (min-width:1281px) { 286 #sc23d70c99.hapi-service_cardlist .service-icon > * { height: 4em !important; } 287 #sc23d70c99.hapi-service_cardlist .service-name { font-size: 1.1em !important; } 288 #sc23d70c99.hapi-service_cardlist .service-description { font-size: 0.9em !important; } 289 } 290 @media screen and (min-width:981px) and (max-width:1280px) { 291 #sc23d70c99.hapi-service_cardlist .service-icon > * { height: 4em !important; } 292 #sc23d70c99.hapi-service_cardlist .service-name { font-size: 1.1em !important; } 293 #sc23d70c99.hapi-service_cardlist .service-description { font-size: 0.9em !important; } 294 } 295 @media screen and (max-width:980px) { 296 #sc23d70c99.hapi-service_cardlist .service-icon > * { height: 4em !important; } 297 #sc23d70c99.hapi-service_cardlist .service-name { font-size: 1.1em !important; } 298 #sc23d70c99.hapi-service_cardlist .service-description { font-size: 0.9em !important; } 299 } 300 </style> 301 </div> </div> 302 </div> 303 </div> 304 </div> 305 </div> 306 </div> 307 </div>
307 </div> 308 </div> 309 </div> 310 </div> 311 </div> 312 <div id="row-98327" row-id="98327" row-code="98327" row-type="grille" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row vertical-text-right"> 313 <div class="page_row_background" > 314 <div class="page_row_overlay"> 315 <div class="page_row_content"> 316 <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"> 317 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-98327-144711" class="grid_cell_wrapper with_text_1" grid-cell="98327-144711" private-id="98327-144711" 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"> 318 <div class="cell_container" onclick="" content-id="98327_144711" private-id="98327_144711" overlay-hover="false"> 319 <div class="cell_content"> 320 <div class="part_1" data-text-transition="default"> 321 <div class="part_1_1"> 322 <div class="part_wrapper"> 323 <p class="surtitre">Accès</p> </div> 324 </div> 325 </div> 326 </div> 327 </div> 328 </div> 329 </div> </div> 330 </div> 331 </div> 332 </div> 333 </div> 334 335 <div id="row-98202" row-id="98202" row-code="98202" row-type="grille" desktop="true" mobile="true" data-fullscreen="true" data-tablet-fullscreen="true" data-mobile-fullscreen="false" class="page_row deco-02 intro padding-vertical-horizontal light"> 336 <div class="page_row_background" > 337 <div class="page_row_overlay"> 338 <div class="page_row_content"> 339 <div class="page_row_grid grid_row" mobile="true" data-grid-reverse="desktop" data-grid-breakpoint="1" data-grid-type="2" data-grid-gutter="0" data-grid-gutter-mobile="0" data-grid-gutter-overall="0"> 340 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-98202-144494" class="grid_cell_wrapper " grid-cell="98202-144494" private-id="98202-144494" 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"> 341 <div 342 style="z-index:2" 343 class="gmap-as-background " 344 id="cartography1_6ac30f4e03eb0-background-map" 345 346 data-gmap-container="#cartography1_6ac30f4e03eb0-background-map" 347 data-gmap-delta="{"desktop":[0,0],"tablet":[0,0],"mobile":[0,0]}" 348 data-gmap-zoom="15" 349 data-gmap-code="" 350 data-gmap-cluster_icon_color="#ffffff" 351 data-gmap-cluster_line_color="#000000" 352 data-gmap-cluster_line_width="1" 353 data-gmap-cluster_line_scale="3" 354 data-gmap-markers="[{"type":{"cluster":0,"url":"https://hapi.mmcreation.com/hapidam/4a53b8df-b888-402e-a883-679b90a27c95/la-maison-champs-elysees-elements-graphiques-logos-symboles-022.png?w=200&mode=ratio&coi=50%2C50","size":[137,60],"anchor":"bottom","anchor_pad":"0"},"cluster":0,"title":"<p class=\"surtitre\">La Maison Champs Elys\u00e9es<\/p>\r\n\r\n<p>8 rue Jean-Goujon<br \/>\r\n75008 Paris,\u00a0France<br \/>\r\n<a href=\"mailto:[email protected]\">[email protected]<\/a><br \/>\r\n<a href=\"tel:+33 1 40 74 64 64\">+33 1 40 74 64 64<\/a><\/p>\r\n","code":"","lat":"48.8666594","lng":"2.3090132"}]" 355 data-gmap-mapstyle="null" 356 > 357 </div> 358 <div class="cell_container" onclick="" content-id="98202_144494" private-id="98202_144494" overlay-hover="false" cell-color="#ffffff"> 359 360 </div> 361 </div> 362 </div><div cell-index="2" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-98202-144495" class="grid_cell_wrapper with_text_1" grid-cell="98202-144495" private-id="98202-144495" data-valign="center" data-halign="right" data-button-align="left" data-tablet-valign="" data-tablet-halign="" data-tablet-button-align="" data-mobile-valign="" data-mobile-halign="stretch" data-mobile-button-align="" data-row-level="1"> 363 <div class="cell_container" onclick="" content-id="98202_144495" private-id="98202_144495" overlay-hover="false" cell-color="#ffffff"> 364 <div class="cell_content"> 365 <div class="part_1" data-text-transition="default"> 366 <div class="part_1_1"> 367 <div class="part_wrapper"> 368 <h2>Venir à La Maison Champs Élysées</h2> 369 370<blockquote> 371<p class="surtitre"><span class="fa-subway fal"></span> METRO</p> 372 373<p>Station Champs-Élysées - Clémenceau (lignes 1 et 13)<br /> 374Station Franklin Roosevelt (lignes 1 et 9)</p> 375 376<p class="surtitre"><span class="fa-biking fal"></span> VELIB</p> 377 378<p><span style="color:#ffffff">LOCATION DE VÉLOS EN LIBRE-SERVICE</span></p> 379 380<p>L'hôtel se trouve à proximité d'une station Vélib :<br /> 381Place du Canada, N°8029</p> 382 383<p class="surtitre"><span class="fa-bus fal"></span> BUS</p> 384 385<p>Rond-point des Champs-Élysées (lignes 28, 42, 52, 73, 83 et 93)<br /> 386Montaigne-François Ier (lignes 42 et 80)</p> 387 388<p class="surtitre"><span class="fa-subway fal"></span> RER</p> 389 390<p>Ligne A : Charles de Gaulle - Etoile<br /> 391Ligne C : Pont de l'Alma ou Invalides</p> 392 393<p class="surtitre"><span class="fa-train fal"></span> GARES</p> 394 395<p>Gare Saint-Lazare : 10 min<br /> 396Gare de l'Est et Gare du Nord : 20 min<br /> 397Gare Montparnasse : 15 min<br /> 398Gare de Lyon : 20 min<br /> 399Gare d'Austerlitz : 20min</p> 400</blockquote> </div> 401 </div> 402 </div> 403 </div> 404 </div> 405 </div> 406 </div>
406 </div> 407 </div> 408 </div> 409 </div> 410 </div> 411 <div id="row-couture" row-id="98206" row-code="couture" row-type="1" desktop="true" mobile="true" animation="top" animation-duration="1000" animation-delay="500" animation-distance="100" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row deco-02 padding-horizontal"> 412 <div class="page_row_background" > 413 <div class="page_row_overlay"> 414 <div class="page_row_content"> 415 <div class="page_row_classic grid_row"> 416 <div class="grid_cell" style="width:100%;"> 417 <div content-id="couture_22135" private-id="98206_22277" class="cell_content"> 418 <h2 style="text-align: center;">Autour de l'Hôtel</h2> </div> 419 <div content-id="couture_22133" private-id="98206_22278" class="mod_content"> 420 <div id="mod_collections--liste-tourisme" class="module_wrapper" code="liste-tourisme" module="collections" template="_default" skin="box-base"> <style> 421 /* ---------- MIXINS_START ---------- */ 422/* COLORS */ 423body { 424 --padding:4em; 425} 426@media screen and (min-width: 981px) and (max-width: 1400px) { 427 body { 428 --padding:3em; 429 } 430} 431@media screen and (max-width: 980px) { 432 body { 433 --padding:2em; 434 } 435} 436@media screen and (max-width: 640px) { 437 body { 438 --padding:1.5em; 439 } 440} 441/* ---------- MIXINS_END ------------ */ 442@media screen and (min-width: 981px) { 443 #mod939cc31c .item:nth-child(2) .item-wrapper { 444 flex-direction: column-reverse; 445 } 446 #mod939cc31c .item .item-wrapper .item-media { 447 padding-top: 0; 448 min-height: 350px; 449 height: auto; 450 width: 100%; 451 flex: 1; 452 } 453} 454@media screen and (min-width: 981px) and (max-width: 1400px) { 455 #mod939cc31c .item { 456 width: calc(50% - 25px); 457 } 458 #mod939cc31c .item:nth-child(3) { 459 margin-top: 25px; 460 width: 100%; 461 } 462 #mod939cc31c .item:nth-child(3) .item-wrapper { 463 display: flex; 464 flex-direction: row; 465 } 466 #mod939cc31c .item:nth-child(3) .item-wrapper .item-content { 467 flex: 1; 468 } 469} 470@media screen and (max-width: 980px) { 471 #mod939cc31c .items { 472 padding: 0 !important; 473 } 474 #mod939cc31c .item { 475 width: 100% !important; 476 } 477} 478 </style> 479 <div id="mod939cc31c" 480 class="moduleTemplate" 481 type="generic" 482 skin="box-base" 483 data-customize="true" 484 data-column="3" 485 data-diapo-overflow="0" 486 data-diapo-overflow-position="right" overlay="false" overlay-hover="false" data-b2c="0" 487 data-pagination="0" 488 > 489 <div class="items" 490 data-autoplay="0" 491 data-startslide="0" 492 data-startslide-mobile="0" 493 data-diapo-transition="fade" 494 data-diapo-speed="1" 495 data-diapo-timeout="3" 496 data-diapo-carousel="1" 497 data-diapo-pausehover="0" 498 data-diapo-carousel-gutter="0" 499 data-diapo-carousel-currslide="0" 500 data-diapo-pager="0" 501 data-diapo-pager-thumbnail="0" 502 data-diapo-ctrl="0" 503 > 504 <div data-i="0" media="true" id="collection-4424" data-code="collection-monuments" style="" class="item curr-item " > 505 <div class="item-wrapper" id="collection-monuments"> 506
506<script> 507 function mod_fancybox_collection_4424() { 508 $.fancybox.open( [{"src":"https://hapi.mmcreation.com/hapidam/fb84afe9-2d42-4fd4-8bd0-0f3ff4f26ce0/la-maison-champs-elysees-visuels-libres-001.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs Elys\u00e9es | Arc de Triomphe de nuit"},{"src":"https://hapi.mmcreation.com/hapidam/d3a2fe69-e468-4912-b841-001e9538e87d/la-maison-champs-elysees-visuels-libres-002.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs Elys\u00e9es | Tour Eiffel"},{"src":"https://hapi.mmcreation.com/hapidam/cb6f8fb2-60dd-4fc3-af01-7c1dda0f596f/la-maison-champs-elysees-visuels-libres-003.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs Elys\u00e9es | Jardin du Carrousel"}], { 509 index: 0, 510 padding: 0, 511 transitionIn: 'none', 512 transitionOut: 'none', 513 type: 'image', 514 changeFade: 0, 515 touch: true, 516 loop:true, 517 btnTpl: { 518 arrowLeft: 519 '<button data-fancybox-prev class="fancybox-button fancybox-button--arrow_left" title="{{PREV}}">' + 520 '<i class="fas fa-2x fa-angle-left"></i>' + 521 "</button>", 522 arrowRight: 523 '<button data-fancybox-next class="fancybox-button fancybox-button--arrow_right" title="{{NEXT}}">' + 524 '<i class="fas fa-2x fa-angle-right"></i>' + 525 "</button>", 526 }, 527 }); 528 } 529 </script>
529 530 <a 531 id="main_collection-monuments" 532 href="#" 533 target="_self" 534 class="item-media" style="cursor:pointer;" data-background-slides="[{"src":"https://hapi.mmcreation.com/hapidam/fb84afe9-2d42-4fd4-8bd0-0f3ff4f26ce0/la-maison-champs-elysees-visuels-libres-001.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs Elys\u00e9es | Arc de Triomphe de nuit"},{"src":"https://hapi.mmcreation.com/hapidam/d3a2fe69-e468-4912-b841-001e9538e87d/la-maison-champs-elysees-visuels-libres-002.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs Elys\u00e9es | Tour Eiffel"},{"src":"https://hapi.mmcreation.com/hapidam/cb6f8fb2-60dd-4fc3-af01-7c1dda0f596f/la-maison-champs-elysees-visuels-libres-003.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs Elys\u00e9es | Jardin du Carrousel"}]" data-background-slides-autoplay="1" data-background-slides-fullscreen="0" data-background-slides-transition="fade" data-background-slides-speed="1" data-background-slides-timeout="3" data-background-slides-progressbar="0" data-background-slides-pausehover="0" data-background-slides-legend="0" data-background-slides-copyright="0" data-background-slides-prevnext="0" data-background-slides-counter="HIDE" data-background-slides-prev="" data-background-slides-next="" data-background-slides-fullscreen-btn="" data-background-slides-transition-mobile="0" data-background-slides-progressbar-mobile="0" data-background-slides-prevnext-mobile="0" data-background-slides-counter-mobile="HIDE" data-background-slides-prev-mobile="" data-background-slides-next-mobile="" data-background-slides-fullscreen-btn-mobile="" data-thumbnail="https://hapi.mmcreation.com/hapidam/fb84afe9-2d42-4fd4-8bd0-0f3ff4f26ce0/la-maison-champs-elysees-visuels-libres-001.jpg?w=200&mode=ratio&coi=50%2C50"></a> 535 <div class="item-content" style=""> 536 <div class="item-title"> 537 <h2 class="item-suptitle"><a 538 id="main_collection-monuments" 539 class="" 540 href="#" 541 target="_self" 542 >Monuments</a></h2> </div> 543 <div class="item-text" data-hover-alternative="none"> 544 <blockquote class="item-text-content" ><p>La localisation centrale de La Maison Champs Elysées en fait le lieu idéal pour partir à la découverte des monuments phares de la Capitale et connaitre tous les secrets de ce patrimoine riche, empreint d’histoire.</p> 545 546<p><strong>Arc de Triomphe :</strong> 20 minutes à pied<br /> 547<strong>Pont Alexandre III :</strong> 8 minutes à pied<br /> 548<strong>Eglise de la Madeleine : </strong>20 minutes à pied<br /> 549<strong>Tour Eiffel :</strong> 20 minutes à pied</p></blockquote> 550 </div> 551 </div> 552 </div> 553 </div> 554 <div data-i="1" media="true" id="collection-4425" data-code="collection-art" style="" class="item " > 555 <div class="item-wrapper" id="collection-art"> 556
556<script> 557 function mod_fancybox_collection_4425() { 558 $.fancybox.open( [{"src":"https://hapi.mmcreation.com/hapidam/baa65440-0dad-4eaf-a2de-b03fad3665d9/la-maison-champs-elysees-visuels-libres-008.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs-Elys\u00e9es | Art"},{"src":"https://hapi.mmcreation.com/hapidam/fda071ab-f2f3-4526-b4bb-3e8ddd5cf491/la-maison-champs-elysees-visuels-libres-006.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs-Elys\u00e9es | Art"},{"src":"https://hapi.mmcreation.com/hapidam/33e87296-03b5-4b0e-bde5-bb33c486a493/la-maison-champs-elysees-visuels-libres-007.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs-Elys\u00e9es | Art"}], { 559 index: 0, 560 padding: 0, 561 transitionIn: 'none', 562 transitionOut: 'none', 563 type: 'image', 564 changeFade: 0, 565 touch: true, 566 loop:true, 567 btnTpl: { 568 arrowLeft: 569 '<button data-fancybox-prev class="fancybox-button fancybox-button--arrow_left" title="{{PREV}}">' + 570 '<i class="fas fa-2x fa-angle-left"></i>' + 571 "</button>", 572 arrowRight: 573 '<button data-fancybox-next class="fancybox-button fancybox-button--arrow_right" title="{{NEXT}}">' + 574 '<i class="fas fa-2x fa-angle-right"></i>' + 575 "</button>", 576 }, 577 }); 578 } 579 </script>
579 580 <a 581 id="main_collection-art" 582 href="#" 583 target="_self" 584 class="item-media" style="cursor:pointer;" data-background-slides="[{"src":"https://hapi.mmcreation.com/hapidam/baa65440-0dad-4eaf-a2de-b03fad3665d9/la-maison-champs-elysees-visuels-libres-008.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs-Elys\u00e9es | Art"},{"src":"https://hapi.mmcreation.com/hapidam/fda071ab-f2f3-4526-b4bb-3e8ddd5cf491/la-maison-champs-elysees-visuels-libres-006.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs-Elys\u00e9es | Art"},{"src":"https://hapi.mmcreation.com/hapidam/33e87296-03b5-4b0e-bde5-bb33c486a493/la-maison-champs-elysees-visuels-libres-007.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs-Elys\u00e9es | Art"}]" data-background-slides-autoplay="1" data-background-slides-fullscreen="0" data-background-slides-transition="fade" data-background-slides-speed="1" data-background-slides-timeout="3" data-background-slides-progressbar="0" data-background-slides-pausehover="0" data-background-slides-legend="0" data-background-slides-copyright="0" data-background-slides-prevnext="0" data-background-slides-counter="HIDE" data-background-slides-prev="" data-background-slides-next="" data-background-slides-fullscreen-btn="" data-background-slides-transition-mobile="0" data-background-slides-progressbar-mobile="0" data-background-slides-prevnext-mobile="0" data-background-slides-counter-mobile="HIDE" data-background-slides-prev-mobile="" data-background-slides-next-mobile="" data-background-slides-fullscreen-btn-mobile="" data-thumbnail="https://hapi.mmcreation.com/hapidam/baa65440-0dad-4eaf-a2de-b03fad3665d9/la-maison-champs-elysees-visuels-libres-008.jpg?w=200&mode=ratio&coi=50%2C50"></a> 585 <div class="item-content" style=""> 586 <div class="item-title"> 587 <h2 class="item-suptitle"><a 588 id="main_collection-art" 589 class="" 590 href="#" 591 target="_self" 592 >Art</a></h2> </div> 593 <div class="item-text" data-hover-alternative="none"> 594 <blockquote class="item-text-content" ><p>La Maison Champs Elysées réserve une place particulière à l’art et a accueilli de nombreux sculpteurs, designers et autres créateurs. Elle est à l’image de son quartier et ses alentours qui regorgent de musées, de galeries et d’expositions.</p> 595 596<p><strong>Musée de l’Orangerie :</strong> 15 minutes à pied<br /> 597<strong>Grand Palais : </strong>2 minutes à pied<br /> 598<strong>Petit Palais : </strong>8 minutes à pied<br /> 599<strong>Musée d’Art Moderne de Paris :</strong> 12 minutes à pied<br /> 600<strong>Musée Jacquemart-André : </strong>16 minutes à pied<br /> 601<strong>Louvre : </strong>10 minutes en métro<br /> 602 </p></blockquote> 603 </div> 604 </div> 605 </div> 606 </div> 607 <div data-i="2" media="true" id="collection-4426" data-code="collection-shopping" style="" class="item " > 608 <div class="item-wrapper" id="collection-shopping"> 609
609<script> 610 function mod_fancybox_collection_4426() { 611 $.fancybox.open( [{"src":"https://hapi.mmcreation.com/hapidam/20fdfb74-35db-46f6-8907-af6645962882/la-maison-champs-elysees-visuels-libres-005.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs Elys\u00e9es | Shopping"},{"src":"https://hapi.mmcreation.com/hapidam/3dc7348a-b340-4970-bc53-5b468a9f4e71/la-maison-champs-elysees-visuels-libres-009.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs Elys\u00e9es | Shopping"}], { 612 index: 0, 613 padding: 0, 614 transitionIn: 'none', 615 transitionOut: 'none', 616 type: 'image', 617 changeFade: 0, 618 touch: true, 619 loop:true, 620 btnTpl: { 621 arrowLeft: 622 '<button data-fancybox-prev class="fancybox-button fancybox-button--arrow_left" title="{{PREV}}">' + 623 '<i class="fas fa-2x fa-angle-left"></i>' + 624 "</button>", 625 arrowRight: 626 '<button data-fancybox-next class="fancybox-button fancybox-button--arrow_right" title="{{NEXT}}">' + 627 '<i class="fas fa-2x fa-angle-right"></i>' + 628 "</button>", 629 }, 630 }); 631 } 632 </script>
632 633 <a 634 id="main_collection-shopping" 635 href="#" 636 target="_self" 637 class="item-media" style="cursor:pointer;" data-background-slides="[{"src":"https://hapi.mmcreation.com/hapidam/20fdfb74-35db-46f6-8907-af6645962882/la-maison-champs-elysees-visuels-libres-005.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs Elys\u00e9es | Shopping"},{"src":"https://hapi.mmcreation.com/hapidam/3dc7348a-b340-4970-bc53-5b468a9f4e71/la-maison-champs-elysees-visuels-libres-009.jpg?w=1200&mode=cover&coi=50%2C50","copyright":"","legend":"","alt":"La Maison Champs Elys\u00e9es | Shopping"}]" data-background-slides-autoplay="1" data-background-slides-fullscreen="0" data-background-slides-transition="fade" data-background-slides-speed="1" data-background-slides-timeout="3" data-background-slides-progressbar="0" data-background-slides-pausehover="0" data-background-slides-legend="0" data-background-slides-copyright="0" data-background-slides-prevnext="0" data-background-slides-counter="HIDE" data-background-slides-prev="" data-background-slides-next="" data-background-slides-fullscreen-btn="" data-background-slides-transition-mobile="0" data-background-slides-progressbar-mobile="0" data-background-slides-prevnext-mobile="0" data-background-slides-counter-mobile="HIDE" data-background-slides-prev-mobile="" data-background-slides-next-mobile="" data-background-slides-fullscreen-btn-mobile="" data-thumbnail="https://hapi.mmcreation.com/hapidam/20fdfb74-35db-46f6-8907-af6645962882/la-maison-champs-elysees-visuels-libres-005.jpg?w=200&mode=ratio&coi=50%2C50"></a> 638 <div class="item-content" style=""> 639 <div class="item-title"> 640 <h2 class="item-suptitle"><a 641 id="main_collection-shopping" 642 class="" 643 href="#" 644 target="_self" 645 >Shopping</a></h2> </div> 646 <div class="item-text" data-hover-alternative="none"> 647 <blockquote class="item-text-content" ><p>Le 8ème arrondissement est le quartier adoré des amateurs de mode. En seulement quelques minutes à pied, vous arpenterez les Champs-Elysées et ses prestigieuses boutiques, l’Avenue Montaigne et ses Maisons iconiques ou encore la rue du Faubourg-Saint-Honoré.</p> 648 649<p><strong>Les Champs-Elysées : </strong>10 minutes à pied<br /> 650<strong>Avenue Montaigne : </strong>3 minutes à pied<br /> 651<strong>Rue du Faubourg-Saint-Honoré :</strong> 10 minutes à pied</p></blockquote> 652 </div> 653 </div> 654 </div> 655 </div> 656 </div> 657 </div> 658 </div> </div> 659 </div> 660 </div> 661 </div> 662 </div> 663 </div> 664 </div> 665 666 667 </div> 668 </div> 669 <footer id="page_footer" class=""> 670 <div id="row-reseaux" row-id="97243" row-code="reseaux" row-type="grille" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row light"> 671 <div class="page_row_background" > 672 <div class="page_row_overlay"> 673 <div class="page_row_content"> 674 <div id="grid_row-reseaux" class="page_row_gridlayout" private-id="97243"> 675 <div class="gridlayout_cell" data-index="1" code="A" mobile="true" > 676 <div id="grid_cell-reseaux-143436" class="grid_cell_wrapper with_text_1 with_link" grid-cell="reseaux-143436" private-id="97243-143436" 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"> 677 <div class="cell_container" onclick="" content-id="reseaux_143436" private-id="97243_143436" overlay-hover="true"> 678 <div class="cell_content"> 679 <div class="part_1" data-text-transition="default"> 680 <div class="part_1_1"> 681 <div class="part_wrapper"> 682 <p style="text-align: center;"><span class="fa-facebook-f fab"></span> Suivez-nous 683</p> </div> 684 </div> 685 </div> 686 <div class="part_2" style="margin-top:1em; display: none;"> 687 <div class="part_wrapper"> 688 <p><a href="https://www.facebook.com/lamaisonchampselyseesparis" class="button1" data-bigtarget=".cell_container" target="_blank" ><span>En savoir plus</span></a></p> 689 </div> 690 </div> 691 </div> 692 </div> 693 </div> 694 </div> 695 <div class="gridlayout_cell" data-index="2" code="B" mobile="true" > 696 <div id="grid_cell-reseaux-143437" class="grid_cell_wrapper with_text_1 with_link" grid-cell="reseaux-143437" private-id="97243-143437" 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"> 697 <div class="cell_container" onclick="" content-id="reseaux_143437" private-id="97243_143437" overlay-hover="true"> 698 <div class="cell_content"> 699 <div class="part_1" data-text-transition="default"> 700 <div class="part_1_1"> 701 <div class="part_wrapper"> 702 <p style="text-align: center;"><span class="fa-instagram fab"></span> Abonnez-vous 703</p> </div> 704 </div> 705 </div> 706 <div class="part_2" style="margin-top:1em; display: none;"> 707 <div class="part_wrapper"> 708 <p><a href="https://www.instagram.com/lamaisonchampselyseesparis/" class="button1" data-bigtarget=".cell_container" target="_blank" ><span>En savoir plus</span></a></p> 709 </div> 710 </div> 711 </div> 712 </div> 713 </div> 714 </div> 715 </div> 716 </div> 717 </div> 718 </div> 719 </div> 720 <div id="row-footer-01" row-id="97236" 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 "> 721 <div class="page_row_background" > 722 <div class="page_row_overlay"> 723 <div class="page_row_content"> 724 <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"> 725 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-footer-01-143433" class="grid_cell_wrapper with_text_1" grid-cell="footer-01-143433" private-id="97236-143433" 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"> 726 <div class="cell_container" onclick="" content-id="footer-01_143433" private-id="97236_143433" overlay-hover="false"> 727 <div class="cell_content"> 728 <div class="part_1" data-text-transition="default"> 729 <div class="part_1_1"> 730 <div class="part_wrapper"> 731 <p class="surtitre">Contact</p> 732 733<p>La Maison Champs Elysées<br /> 7348 rue Jean-Goujon<br /> 73575008 Paris, France<br /> 736<a href="tel:+33140746464">+33 1 40 74 64 64</a><br /> 737<a href="mailto:[email protected]">[email protected]</a></p> </div> 738 </div> 739 </div> 740 </div> 741 </div> 742 </div> 743 </div><div cell-index="2" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-footer-01-143429" class="grid_cell_wrapper with_text_1" grid-cell="footer-01-143429" private-id="97236-143429" 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"> 744 <div class="cell_container" onclick="" content-id="footer-01_143429" private-id="97236_143429" overlay-hover="false"> 745 <div class="cell_content"> 746 <div class="part_1" data-text-transition="default"> 747 <div class="part_1_1"> 748 <div class="part_wrapper"> 749 <p style="text-align: center;"><img alt="" src="https://hapi.mmcreation.com/hapidam/78f49369-4ae7-43cc-8612-b816272aae6b/la-maison-champs-elysees-logos-008.svg?size=lg" style="max-width:90%; width:400px" /></p> </div> 750 </div> 751 </div> 752 </div> 753 </div> 754 </div> 755 </div><div cell-index="3" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-footer-01-143444" class="grid_cell_wrapper with_text_1" grid-cell="footer-01-143444" private-id="97236-143444" 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"> 756 <div class="cell_container" onclick="" content-id="footer-01_143444" private-id="97236_143444" overlay-hover="false"> 757 <div class="cell_content"> 758 <div class="part_1" data-text-transition="default"> 759 <div class="part_1_1"> 760 <div class="part_wrapper"> 761 <p style="text-align: right;"><a href="https://www.la-maison-champs-elysees.com/fr/page/mentions-legales-hotel-paris-8.13423.html">Mentions légales</a><br /> 762<a href="https://www.groupecentaurus.com/fr/page/centaurus-hospitality-management-cgv.17600.html">Conditions générales de vente</a><br /> 763<a href="https://www.groupecentaurus.com/fr/page/centaurus-hospitality-management-politique-de-confidentialite.10900.html">Politique de confidentialité</a><br /> 764<a href="https://www.groupecentaurus.com/fr/page/offres-emploi-hotels.17281.html" target="_blank">Carrières</a><br /> 765<a href="https://www.groupecentaurus.com/fr/page/centaurus-cares.19154.html">RSE</a><br /> 766<a href="https://www.la-maison-champs-elysees.com/fr/page/faq-boutique-hotel-paris-8.20563.html">FAQ</a></p> 767 768<p style="text-align: right;"><img alt="" src="https://hapi.mmcreation.com/hapidam/264c759d-f351-41a6-b3ef-c6643908034a/la-maison-champs-elysees-logos-019.png?size=lg" style="height:34px; width:180px" /></p> </div> 769 </div> 770 </div> 771 </div> 772 </div> 773 </div> 774 </div>
774 </div> 775 </div> 776 </div> 777 </div> 778 </div> 779 <div id="row-footer-03" row-id="100283" row-code="footer-03" row-type="grille" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row "> 780 <div class="page_row_background" > 781 <div class="page_row_overlay"> 782 <div class="page_row_content"> 783 <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"> 784 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-footer-03-147493" class="grid_cell_wrapper with_text_1" grid-cell="footer-03-147493" private-id="100283-147493" 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"> 785 <div class="cell_container" onclick="" content-id="footer-03_147493" private-id="100283_147493" overlay-hover="false"> 786 <div class="cell_content"> 787 <div class="part_1" data-text-transition="default"> 788 <div class="part_1_1"> 789 <div class="part_wrapper"> 790 <p style="text-align: center;"><img alt="" src="https://hapi.mmcreation.com/hapidam/b67100ff-81ae-47e1-abd0-890c71820a5d/la-maison-champs-elysees-logos-026.svg?size=lg" style="height:57px; width:100px" /></p> 791 792<p style="text-align: center;">La Maison Champs Élysées est une destination de <a href="https://www.groupecentaurus.com/" target="_blank">CENTAURUS - Hospitality Odyssey</a> gérée par <a href="https://www.groupecentaurus.com/fr/page/expert-en-gestion-hoteliere.11119.html" target="_blank">Centaurus Hospitality Management</a>.</p> 793 794<p style="text-align: center;"><strong>AMADEUS : DSPARSAM / SABRE : DS28043 / APOLLO : DS23804 / Worldspan : DSFPAC / Pegs Ads : DSLAMAISON / TravelWeb : DSLAMAISON</strong></p> 795 796<p style="text-align: center;"><a href="https://www.la-maison-champs-elysees.com/fr/page/mentions-legales-hotel-paris-8.13423.html">Mentions légales</a> · <a href="https://www.groupecentaurus.com/fr/page/centaurus-hospitality-management-cgv.17600.html">Conditions générales de vente</a> · <a href="https://www.groupecentaurus.com/fr/page/centaurus-hospitality-management-politique-de-confidentialite.10900.html">Politique de confidentialité</a> · <a href="https://www.groupecentaurus.com/fr/page/offres-emploi-hotels.17281.html" target="_blank">Carrières</a> · <a href="https://www.groupecentaurus.com/fr/page/centaurus-cares.19154.html">RSE</a> · <a href="https://www.la-maison-champs-elysees.com/fr/page/faq-boutique-hotel-paris-8.20563.html">FAQ</a> · Tous droits réservés. Crédits Photos : © Fabien Barrau - Design Hotels</p> </div> 797 </div> 798 </div> 799 </div> 800 </div> 801 </div> 802 </div> </div> 803 </div> 804 </div> 805 </div> 806 </div> 807 <div id="row-footer-02" row-id="97239" row-code="footer-02" row-type="grille" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row "> 808 <div class="page_row_background" > 809 <div class="page_row_overlay"> 810 <div class="page_row_content"> 811 <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"> 812 <div cell-index="1" mobile="true" class="grid_cell gcc" style="flex:1;"> <div id="grid_cell-footer-02-143432" class="grid_cell_wrapper with_text_1" grid-cell="footer-02-143432" private-id="97239-143432" 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"> 813 <div class="cell_container" onclick="" content-id="footer-02_143432" private-id="97239_143432" overlay-hover="false"> 814 <div class="cell_content"> 815 <div class="part_1" data-text-transition="default"> 816 <div class="part_1_1"> 817 <div class="part_wrapper"> 818 <p style="text-align: center;">© La Maison Champs Elysées 2026 - <a href="http://www.agenceweb-sitehotel.com/" target="_blank">H.api</a> powered by <a href="http://www.mmcreation.com" target="_blank">MMCréation.com</a></p> </div> 819 </div> 820 </div> 821 </div> 822 </div> 823 </div> 824 </div>
824 </div> 825 </div> 826 </div> 827 </div> 828 </div> 829 <div id="row-146767" row-id="146767" row-code="146767" row-type="1" desktop="true" mobile="true" data-fullscreen="false" data-tablet-fullscreen="false" data-mobile-fullscreen="false" class="page_row "> 830 <div class="page_row_background" > 831 <div class="page_row_overlay"> 832 <div class="page_row_content"> 833 <div class="page_row_classic grid_row"> 834 <div class="grid_cell" style="width:100%;"> 835 <div content-id="146767_34332" private-id="146767_34332" class="mod_content"> 836 <div id="mod_seo--seo-footer" class="module_wrapper" code="seo-footer" module="seo" template="linklist" skin="_default"> <style> 837 838#mod6b4454c9 ul { 839 padding: 0; 840 margin: 0; 841 list-style: none; 842 text-align: center; 843 display: flex; 844 flex-direction: row; 845 justify-content: center; 846 flex-wrap: wrap; 847} 848#mod6b4454c9 ul li { 849 padding: 2px 5px; 850 margin: 0; 851 font-size: 0.9em; 852 line-height: 1rem; 853} 854#mod6b4454c9 ul li a { 855 color: inherit; 856 text-decoration: none; 857} 858#mod6b4454c9 ul li a:hover { 859 text-decoration: underline; 860} 861 </style> 862 <div id="mod6b4454c9" class="moduleTemplate" type="linklist" skin="_default" data-item-count="5"> 863 <ul> 864 <li> 865 <a 866 id="main_actu-6647" 867 href="https://www.la-maison-champs-elysees.com/fr/pagex/sejour-romantique-paris-8.6647.html#backlink:actu-6647" 868 target="_self" 869 > 870 <span> 871 <span class="title">Séjour romantique hôtel design Paris 8</span> 872 </span> 873 </a> 874 </li> 875 <li> 876 <a 877 id="main_actu-4549" 878 href="https://www.la-maison-champs-elysees.com/fr/pagex/hotel-avec-terrasse-paris.4549.html#backlink:actu-4549" 879 target="_self" 880 > 881 <span> 882 <span class="title">Hôtel avec terrasse Paris</span> 883 </span> 884 </a> 885 </li> 886 <li> 887 <a 888 id="main_actu-4548" 889 href="https://www.la-maison-champs-elysees.com/fr/pagex/club-de-sport-paris-luxe.4548.html#backlink:actu-4548" 890 target="_self" 891 > 892 <span> 893 <span class="title">Club de sport Paris luxe</span> 894 </span> 895 </a> 896 </li> 897 <li> 898 <a 899 id="main_actu-4251" 900 href="https://www.la-maison-champs-elysees.com/fr/pagex/salle-de-reunion-hotel-paris.4251.html#backlink:actu-4251" 901 target="_self" 902 > 903 <span> 904 <span class="title">Salle de réunion hôtel Paris</span> 905 </span> 906 </a> 907 </li> 908 <li> 909 <a 910 id="main_actu-4250" 911 href="https://www.la-maison-champs-elysees.com/fr/pagex/hotel-triangle-d-or-paris.4250.html#backlink:actu-4250" 912 target="_self" 913 > 914 <span> 915 <span class="title">Hôtel Triangle d'Or Paris</span> 916 </span> 917 </a> 918 </li> 919 </ul> 920 </div> 921 </div> </div> 922 </div> 923 </div> 924 </div> 925 </div> 926 </div> 927 </div> 928 929 930 </footer> 931 </div> 932 <!-- FSPANEL CONTENT --> 933 <div class="fsPanel" data-status="loading" data-iframe="false" id="fspanel-1328" data-k="1328" data-code="burger-menu" data-ctx-type="" data-ctx-code=""> 934 <div class="fsPanel-backdrop" onclick=""></div> 935 <div class="fsPanel-content-panel"> 936 <div 937 class="fsPanel-trigger" 938 data-align="topright" 939 > 940 <i class="far fa-times"></i> 941 </div> 942 <div 943 class="fsPanel-content-wrapper" 944 data-align="top,left" 945 data-mobile-align="top,left" 946 > 947 <div class="fsPanel-content"> 948 <div class="contenu"> 949<div class="logo" style="text-align:center"><img alt="" src="https://hapi.mmcreation.com/hapidam/bc068194-f59d-4f81-acce-1f59e56a4325/la-maison-champs-elysees-elements-graphiques-logos.jpg?size=lg" style="height:49px; width:300px" /></div> 950 951<div class="menu" style="text-align:center"><div id="mod_navbar--burger-menu" class="module_wrapper" code="burger-menu" module="navbar" template="list" skin="_default"> 952 <ul><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class=" " href="https://www.la-maison-champs-elysees.com/">Hôtel</a></li><li data-type="default" data-visible="both" data-dropdown="true"><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/chambres-suites-hotel-romantique-paris.13365.html">Chambres & Suites</a><ul><li><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/chambres-suites-hotel-romantique-paris.13365.html#row-roche-bobois">Suites Roche Bobois</a></li><li><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/chambres-suites-hotel-romantique-paris.13365.html#row-couture">Collection Couture</a></li><li><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/chambres-suites-hotel-romantique-paris.13365.html#row-boutique">Collection Boutique</a></li></ul></li><li data-type="default" data-visible="both" data-dropdown="true"><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/restaurant-terrasse-hotel-avenue-montaigne.13405.html">Restaurant & Bar</a><ul><li><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/restaurant-terrasse-hotel-avenue-montaigne.13405.html#!row-restaurant">Restaurant</a></li><li><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/restaurant-terrasse-hotel-avenue-montaigne.13405.html#!row-bar">Bar</a></li><li><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/restaurant-terrasse-hotel-avenue-montaigne.13405.html#!row-petit-dejeuner">Petit-déjeuner</a></li></ul></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/seminaires-evenements-seminaire-paris-8.13413.html">Séminaires & Ãvènements</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/espace-bien-etre-hotel-luxe-paris.41637.html">Espace Bien-Ãtre</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/services-hotel-luxe-paris.13406.html">Services & Conciergerie</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class=" " href="https://shop.la-maison-champs-elysees.com/">Bons cadeaux</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/engagement-hotel-de-luxe-paris-8.25568.html">Engagements</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/galerie-photo-hotel-triangle-d-or.13420.html">Galerie photos</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class=" active" href="https://www.la-maison-champs-elysees.com/fr/page/contact-acces-hotel-champs-elysees.13421.html">Accès & Contact</a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class="desktop-gift " href="https://shop.la-maison-champs-elysees.com/"></a></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class="mobile-gift " href="https://shop.la-maison-champs-elysees.com/"></a></li><li data-type="default" data-visible="both" data-dropdown="true"><a id="" class=" " href="javascript:void(0);">Réserver</a><ul><li><a id="" class="BookingLink " href="/fr/book?">CHAMBRES & SUITES</a></li><li><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/restaurant-terrasse-hotel-avenue-montaigne.13405.html">RESTAURANT</a></li></ul></li><li data-type="booking-menu" data-visible="both" data-dropdown="false"><a id="" class="BookingTrigger BookingCustom_not_panel " href="#">Réserver</a></li><li data-type="language-menu" data-visible="both" data-dropdown="true"><a id="" class="LanguageMenu " href="#">
952FR</a><ul><li><a id="" class=" " href="https://www.la-maison-champs-elysees.com/fr/page/contact-acces-hotel-champs-elysees.13421.html">Français</a></li><li><a id="" class=" " href="https://www.la-maison-champs-elysees.com/en/page/contact-acces-hotel-champs-elysees.13421.html">English</a></li><li><a id="" class=" " href="https://www.la-maison-champs-elysees.com/es/page/contact-et-acces-hotel-proche-champs-elysees.13421.html">Español</a></li></ul></li><li data-type="default" data-visible="both" data-dropdown="false"><a id="" class="size-plus active" href="https://www.la-maison-champs-elysees.com/fr/page/contact-acces-hotel-champs-elysees.13421.html"></a></li></ul></div></div> 953 954<div class="adresse"> 955<p>8 rue Jean-Goujon - 75008 Paris - France<br /> 956<a href="mailto:[email protected]">[email protected]</a> - <a href="tel:+33140746464">+33 1 40 74 64 64</a></p> 957</div> 958</div> </div> 959 </div> 960 </div> 961</div> 962<style> 963 964.debug { 965 content-animation: top; 966 animation: fade; 967} 968.debug2 { 969 content-animation: top; 970 animation: fade; 971} 972.fsPanel#fspanel-1328 .fsPanel-backdrop { 973 background-color: transparent; 974 opacity: 0; 975 transform: translate(0, 0); 976 transition: opacity ease-in-out 0.5s; 977} 978.fsPanel#fspanel-1328.active .fsPanel-backdrop { 979 opacity: 1; 980 transform: translate(0, 0); 981} 982.fsPanel#fspanel-1328 .fsPanel-trigger { 983 cursor: pointer; 984} 985.fsPanel#fspanel-1328 > .fsPanel-content-panel > .fsPanel-trigger { 986 position: absolute; 987 z-index: 10; 988} 989.fsPanel#fspanel-1328 > .fsPanel-content-panel > .fsPanel-trigger i { 990 display: inline-block; 991 font-style: normal; 992 font-size: 1.9em; 993 background: rgba(255, 255, 255, 0); 994 color: #000000; 995 border-radius: 50%; 996 width: 1.2em; 997 height: 1.2em; 998 line-height: 1.2em; 999 text-align: center; 1000} 1001.fsPanel#fspanel-1328 > .fsPanel-content-panel > .fsPanel-trigger[data-align="none"] { 1002 display: none; 1003} 1004.fsPanel#fspanel-1328 > .fsPanel-content-panel > .fsPanel-trigger[data-align="topleft"] { 1005 display: block; 1006 top: 0.8em; 1007 left: 3em; 1008 bottom: unset; 1009 right: unset; 1010} 1011.fsPanel#fspanel-1328 > .fsPanel-content-panel > .fsPanel-trigger[data-align="topright"] { 1012 display: block; 1013 top: 0.8em; 1014 right: 3em; 1015 bottom: unset; 1016 left: unset; 1017} 1018.fsPanel#fspanel-1328 > .fsPanel-content-panel > .fsPanel-trigger[data-align="bottomleft"] { 1019 display: block; 1020 bottom: 0.8em; 1021 left: 3em; 1022 top: unset; 1023 right: unset; 1024} 1025.fsPanel#fspanel-1328 > .fsPanel-content-panel > .fsPanel-trigger[data-align="bottomright"] { 1026 display: block; 1027 bottom: 0.8em; 1028 right: 3em; 1029 top: unset; 1030 left: unset; 1031} 1032.fsPanel#fspanel-1328 .fsPanel-content-panel { 1033 width: 100%; 1034 height: 100%; 1035 opacity: 1; 1036 transform: translateY(-100%); 1037 transition: transform ease-in-out 0.5s; 1038} 1039.fsPanel#fspanel-1328.active .fsPanel-content-panel { 1040 opacity: 1; 1041 transform: translate(0, 0); 1042} 1043.fsPanel#fspanel-1328 .fsPanel-content-wrapper { 1044 width: calc(100%); 1045 max-width: calc(100% - 0em); 1046 min-height: calc(100% - 0em); 1047 max-height: calc(100% - 0em); 1048 background-color: #ffffff; 1049 color: #000000; 1050 padding-top: 1em; 1051 padding-right: 1em; 1052 padding-bottom: 1em; 1053 padding-left: 1em; 1054 margin-top: 0em; 1055 margin-right: 0em; 1056 margin-bottom: 0em; 1057 margin-left: 0em; 1058} 1059.fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-align="center,center"] { 1060 top: 50%; 1061 left: 50%; 1062 transform: translate(calc(-50% - 0em), calc(-50% - 0em)); 1063} 1064.fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-align="center,left"] { 1065 top: 50%; 1066 left: 0; 1067 transform: translateY(calc(-50% - 0em)); 1068} 1069.fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-align="center,right"] { 1070 top: 50%; 1071 right: 0; 1072 transform: translateY(calc(-50% - 0em)); 1073} 1074.fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-align="top,center"] { 1075 top: 0; 1076 left: 50%; 1077 transform: translateX(calc(-50% - 0em)); 1078} 1079.fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-align="bottom,center"] { 1080 bottom: 0; 1081 left: 50%; 1082 transform: translateX(calc(-50% - 0em)); 1083} 1084.fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-align="top,left"] { 1085 top: 0; 1086 left: 0; 1087} 1088.fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-align="top,right"] { 1089 top: 0; 1090 right: 0; 1091} 1092.fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-align="bottom,left"] { 1093 bottom: 0; 1094 left: 0; 1095} 1096.fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-align="bottom,right"] { 1097 bottom: 0; 1098 right: 0; 1099} 1100@media (-ms-high-contrast: none) { 1101 .fsPanel#fspanel-1328 { 1102 /* IE10 */ 1103 /* IE11 */ 1104 } 1105 .fsPanel#fspanel-1328 .fsPanel-content-wrapper { 1106 top: 0 !important; 1107 left: 0 !important; 1108 bottom: 0 !important; 1109 right: 0 !important; 1110 transform: unset !important; 1111 } 1112 .fsPanel#fspanel-1328 *::-ms-backdrop, .fsPanel#fspanel-1328 .fsPanel-content-wrapper { 1113 top: 0 !important; 1114 left: 0 !important; 1115 bottom: 0 !important; 1116 right: 0 !important; 1117 transform: unset !important; 1118 } 1119} 1120@media screen and (max-width: 980px) { 1121 .fsPanel#fspanel-1328 .fsPanel-content-wrapper { 1122 padding-top: 1em; 1123 padding-right: 0.5em; 1124 padding-bottom: 1em; 1125 padding-left: 0.5em; 1126 margin-top: 0em; 1127 margin-right: 0em; 1128 margin-bottom: 0em; 1129 margin-left: 0em; 1130 width: calc(100%); 1131 max-width: calc(100% - 0em); 1132 min-height: calc(100% - 0em); 1133 max-height: calc(100% - 0em); 1134 } 1135 .fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-mobile-align] { 1136 top: initial; 1137 bottom: initial; 1138 left: initial; 1139 right: initial; 1140 transform: none; 1141 } 1142 .fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-mobile-align="center,center"] { 1143 top: 50%; 1144 left: 50%; 1145 transform: translate(calc(-50% - 0em), calc(-50% - 0em)); 1146 } 1147 .fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-mobile-align="center,left"] { 1148 top: 50%; 1149 left: 0; 1150 transform: translateY(calc(-50% - 0em)); 1151 } 1152 .fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-mobile-align="center,right"] { 1153 top: 50%; 1154 right: 0; 1155 transform: translateY(calc(-50% - 0em)); 1156 } 1157 .fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-mobile-align="top,center"] { 1158 top: 0; 1159 left: 50%; 1160 transform: translateX(calc(-50% - 0em)); 1161 } 1162 .fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-mobile-align="bottom,center"] { 1163 bottom: 0; 1164 left: 50%; 1165 transform: translateX(calc(-50% - 0em)); 1166 } 1167 .fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-mobile-align="top,left"] { 1168 top: 0; 1169 left: 0; 1170 } 1171 .fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-mobile-align="top,right"] { 1172 top: 0; 1173 right: 0; 1174 } 1175 .fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-mobile-align="bottom,left"] { 1176 bottom: 0; 1177 left: 0; 1178 } 1179 .fsPanel#fspanel-1328 .fsPanel-content-wrapper[data-mobile-align="bottom,right"] { 1180 bottom: 0; 1181 right: 0; 1182 } 1183} 1184@media screen and (max-width: 980px) and (-ms-high-contrast: none) { 1185 .fsPanel#fspanel-1328 { 1186 /* IE10 */ 1187 /* IE11 */ 1188 } 1189 .fsPanel#fspanel-1328 .fsPanel-content-wrapper { 1190 top: 0 !important; 1191 left: 0 !important; 1192 bottom: 0 !important; 1193 right: 0 !important; 1194 transform: unset !important; 1195 } 1196 .fsPanel#fspanel-1328 *::-ms-backdrop, .fsPanel#fspanel-1328 .fsPanel-content-wrapper { 1197 top: 0 !important; 1198 left: 0 !important; 1199 bottom: 0 !important; 1200 right: 0 !important; 1201 transform: unset !important; 1202 } 1203} 1204@media screen and (max-width: 640px) { 1205 .fsPanel#fspanel-1328 .fsPanel-content-wrapper { 1206 width: calc(100%); 1207 min-height: calc(100% - 0em); 1208 } 1209} 1210.fsPanel#fspanel-1328 .fsPanel-content a { 1211 color: #000000; 1212} 1213.fsPanel#fspanel-1328 .fsPanel-content a:hover {
1214 color: #b3a06c; 1215} 1216.fsPanel#fspanel-1328 .fsPanel-content p.surtitre, .fsPanel#fspanel-1328 .fsPanel-content p, .fsPanel#fspanel-1328 .fsPanel-content ul, .fsPanel#fspanel-1328 .fsPanel-content ol { 1217 color: #000000; 1218 font-size: 1em; 1219} 1220.fsPanel#fspanel-1328 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-1328 .fsPanel-content p.surtitre p, .fsPanel#fspanel-1328 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-1328 .fsPanel-content p ul, .fsPanel#fspanel-1328 .fsPanel-content p p, .fsPanel#fspanel-1328 .fsPanel-content p ol, .fsPanel#fspanel-1328 .fsPanel-content ul ul, .fsPanel#fspanel-1328 .fsPanel-content ul p, .fsPanel#fspanel-1328 .fsPanel-content ul ol, .fsPanel#fspanel-1328 .fsPanel-content ol ul, .fsPanel#fspanel-1328 .fsPanel-content ol p, .fsPanel#fspanel-1328 .fsPanel-content ol ol { 1221 font-size: 1em; 1222} 1223.fsPanel#fspanel-1328 .fsPanel-content p.surtitre { 1224 font-size: 0.7em; 1225} 1226.fsPanel#fspanel-1328 .fsPanel-content h1, .fsPanel#fspanel-1328 .fsPanel-content .h1, .fsPanel#fspanel-1328 .fsPanel-content h2, .fsPanel#fspanel-1328 .fsPanel-content .h2, .fsPanel#fspanel-1328 .fsPanel-content h3, .fsPanel#fspanel-1328 .fsPanel-content .h3, .fsPanel#fspanel-1328 .fsPanel-content h4, .fsPanel#fspanel-1328 .fsPanel-content .h4, .fsPanel#fspanel-1328 .fsPanel-content h5, .fsPanel#fspanel-1328 .fsPanel-content .h5, .fsPanel#fspanel-1328 .fsPanel-content h6, .fsPanel#fspanel-1328 .fsPanel-content .h6 { 1227 color: #000000; 1228 font-size: 1em; 1229} 1230@media screen and (max-width: 980px) { 1231 .fsPanel#fspanel-1328 .fsPanel-content p.surtitre, .fsPanel#fspanel-1328 .fsPanel-content p, .fsPanel#fspanel-1328 .fsPanel-content ul, .fsPanel#fspanel-1328 .fsPanel-content ol { 1232 font-size: 1em; 1233 } 1234 .fsPanel#fspanel-1328 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-1328 .fsPanel-content p.surtitre p, .fsPanel#fspanel-1328 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-1328 .fsPanel-content p ul, .fsPanel#fspanel-1328 .fsPanel-content p p, .fsPanel#fspanel-1328 .fsPanel-content p ol, .fsPanel#fspanel-1328 .fsPanel-content ul ul, .fsPanel#fspanel-1328 .fsPanel-content ul p, .fsPanel#fspanel-1328 .fsPanel-content ul ol, .fsPanel#fspanel-1328 .fsPanel-content ol ul, .fsPanel#fspanel-1328 .fsPanel-content ol p, .fsPanel#fspanel-1328 .fsPanel-content ol ol { 1235 font-size: 1em; 1236 } 1237 .fsPanel#fspanel-1328 .fsPanel-content p.surtitre { 1238 font-size: 0.7em; 1239 } 1240 .fsPanel#fspanel-1328 .fsPanel-content h1, .fsPanel#fspanel-1328 .fsPanel-content .h1, .fsPanel#fspanel-1328 .fsPanel-content h2, .fsPanel#fspanel-1328 .fsPanel-content .h2, .fsPanel#fspanel-1328 .fsPanel-content h3, .fsPanel#fspanel-1328 .fsPanel-content .h3, .fsPanel#fspanel-1328 .fsPanel-content h4, .fsPanel#fspanel-1328 .fsPanel-content .h4, .fsPanel#fspanel-1328 .fsPanel-content h5, .fsPanel#fspanel-1328 .fsPanel-content .h5, .fsPanel#fspanel-1328 .fsPanel-content h6, .fsPanel#fspanel-1328 .fsPanel-content .h6 { 1241 font-size: 1em; 1242 } 1243} 1244@media screen and (max-width: 640px) { 1245 .fsPanel#fspanel-1328 .fsPanel-content p.surtitre, .fsPanel#fspanel-1328 .fsPanel-content p, .fsPanel#fspanel-1328 .fsPanel-content ul, .fsPanel#fspanel-1328 .fsPanel-content ol { 1246 font-size: 1em; 1247 } 1248 .fsPanel#fspanel-1328 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-1328 .fsPanel-content p.surtitre p, .fsPanel#fspanel-1328 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-1328 .fsPanel-content p ul, .fsPanel#fspanel-1328 .fsPanel-content p p, .fsPanel#fspanel-1328 .fsPanel-content p ol, .fsPanel#fspanel-1328 .fsPanel-content ul ul, .fsPanel#fspanel-1328 .fsPanel-content ul p, .fsPanel#fspanel-1328 .fsPanel-content ul ol, .fsPanel#fspanel-1328 .fsPanel-content ol ul, .fsPanel#fspanel-1328 .fsPanel-content ol p, .fsPanel#fspanel-1328 .fsPanel-content ol ol { 1249 font-size: 1em; 1250 } 1251 .fsPanel#fspanel-1328 .fsPanel-content p.surtitre { 1252 font-size: 0.7em; 1253 } 1254 .fsPanel#fspanel-1328 .fsPanel-content h1, .fsPanel#fspanel-1328 .fsPanel-content .h1, .fsPanel#fspanel-1328 .fsPanel-content h2, .fsPanel#fspanel-1328 .fsPanel-content .h2, .fsPanel#fspanel-1328 .fsPanel-content h3, .fsPanel#fspanel-1328 .fsPanel-content .h3, .fsPanel#fspanel-1328 .fsPanel-content h4, .fsPanel#fspanel-1328 .fsPanel-content .h4, .fsPanel#fspanel-1328 .fsPanel-content h5, .fsPanel#fspanel-1328 .fsPanel-content .h5, .fsPanel#fspanel-1328 .fsPanel-content h6, .fsPanel#fspanel-1328 .fsPanel-content .h6 { 1255 font-size: 1em; 1256 } 1257} 1258</style> 1259 <style> 1260 1261.fsPanel#fspanel-1328 .fsPanel-content-wrapper { 1262 position: relative; 1263} 1264.fsPanel#fspanel-1328 .fsPanel-content-wrapper:before { 1265 content: ""; 1266 display: block; 1267 background-image: url("https://hapi.mmcreation.com/hapidam/f2dcbf99-4423-4bd0-95df-da23e81bf71f/la-maison-champs-elysees-elements-graphiques-fonds-002.svg?size=lg"); 1268 background-repeat: repeat; 1269 background-size: 20em; 1270 position: absolute; 1271 left: -0.5em; 1272 top: 0; 1273 width: 3em; 1274 height: 100%; 1275} 1276.fsPanel#fspanel-1328 .fsPanel-content-wrapper:after {
1277 content: ""; 1278 display: block; 1279 background-image: url("https://hapi.mmcreation.com/hapidam/f2dcbf99-4423-4bd0-95df-da23e81bf71f/la-maison-champs-elysees-elements-graphiques-fonds-002.svg?size=lg"); 1280 background-repeat: repeat; 1281 background-size: 20em; 1282 position: absolute; 1283 right: 0; 1284 top: 0; 1285 width: 3em; 1286 height: 100%; 1287} 1288.fsPanel#fspanel-1328 ul { 1289 list-style: none; 1290 padding: 0; 1291 margin: 3em 0; 1292} 1293.fsPanel#fspanel-1328 ul li { 1294 list-style: none; 1295 padding: 0.25em 0; 1296 margin: 0; 1297 text-align: center; 1298 font-size: 1.1em; 1299} 1300.fsPanel#fspanel-1328 ul li ul { 1301 margin: 1em 0; 1302 display: none !important; 1303} 1304.fsPanel#fspanel-1328 ul li[data-type="language-menu"] { 1305 font-size: 0.8em; 1306} 1307.fsPanel#fspanel-1328 ul li[data-type="language-menu"] > .LanguageMenu { 1308 display: none; 1309} 1310.fsPanel#fspanel-1328 ul li a { 1311 text-decoration: none; 1312 text-transform: uppercase !important; 1313} 1314.fsPanel#fspanel-1328 ul li[data-type="booking-menu"] a { 1315 background: #b3a06c; 1316 position: relative; 1317 z-index: 1; 1318 padding: 0.75em 1.5em; 1319 color: white; 1320 display: inline-block; 1321 font-size: 0.85em; 1322} 1323.fsPanel#fspanel-1328 ul li[data-type="booking-menu"] a:hover { 1324 background-color: #515048; 1325 color: #b3a06c; 1326} 1327.fsPanel#fspanel-1328 .adresse { 1328 font-size: 0.9em; 1329 line-height: 1.4em; 1330 text-align: center; 1331} 1332@media screen and (max-width: 640px) { 1333 .fsPanel#fspanel-1328 .logo img, .fsPanel#fspanel-1328 .logo svg { 1334 max-width: 230px; 1335 } 1336 .fsPanel#fspanel-1328 .adresse { 1337 font-size: 0.85em; 1338 } 1339 .fsPanel#fspanel-1328 ul { 1340 margin: 2em 0; 1341 } 1342 .fsPanel#fspanel-1328 ul li { 1343 font-size: 1em; 1344 } 1345 .fsPanel#fspanel-1328 .fsPanel-content-wrapper:before, .fsPanel#fspanel-1328 .fsPanel-content-wrapper:after { 1346 width: 2em; 1347 } 1348 .fsPanel#fspanel-1328 .fsPanel-trigger { 1349 right: 2em !important; 1350 } 1351} 1352 </style> 1353 <div class="fsPanel" data-status="loading" data-iframe="true" id="fspanel-1336" data-k="1336" data-code="panel-rooms" data-ctx-type="" data-ctx-code=""> 1354 <div class="fsPanel-backdrop" onclick=""></div> 1355 <div class="fsPanel-content-panel"> 1356 <div 1357 class="fsPanel-trigger" 1358 data-align="topright" 1359 > 1360 <i class="far fa-times"></i> 1361 </div> 1362 <div 1363 class="fsPanel-content-wrapper" 1364 data-align="top,left" 1365 data-mobile-align="top,left" 1366 > 1367 <div class="fsPanel-content"> 1368 <iframe class="fsPanel-iframe" src=""></iframe> 1369 </div> 1370 </div> 1371 </div> 1372</div> 1373<style> 1374 1375.debug { 1376 content-animation: fade; 1377 animation: fade; 1378} 1379.debug2 { 1380 content-animation: fade; 1381 animation: fade; 1382} 1383.fsPanel#fspanel-1336 .fsPanel-backdrop { 1384 background-color: rgba(0, 0, 0, 0.4); 1385 opacity: 0; 1386 transform: translate(0, 0); 1387 transition: opacity ease-in-out 0.5s; 1388} 1389.fsPanel#fspanel-1336.active .fsPanel-backdrop { 1390 opacity: 1; 1391 transform: translate(0, 0); 1392} 1393.fsPanel#fspanel-1336 .fsPanel-trigger { 1394 cursor: pointer; 1395} 1396.fsPanel#fspanel-1336 > .fsPanel-content-panel > .fsPanel-trigger { 1397 position: absolute; 1398 z-index: 10; 1399} 1400.fsPanel#fspanel-1336 > .fsPanel-content-panel > .fsPanel-trigger i { 1401 display: inline-block; 1402 font-style: normal; 1403 font-size: 1.6em; 1404 background: #b3a06c; 1405 color: #000000; 1406 border-radius: 50%; 1407 width: 1.2em; 1408 height: 1.2em; 1409 line-height: 1.2em; 1410 text-align: center; 1411} 1412.fsPanel#fspanel-1336 > .fsPanel-content-panel > .fsPanel-trigger[data-align="none"] { 1413 display: none; 1414} 1415.fsPanel#fspanel-1336 > .fsPanel-content-panel > .fsPanel-trigger[data-align="topleft"] { 1416 display: block; 1417 top: 0.5em; 1418 left: 0.5em; 1419 bottom: unset; 1420 right: unset; 1421} 1422.fsPanel#fspanel-1336 > .fsPanel-content-panel > .fsPanel-trigger[data-align="topright"] { 1423 display: block; 1424 top: 0.5em; 1425 right: 0.5em; 1426 bottom: unset; 1427 left: unset; 1428} 1429.fsPanel#fspanel-1336 > .fsPanel-content-panel > .fsPanel-trigger[data-align="bottomleft"] { 1430 display: block; 1431 bottom: 0.5em; 1432 left: 0.5em; 1433 top: unset; 1434 right: unset; 1435} 1436.fsPanel#fspanel-1336 > .fsPanel-content-panel > .fsPanel-trigger[data-align="bottomright"] { 1437 display: block; 1438 bottom: 0.5em; 1439 right: 0.5em; 1440 top: unset; 1441 left: unset; 1442} 1443.fsPanel#fspanel-1336 .fsPanel-content-panel { 1444 width: 100%; 1445 height: 100%; 1446 opacity: 0; 1447 transform: translate(0, 0); 1448 transition: opacity ease-in-out 0.5s; 1449} 1450.fsPanel#fspanel-1336.active .fsPanel-content-panel { 1451 opacity: 1; 1452 transform: translate(0, 0); 1453} 1454.fsPanel#fspanel-1336 .fsPanel-content-wrapper { 1455 width: calc(100%); 1456 max-width: calc(100% - 0em); 1457 min-height: calc(100% - 0em); 1458 max-height: calc(100% - 0em); 1459 background-color: #ffffff; 1460 color: #000000; 1461 padding-top: 1em; 1462 padding-right: 1em; 1463 padding-bottom: 1em; 1464 padding-left: 1em; 1465 margin-top: 0em; 1466 margin-right: 0em; 1467 margin-bottom: 0em; 1468 margin-left: 0em; 1469} 1470.fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-align="center,center"] { 1471 top: 50%; 1472 left: 50%; 1473 transform: translate(calc(-50% - 0em), calc(-50% - 0em)); 1474} 1475.fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-align="center,left"] { 1476 top: 50%; 1477 left: 0; 1478 transform: translateY(calc(-50% - 0em)); 1479} 1480.fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-align="center,right"] { 1481 top: 50%; 1482 right: 0; 1483 transform: translateY(calc(-50% - 0em)); 1484} 1485.fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-align="top,center"] { 1486 top: 0; 1487 left: 50%; 1488 transform: translateX(calc(-50% - 0em)); 1489} 1490.fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-align="bottom,center"] { 1491 bottom: 0; 1492 left: 50%; 1493 transform: translateX(calc(-50% - 0em)); 1494} 1495.fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-align="top,left"] { 1496 top: 0; 1497 left: 0; 1498} 1499.fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-align="top,right"] { 1500 top: 0; 1501 right: 0; 1502} 1503.fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-align="bottom,left"] { 1504 bottom: 0; 1505 left: 0; 1506} 1507.fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-align="bottom,right"] { 1508 bottom: 0; 1509 right: 0; 1510} 1511@media (-ms-high-contrast: none) { 1512 .fsPanel#fspanel-1336 { 1513 /* IE10 */ 1514 /* IE11 */ 1515 } 1516 .fsPanel#fspanel-1336 .fsPanel-content-wrapper { 1517 top: 0 !important; 1518 left: 0 !important; 1519 bottom: 0 !important; 1520 right: 0 !important; 1521 transform: unset !important; 1522 } 1523 .fsPanel#fspanel-1336 *::-ms-backdrop, .fsPanel#fspanel-1336 .fsPanel-content-wrapper { 1524 top: 0 !important; 1525 left: 0 !important; 1526 bottom: 0 !important; 1527 right: 0 !important; 1528 transform: unset !important; 1529 } 1530} 1531@media screen and (max-width: 980px) { 1532 .fsPanel#fspanel-1336 .fsPanel-content-wrapper { 1533 padding-top: 1em; 1534 padding-right: 1em; 1535 padding-bottom: 1em; 1536 padding-left: 1em; 1537 margin-top: 0em; 1538 margin-right: 0em; 1539 margin-bottom: 0em; 1540 margin-left: 0em; 1541 width: calc(100%); 1542 max-width: calc(100% - 0em); 1543 min-height: calc(100% - 0em); 1544 max-height: calc(100% - 0em); 1545 } 1546 .fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-mobile-align] { 1547 top: initial; 1548 bottom: initial; 1549 left: initial; 1550 right: initial; 1551 transform: none; 1552 } 1553 .fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-mobile-align="center,center"] { 1554 top: 50%; 1555 left: 50%; 1556 transform: translate(calc(-50% - 0em), calc(-50% - 0em)); 1557 } 1558 .fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-mobile-align="center,left"] { 1559 top: 50%; 1560 left: 0; 1561 transform: translateY(calc(-50% - 0em)); 1562 } 1563 .fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-mobile-align="center,right"] { 1564 top: 50%; 1565 right: 0; 1566 transform: translateY(calc(-50% - 0em)); 1567 } 1568 .fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-mobile-align="top,center"] { 1569 top: 0; 1570 left: 50%; 1571 transform: translateX(calc(-50% - 0em)); 1572 } 1573 .fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-mobile-align="bottom,center"] { 1574 bottom: 0; 1575 left: 50%; 1576 transform: translateX(calc(-50% - 0em)); 1577 } 1578 .fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-mobile-align="top,left"] { 1579 top: 0; 1580 left: 0; 1581 } 1582 .fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-mobile-align="top,right"] { 1583 top: 0; 1584 right: 0; 1585 } 1586 .fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-mobile-align="bottom,left"] { 1587 bottom: 0; 1588 left: 0; 1589 } 1590 .fsPanel#fspanel-1336 .fsPanel-content-wrapper[data-mobile-align="bottom,right"] { 1591 bottom: 0; 1592 right: 0; 1593 } 1594} 1595@media screen and (max-width: 980px) and (-ms-high-contrast: none) { 1596 .fsPanel#fspanel-1336 { 1597 /* IE10 */ 1598 /* IE11 */ 1599 } 1600 .fsPanel#fspanel-1336 .fsPanel-content-wrapper { 1601 top: 0 !important; 1602 left: 0 !important; 1603 bottom: 0 !important; 1604 right: 0 !important; 1605 transform: unset !important; 1606 } 1607 .fsPanel#fspanel-1336 *::-ms-backdrop, .fsPanel#fspanel-1336 .fsPanel-content-wrapper { 1608 top: 0 !important; 1609 left: 0 !important; 1610 bottom: 0 !important; 1611 right: 0 !important; 1612 transform: unset !important; 1613 } 1614} 1615@media screen and (max-width: 640px) { 1616 .fsPanel#fspanel-1336 .fsPanel-content-wrapper { 1617 width: calc(100%); 1618 min-height: calc(100% - 0em); 1619 } 1620} 1621.fsPanel#fspanel-1336 .fsPanel-content a { 1622 color: #000000; 1623} 1624.fsPanel#fspanel-1336 .fsPanel-content a:hover {
1625 color: #000000; 1626} 1627.fsPanel#fspanel-1336 .fsPanel-content p.surtitre, .fsPanel#fspanel-1336 .fsPanel-content p, .fsPanel#fspanel-1336 .fsPanel-content ul, .fsPanel#fspanel-1336 .fsPanel-content ol { 1628 color: #000000; 1629 font-size: 1em; 1630} 1631.fsPanel#fspanel-1336 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-1336 .fsPanel-content p.surtitre p, .fsPanel#fspanel-1336 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-1336 .fsPanel-content p ul, .fsPanel#fspanel-1336 .fsPanel-content p p, .fsPanel#fspanel-1336 .fsPanel-content p ol, .fsPanel#fspanel-1336 .fsPanel-content ul ul, .fsPanel#fspanel-1336 .fsPanel-content ul p, .fsPanel#fspanel-1336 .fsPanel-content ul ol, .fsPanel#fspanel-1336 .fsPanel-content ol ul, .fsPanel#fspanel-1336 .fsPanel-content ol p, .fsPanel#fspanel-1336 .fsPanel-content ol ol { 1632 font-size: 1em; 1633} 1634.fsPanel#fspanel-1336 .fsPanel-content p.surtitre { 1635 font-size: 0.7em; 1636} 1637.fsPanel#fspanel-1336 .fsPanel-content h1, .fsPanel#fspanel-1336 .fsPanel-content .h1, .fsPanel#fspanel-1336 .fsPanel-content h2, .fsPanel#fspanel-1336 .fsPanel-content .h2, .fsPanel#fspanel-1336 .fsPanel-content h3, .fsPanel#fspanel-1336 .fsPanel-content .h3, .fsPanel#fspanel-1336 .fsPanel-content h4, .fsPanel#fspanel-1336 .fsPanel-content .h4, .fsPanel#fspanel-1336 .fsPanel-content h5, .fsPanel#fspanel-1336 .fsPanel-content .h5, .fsPanel#fspanel-1336 .fsPanel-content h6, .fsPanel#fspanel-1336 .fsPanel-content .h6 { 1638 color: #000000; 1639 font-size: 1em; 1640} 1641@media screen and (max-width: 980px) { 1642 .fsPanel#fspanel-1336 .fsPanel-content p.surtitre, .fsPanel#fspanel-1336 .fsPanel-content p, .fsPanel#fspanel-1336 .fsPanel-content ul, .fsPanel#fspanel-1336 .fsPanel-content ol { 1643 font-size: 1em; 1644 } 1645 .fsPanel#fspanel-1336 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-1336 .fsPanel-content p.surtitre p, .fsPanel#fspanel-1336 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-1336 .fsPanel-content p ul, .fsPanel#fspanel-1336 .fsPanel-content p p, .fsPanel#fspanel-1336 .fsPanel-content p ol, .fsPanel#fspanel-1336 .fsPanel-content ul ul, .fsPanel#fspanel-1336 .fsPanel-content ul p, .fsPanel#fspanel-1336 .fsPanel-content ul ol, .fsPanel#fspanel-1336 .fsPanel-content ol ul, .fsPanel#fspanel-1336 .fsPanel-content ol p, .fsPanel#fspanel-1336 .fsPanel-content ol ol { 1646 font-size: 1em; 1647 } 1648 .fsPanel#fspanel-1336 .fsPanel-content p.surtitre { 1649 font-size: 0.7em; 1650 } 1651 .fsPanel#fspanel-1336 .fsPanel-content h1, .fsPanel#fspanel-1336 .fsPanel-content .h1, .fsPanel#fspanel-1336 .fsPanel-content h2, .fsPanel#fspanel-1336 .fsPanel-content .h2, .fsPanel#fspanel-1336 .fsPanel-content h3, .fsPanel#fspanel-1336 .fsPanel-content .h3, .fsPanel#fspanel-1336 .fsPanel-content h4, .fsPanel#fspanel-1336 .fsPanel-content .h4, .fsPanel#fspanel-1336 .fsPanel-content h5, .fsPanel#fspanel-1336 .fsPanel-content .h5, .fsPanel#fspanel-1336 .fsPanel-content h6, .fsPanel#fspanel-1336 .fsPanel-content .h6 { 1652 font-size: 1em; 1653 } 1654} 1655@media screen and (max-width: 640px) { 1656 .fsPanel#fspanel-1336 .fsPanel-content p.surtitre, .fsPanel#fspanel-1336 .fsPanel-content p, .fsPanel#fspanel-1336 .fsPanel-content ul, .fsPanel#fspanel-1336 .fsPanel-content ol { 1657 font-size: 1em; 1658 } 1659 .fsPanel#fspanel-1336 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-1336 .fsPanel-content p.surtitre p, .fsPanel#fspanel-1336 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-1336 .fsPanel-content p ul, .fsPanel#fspanel-1336 .fsPanel-content p p, .fsPanel#fspanel-1336 .fsPanel-content p ol, .fsPanel#fspanel-1336 .fsPanel-content ul ul, .fsPanel#fspanel-1336 .fsPanel-content ul p, .fsPanel#fspanel-1336 .fsPanel-content ul ol, .fsPanel#fspanel-1336 .fsPanel-content ol ul, .fsPanel#fspanel-1336 .fsPanel-content ol p, .fsPanel#fspanel-1336 .fsPanel-content ol ol { 1660 font-size: 1em; 1661 } 1662 .fsPanel#fspanel-1336 .fsPanel-content p.surtitre { 1663 font-size: 0.7em; 1664 } 1665 .fsPanel#fspanel-1336 .fsPanel-content h1, .fsPanel#fspanel-1336 .fsPanel-content .h1, .fsPanel#fspanel-1336 .fsPanel-content h2, .fsPanel#fspanel-1336 .fsPanel-content .h2, .fsPanel#fspanel-1336 .fsPanel-content h3, .fsPanel#fspanel-1336 .fsPanel-content .h3, .fsPanel#fspanel-1336 .fsPanel-content h4, .fsPanel#fspanel-1336 .fsPanel-content .h4, .fsPanel#fspanel-1336 .fsPanel-content h5, .fsPanel#fspanel-1336 .fsPanel-content .h5, .fsPanel#fspanel-1336 .fsPanel-content h6, .fsPanel#fspanel-1336 .fsPanel-content .h6 { 1666 font-size: 1em; 1667 } 1668} 1669</style> 1670<div class="fsPanel" data-status="loading" data-iframe="false" id="fspanel-3194" data-k="3194" data-code="panel-news" data-ctx-type="" data-ctx-code=""> 1671 <div class="fsPanel-backdrop" onclick=""></div> 1672 <div class="fsPanel-content-panel"> 1673 <div 1674 class="fsPanel-trigger" 1675 data-align="none" 1676 > 1677 <i class="far fa-times"></i> 1678 </div> 1679 <div 1680 class="fsPanel-content-wrapper" 1681 data-align="center,right" 1682 data-mobile-align="center,center" 1683 > 1684 <div class="fsPanel-content"> 1685 <div class="fsPanel-trigger" data-align="topright"><span class="fa-times far"></span></div> 1686 1687<p class="h3" style="text-align: center;">INSCRIPTION À LA NEWSLETTER</p> 1688 1689<div style="text-align:center">
1689<div id="mod_forms--formulaire-newsletter" class="module_wrapper" code="formulaire-newsletter" module="forms" template="_default" skin="_default"> <form id="form_Form_1868_26205_1" class="form mod_form" data-ajax="true" action="#Form_1868_26205_1" method="post" accept-charset="utf-8" enctype="multipart/form-data"> 1690 <input type="hidden" name="HAPI_ENV_MODFORM_AJAX" value="26205"> 1691 <div class="mod_form_anchor" id="Form_1868_26205_1" style="position:relative;top:-150px;"></div><div class="mod_form-text-intro"></div> <input type="hidden" name="Form_1868_26205_1_action" value="submit"> 1692 <div class="form-container"> 1693 <div data-code="gender" class="form-group form_type-gender"> 1694 <label for="gender">Civilité :</label> 1695 <div class="radio "> 1696 <label class="radio-inline"> 1697 <input type="radio" name="Form_1868_26205_1[gender]" value="M" > Monsieur </label> 1698 <label class="radio-inline"> 1699 <input type="radio" name="Form_1868_26205_1[gender]" value="F" > Madame </label> 1700 </div> 1701 </div> 1702 <div class="form-group form_type-clearfix"></div> <div data-code="lastname" class="form-group form_type-lastname "> 1703 <label class="control-label">Nom<sup class="mandatory">*</sup> :</label> 1704 <input type="text" class="form-control" name="Form_1868_26205_1[lastname]" value="" /> 1705 </div> 1706 <div data-code="firstname" class="form-group form_type-firstname "> 1707 <label class="control-label">Prénom<sup class="mandatory">*</sup> :</label> 1708 <input type="text" class="form-control" name="Form_1868_26205_1[firstname]" value="" /> 1709 </div> 1710 <div class="form-group form_type-clearfix"></div> <div data-code="meta_Pays" class="form-group form_type-checklist-select "> 1711 <label class="control-label">Pays </label> 1712 <select class="form-control" name="Form_1868_26205_1[meta][Pays]"> 1713 <option value="" selected></option> 1714 <option value="Açores" >Açores</option> 1715 <option value="Afghanistan" >Afghanistan</option> 1716 <option value="Afrique du Sud" >Afrique du Sud</option> 1717 <option value="Albanie" >Albanie</option> 1718 <option value="Algérie" >Algérie</option> 1719 <option value="Allemagne" >Allemagne</option> 1720 <option value="Andorre" >Andorre</option> 1721 <option value="Angola" >Angola</option> 1722 <option value="Anguilla" >Anguilla</option> 1723 <option value="Antigua et Barbuda" >Antigua et Barbuda</option> 1724 <option value="Arabie Saoudite" >Arabie Saoudite</option> 1725 <option value="Argentine" >Argentine</option> 1726 <option value="Arménie" >Arménie</option> 1727 <option value="Aruba" >Aruba</option> 1728 <option value="Australie" >Australie</option> 1729 <option value="Autriche" >Autriche</option> 1730 <option value="Azerbaïdjan" >Azerbaïdjan</option> 1731 <option value="Bahamas" >Bahamas</option> 1732 <option value="Bahreïn" >Bahreïn</option> 1733 <option value="Bangladesh" >Bangladesh</option> 1734 <option value="Barbade" >Barbade</option> 1735 <option value="Belgique" >Belgique</option> 1736 <option value="Belize" >Belize</option> 1737 <option value="Bénin" >Bénin</option> 1738 <option value="Bermudes" >Bermudes</option> 1739 <option value="Bhoutan" >Bhoutan</option> 1740 <option value="Biélorussie" >Biélorussie</option> 1741 <option value="Bolivie" >Bolivie</option> 1742 <option value="Bonaire" >Bonaire</option> 1743 <option value="Bosnie-Herzégovine" >Bosnie-Herzégovine</option> 1744 <option value="Botswana" >Botswana</option> 1745 <option value="Brésil" >Brésil</option> 1746 <option value="Brunei Darussalam" >Brunei Darussalam</option> 1747 <option value="Bulgarie" >Bulgarie</option> 1748 <option value="Burkina Faso" >Burkina Faso</option> 1749 <option value="Burundi" >Burundi</option> 1750 <option value="Caïmans, Ãles" >Caïmans, Ãles</option> 1751 <option value="Cambodge" >Cambodge</option> 1752 <option value="Cameroun" >Cameroun</option> 1753 <option value="Cap vert" >Cap vert</option> 1754 <option value="Chili" >Chili</option> 1755 <option value="Chine" >Chine</option> 1756 <option value="Christmas, Ãle" >Christmas, Ãle</option> 1757 <option value="Chypre" >Chypre</option> 1758 <option value="Colombie" >Colombie</option> 1759 <option value="Comores" >Comores</option> 1760 <option value="Congo" >Congo</option> 1761 <option value="Cook, Ãles" >Cook, Ãles</option> 1762 <option value="Corée du Nord" >Corée du Nord</option> 1763 <option value="Corée du Sud" >Corée du Sud</option> 1764 <option value="Costa Rica" >Costa Rica</option> 1765 <option value="Côte d'Ivoire" >Côte d'Ivoire</option> 1766 <option value="Croatie" >Croatie</option> 1767 <option value="Cuba" >Cuba</option> 1768 <option value="Curaçao" >Curaçao</option> 1769 <option value="Danemark" >Danemark</option> 1770 <option value="Djibouti" >Djibouti</option> 1771 <option value="Dominique" >Dominique</option> 1772 <option value="Ãgypte" >Ãgypte</option> 1773 <option value="Emirats Arabes Unis" >Emirats Arabes Unis</option> 1774 <option value="Ãquateur" >Ãquateur</option> 1775 <option value="Ãrythrée" >Ãrythrée</option> 1776 <option value="Espagne" >Espagne</option> 1777 <option value="Estonie" >Estonie</option> 1778 <option value="Eswatini (Swaziland)" >Eswatini (Swaziland)</option> 1779 <option value="Ãtats-Unis" >Ãtats-Unis</option> 1780 <option value="Ãthiopie" >
1780Ãthiopie</option> 1781 <option value="Féroé, Ãles" >Féroé, Ãles</option> 1782 <option value="Fidji" >Fidji</option> 1783 <option value="Finlande" >Finlande</option> 1784 <option value="France" >France</option> 1785 <option value="Gabon" >Gabon</option> 1786 <option value="Gambie" >Gambie</option> 1787 <option value="Géorgie" >Géorgie</option> 1788 <option value="Ghana" >Ghana</option> 1789 <option value="Gibraltar" >Gibraltar</option> 1790 <option value="Grèce" >Grèce</option> 1791 <option value="Grenade" >Grenade</option> 1792 <option value="Groenland" >Groenland</option> 1793 <option value="Guadeloupe" >Guadeloupe</option> 1794 <option value="Guam" >Guam</option> 1795 <option value="Guatemala" >Guatemala</option> 1796 <option value="Guinée" >Guinée</option> 1797 <option value="Guinée Ãquatoriale" >Guinée Ãquatoriale</option> 1798 <option value="Guinée-Bissau" >Guinée-Bissau</option> 1799 <option value="Guyane" >Guyane</option> 1800 <option value="Guyane Française" >Guyane Française</option> 1801 <option value="Haïti" >Haïti</option> 1802 <option value="Honduras" >Honduras</option> 1803 <option value="Hong Kong" >Hong Kong</option> 1804 <option value="Hongrie" >Hongrie</option> 1805 <option value="Ãles Canaries" >Ãles Canaries</option> 1806 <option value="Ãles Vierges Britanniques" >Ãles Vierges Britanniques</option> 1807 <option value="Ãles Vierges des Ãtats-Unis" >Ãles Vierges des Ãtats-Unis</option> 1808 <option value="Inde" >Inde</option> 1809 <option value="Indonésie" >Indonésie</option> 1810 <option value="Iran" >Iran</option> 1811 <option value="Iraq" >Iraq</option> 1812 <option value="Irlande" >Irlande</option> 1813 <option value="Islande" >Islande</option> 1814 <option value="Israël" >Israël</option> 1815 <option value="Italie" >Italie</option> 1816 <option value="Jamaïque" >Jamaïque</option> 1817 <option value="Japon" >Japon</option> 1818 <option value="Jordanie" >Jordanie</option> 1819 <option value="Kazakhstan" >Kazakhstan</option> 1820 <option value="Kenya" >Kenya</option> 1821 <option value="Kirghizistan" >Kirghizistan</option> 1822 <option value="Kiribati" >Kiribati</option> 1823 <option value="Kosovo" >Kosovo</option> 1824 <option value="Koweït" >Koweït</option> 1825 <option value="Laos" >Laos</option> 1826 <option value="Lesotho" >Lesotho</option> 1827 <option value="Lettonie" >Lettonie</option> 1828 <option value="Liban" >Liban</option> 1829 <option value="Libéria" >Libéria</option> 1830 <option value="Libye" >Libye</option> 1831 <option value="Liechtenstein" >Liechtenstein</option> 1832 <option value="Lituanie" >Lituanie</option> 1833 <option value="Luxembourg" >Luxembourg</option> 1834 <option value="Macao" >Macao</option> 1835 <option value="Macédoine" >Macédoine</option>
1836 <option value="Madagascar" >Madagascar</option> 1837 <option value="Madère" >Madère</option> 1838 <option value="Malaisie" >Malaisie</option> 1839 <option value="Malawi" >Malawi</option> 1840 <option value="Maldives" >Maldives</option> 1841 <option value="Mali" >Mali</option> 1842 <option value="Malouines, Ãles" >Malouines, Ãles</option> 1843 <option value="Malte" >Malte</option> 1844 <option value="Mariannes du Nord, Ãles" >Mariannes du Nord, Ãles</option> 1845 <option value="Maroc" >Maroc</option> 1846 <option value="Marshall, Ãles" >Marshall, Ãles</option> 1847 <option value="Martinique" >Martinique</option> 1848 <option value="Maurice, Ãle" >Maurice, Ãle</option> 1849 <option value="Mauritanie" >Mauritanie</option> 1850 <option value="Mayotte" >Mayotte</option> 1851 <option value="Mexique" >Mexique</option> 1852 <option value="Micronésie" >Micronésie</option> 1853 <option value="Moldavie" >Moldavie</option> 1854 <option value="Monaco" >Monaco</option> 1855 <option value="Mongolie" >Mongolie</option> 1856 <option value="Montenegro" >Montenegro</option> 1857 <option value="Montserrat" >Montserrat</option> 1858 <option value="Mozambique" >Mozambique</option> 1859 <option value="Myanmar" >Myanmar</option> 1860 <option value="Namibie" >Namibie</option> 1861 <option value="Nauru" >Nauru</option> 1862 <option value="Népal" >Népal</option> 1863 <option value="Nicaragua" >Nicaragua</option> 1864 <option value="Niger" >Niger</option> 1865 <option value="Nigéria" >Nigéria</option> 1866 <option value="Nioué" >Nioué</option> 1867 <option value="Norvège" >Norvège</option> 1868 <option value="Nouvelle-Calédonie" >Nouvelle-Calédonie</option> 1869 <option value="Nouvelle-Zélande" >Nouvelle-Zélande</option> 1870 <option value="Oman" >Oman</option> 1871 <option value="Ouganda" >Ouganda</option> 1872 <option value="Ouzbékistan" >Ouzbékistan</option> 1873 <option value="Pakistan" >Pakistan</option> 1874 <option value="Palaos (Bélau)" >Palaos (Bélau)</option> 1875 <option value="Panama" >Panama</option> 1876 <option value="Papouasie-Nouvelle-Guinée" >Papouasie-Nouvelle-Guinée</option> 1877 <option value="Paraguay" >Paraguay</option> 1878 <option value="Pays-Bas" >Pays-Bas</option> 1879 <option value="Pérou" >Pérou</option> 1880 <option value="Philippines" >Philippines</option> 1881 <option value="Pitcairn" >Pitcairn</option> 1882 <option value="Pologne" >Pologne</option> 1883 <option value="Polynésie Française" >Polynésie Française</option> 1884 <option value="Porto Rico" >Porto Rico</option> 1885 <option value="Portugal" >Portugal</option> 1886 <option value="Qatar" >Qatar</option> 1887 <option value="République Centrafricaine" >République Centrafricaine</option> 1888 <option value="République Démocratique du Congo" >République Démocratique du Congo</option> 1889 <option value="République Dominicaine" >République Dominicaine</option> 1890 <option value="Réunion" >Réunion</option> 1891 <option value="Roumanie" >Roumanie</option> 1892 <option value="Royaume-Uni" >Royaume-Uni</option> 1893 <option value="Russie (Fédération de)" >Russie (Fédération de)</option> 1894 <option value="Rwanda" >Rwanda</option> 1895 <option value="Saba" >Saba</option> 1896 <option value="Saint-Barthélemy" >Saint-Barthélemy</option> 1897 <option value="Saint-Eustache" >Saint-Eustache</option> 1898 <option value="Saint-Kitts-et-Nevis" >Saint-Kitts-et-Nevis</option> 1899 <option value="Saint-Marin" >Saint-Marin</option> 1900 <option value="Saint-Martin" >Saint-Martin</option> 1901 <option value="Saint-Pierre-et-Miquelon" >Saint-Pierre-et-Miquelon</option> 1902 <option value="Saint-Vincent-et-Grenadines" >Saint-Vincent-et-Grenadines</option> 1903 <option value="Sainte-Hélène" >Sainte-Hélène</option> 1904 <option value="Sainte-Lucie" >Sainte-Lucie</option> 1905 <option value="Salomon, Iles" >Salomon, Iles</option> 1906 <option value="Salvador" >Salvador</option> 1907 <option value="Samoa" >Samoa</option> 1908 <option value="Samoa-Américain" >Samoa-Américain</option> 1909 <option value="Sao Tome-et-Principe" >Sao Tome-et-Principe</option> 1910 <option value="Sénégal" >Sénégal</option> 1911 <option value="Serbie" >Serbie</option> 1912 <option value="Seychelles" >Seychelles</option> 1913 <option value="Sierra Leone" >Sierra Leone</option> 1914 <option value="Singapour" >Singapour</option> 1915 <option value="Slovaquie" >Slovaquie</option> 1916 <option value="Slovénie" >Slovénie</option> 1917 <option value="Somalie" >Somalie</option> 1918 <option value="Soudan" >Soudan</option> 1919 <option value="Soudan du Sud" >Soudan du Sud</option> 1920 <option value="Sri Lanka" >Sri Lanka</option> 1921 <option value="Suède" >Suède</option> 1922 <option value="Suisse" >Suisse</option> 1923 <option value="Suriname" >Suriname</option> 1924 <option value="Swaziland" >Swaziland</option> 1925 <option value="Syrie" >Syrie</option> 1926 <option value="Tadjikistan" >Tadjikistan</option> 1927 <option value="Taïwan" >Taïwan</option> 1928 <option value="Tanzanie, République Unie" >Tanzanie, République Unie</option> 1929 <option value="Tchad" >Tchad</option> 1930 <option value="Tchèque, République" >Tchèque, République</option> 1931 <option value="Tchéquie (République Tchèque)" >Tchéquie (République Tchèque)</option> 1932 <option value="Thaïlande" >Thaïlande</option> 1933 <option value="Timor Oriental" >Timor Oriental</option> 1934 <option value="Togo" >Togo</option> 1935 <option value="Tokelaou" >Tokelaou</option> 1936 <option value="Tonga" >Tonga</option>
1937 <option value="Trinité-et-Tobago" >Trinité-et-Tobago</option> 1938 <option value="Tunisie" >Tunisie</option> 1939 <option value="Türkiye (Turquie)" >Türkiye (Turquie)</option> 1940 <option value="Turkménistan" >Turkménistan</option> 1941 <option value="Turks et Caicos" >Turks et Caicos</option> 1942 <option value="Turquie" >Turquie</option> 1943 <option value="Tuvalu" >Tuvalu</option> 1944 <option value="Ukraine" >Ukraine</option> 1945 <option value="Uruguay" >Uruguay</option> 1946 <option value="Vanuatu" >Vanuatu</option> 1947 <option value="Vatican" >Vatican</option> 1948 <option value="Vénézuela" >Vénézuela</option> 1949 <option value="Vietnam" >Vietnam</option> 1950 <option value="Wake, Ãle" >Wake, Ãle</option> 1951 <option value="Yémen" >Yémen</option> 1952 <option value="Zambie" >Zambie</option> 1953 <option value="Zimbabwe" >Zimbabwe</option> 1954 </select> 1955 </div> 1956 <div data-code="email" class="form-group form_type-email "> 1957 <label class="control-label">Email<sup class="mandatory">*</sup> :</label> 1958 <input type="text" class="form-control" name="Form_1868_26205_1[email]" value="" /> 1959 </div> 1960 <div class="form-group form_type-clearfix"></div> <div data-code="meta_Intérêts" class="form-group form_type-checklist-checkbox "> 1961 <label class="control-label">Vous souhaitez recevoir nos actualités concernant :<sup class="mandatory">*</sup> </label> 1962 <div class="checkbox"> 1963 <label> 1964 <input type="checkbox" name="Form_1868_26205_1[meta][Intérêts][]" value="L'hôtel" > 1965 L'hôtel </label> 1966 </div> 1967 <div class="checkbox"> 1968 <label> 1969 <input type="checkbox" name="Form_1868_26205_1[meta][Intérêts][]" value="La gastronomie" > 1970 La gastronomie </label> 1971 </div> 1972 <div class="checkbox"> 1973 <label> 1974 <input type="checkbox" name="Form_1868_26205_1[meta][Intérêts][]" value="Le spa" > 1975 Le spa </label> 1976 </div> 1977 </div> 1978 1979
1979<script src='https://js.hcaptcha.com/1/api.js' async defer></script>
1979 1980 <div class='h-captcha' data-sitekey='a6728d7a-1ca0-4484-8aba-39fa214e6ac0'></div> 1981 <div class="form-action"> 1982 <button id="Form_1868_26205_1_submit" type="submit" class="button1"><span>M'inscrire</span></button> 1983 </div> 1984 <p class="mandatory_explaination"><small><strong>*</strong> Champs obligatoires</small></p> 1985 </div> 1986 <div class="mod_form-text-footer"><p style="font-size:0.7em;">Les informations recueillies sur ce formulaire, vous concernant font l'objet d'un traitement destiné exclusivement au traitement de votre demande. La durée de conservation des données est de 3 ans. Vous bénéficiez d'un droit d'accès, de rectification, de portabilité, d'effacement de celles-ci ou une limitation du traitement. Vous pouvez vous opposer au traitement des données vous concernant et disposez du droit de retirer votre consentement à tout moment en nous contactant directement. Vous avez la possibilité d'introduire une réclamation auprès d'une autorité de contrôle si vous estimez que ce traitement de données à caractère personnel ne répond pas aux exigences légales en vigueur.</p></div> 1987<!--hidden fields injection point--> 1988 1989 </form>
1990 </div></div> </div> 1991 </div> 1992 </div> 1993</div> 1994<style> 1995 1996.debug { 1997 content-animation: right; 1998 animation: right; 1999} 2000.debug2 { 2001 content-animation: right; 2002 animation: right; 2003} 2004.fsPanel#fspanel-3194 .fsPanel-backdrop { 2005 background-color: transparent; 2006 opacity: 1; 2007 transform: translateX(100%); 2008 transition: transform ease-in-out 0.5s; 2009} 2010.fsPanel#fspanel-3194.active .fsPanel-backdrop { 2011 opacity: 1; 2012 transform: translate(0, 0); 2013} 2014.fsPanel#fspanel-3194 .fsPanel-trigger { 2015 cursor: pointer; 2016} 2017.fsPanel#fspanel-3194 > .fsPanel-content-panel > .fsPanel-trigger { 2018 position: absolute; 2019 z-index: 10; 2020} 2021.fsPanel#fspanel-3194 > .fsPanel-content-panel > .fsPanel-trigger i { 2022 display: inline-block; 2023 font-style: normal; 2024 font-size: 2em; 2025 background: #ffffff; 2026 color: #101820; 2027 border-radius: 50%; 2028 width: 1.2em; 2029 height: 1.2em; 2030 line-height: 1.2em; 2031 text-align: center; 2032} 2033.fsPanel#fspanel-3194 > .fsPanel-content-panel > .fsPanel-trigger[data-align="none"] { 2034 display: none; 2035} 2036.fsPanel#fspanel-3194 > .fsPanel-content-panel > .fsPanel-trigger[data-align="topleft"] { 2037 display: block; 2038 top: 1em; 2039 left: 1em; 2040 bottom: unset; 2041 right: unset; 2042} 2043.fsPanel#fspanel-3194 > .fsPanel-content-panel > .fsPanel-trigger[data-align="topright"] { 2044 display: block; 2045 top: 1em; 2046 right: 1em; 2047 bottom: unset; 2048 left: unset; 2049} 2050.fsPanel#fspanel-3194 > .fsPanel-content-panel > .fsPanel-trigger[data-align="bottomleft"] { 2051 display: block; 2052 bottom: 1em; 2053 left: 1em; 2054 top: unset; 2055 right: unset; 2056} 2057.fsPanel#fspanel-3194 > .fsPanel-content-panel > .fsPanel-trigger[data-align="bottomright"] { 2058 display: block; 2059 bottom: 1em; 2060 right: 1em; 2061 top: unset; 2062 left: unset; 2063} 2064.fsPanel#fspanel-3194 .fsPanel-content-panel { 2065 width: 100%; 2066 height: 100%; 2067 opacity: 1; 2068 transform: translateX(100%); 2069 transition: transform ease-in-out 0.5s; 2070} 2071.fsPanel#fspanel-3194.active .fsPanel-content-panel { 2072 opacity: 1; 2073 transform: translate(0, 0); 2074} 2075.fsPanel#fspanel-3194 .fsPanel-content-wrapper { 2076 width: calc(100%); 2077 max-width: calc(700px - 0em); 2078 min-height: calc(0% - 0em); 2079 max-height: calc(100% - 0em); 2080 background-color: #ffffff; 2081 color: #101820; 2082 padding-top: 2em; 2083 padding-right: 2em; 2084 padding-bottom: 2em; 2085 padding-left: 2em; 2086 margin-top: 0em; 2087 margin-right: 0em; 2088 margin-bottom: 0em; 2089 margin-left: 0em; 2090} 2091.fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-align="center,center"] { 2092 top: 50%; 2093 left: 50%; 2094 transform: translate(calc(-50% - 0em), calc(-50% - 0em)); 2095} 2096.fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-align="center,left"] { 2097 top: 50%; 2098 left: 0; 2099 transform: translateY(calc(-50% - 0em)); 2100} 2101.fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-align="center,right"] { 2102 top: 50%; 2103 right: 0; 2104 transform: translateY(calc(-50% - 0em)); 2105} 2106.fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-align="top,center"] { 2107 top: 0; 2108 left: 50%; 2109 transform: translateX(calc(-50% - 0em)); 2110} 2111.fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-align="bottom,center"] { 2112 bottom: 0; 2113 left: 50%; 2114 transform: translateX(calc(-50% - 0em)); 2115} 2116.fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-align="top,left"] { 2117 top: 0; 2118 left: 0; 2119} 2120.fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-align="top,right"] { 2121 top: 0; 2122 right: 0; 2123} 2124.fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-align="bottom,left"] { 2125 bottom: 0; 2126 left: 0; 2127} 2128.fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-align="bottom,right"] { 2129 bottom: 0; 2130 right: 0; 2131} 2132@media (-ms-high-contrast: none) { 2133 .fsPanel#fspanel-3194 { 2134 /* IE10 */ 2135 /* IE11 */ 2136 } 2137 .fsPanel#fspanel-3194 .fsPanel-content-wrapper { 2138 top: 0 !important; 2139 left: 0 !important; 2140 bottom: 0 !important; 2141 right: 0 !important; 2142 transform: unset !important; 2143 } 2144 .fsPanel#fspanel-3194 *::-ms-backdrop, .fsPanel#fspanel-3194 .fsPanel-content-wrapper { 2145 top: 0 !important; 2146 left: 0 !important; 2147 bottom: 0 !important; 2148 right: 0 !important; 2149 transform: unset !important; 2150 } 2151} 2152@media screen and (max-width: 980px) { 2153 .fsPanel#fspanel-3194 .fsPanel-content-wrapper { 2154 padding-top: 2em; 2155 padding-right: 2em; 2156 padding-bottom: 2em; 2157 padding-left: 2em; 2158 margin-top: 0em; 2159 margin-right: 0em; 2160 margin-bottom: 0em; 2161 margin-left: 0em; 2162 width: calc(100%); 2163 max-width: calc(640px - 0em); 2164 min-height: calc(0% - 0em); 2165 max-height: calc(100% - 0em); 2166 }
2167 .fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-mobile-align] { 2168 top: initial; 2169 bottom: initial; 2170 left: initial; 2171 right: initial; 2172 transform: none; 2173 } 2174 .fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-mobile-align="center,center"] { 2175 top: 50%; 2176 left: 50%; 2177 transform: translate(calc(-50% - 0em), calc(-50% - 0em)); 2178 } 2179 .fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-mobile-align="center,left"] { 2180 top: 50%; 2181 left: 0; 2182 transform: translateY(calc(-50% - 0em)); 2183 } 2184 .fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-mobile-align="center,right"] { 2185 top: 50%; 2186 right: 0; 2187 transform: translateY(calc(-50% - 0em)); 2188 } 2189 .fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-mobile-align="top,center"] { 2190 top: 0; 2191 left: 50%; 2192 transform: translateX(calc(-50% - 0em)); 2193 } 2194 .fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-mobile-align="bottom,center"] { 2195 bottom: 0; 2196 left: 50%; 2197 transform: translateX(calc(-50% - 0em)); 2198 } 2199 .fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-mobile-align="top,left"] { 2200 top: 0; 2201 left: 0; 2202 } 2203 .fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-mobile-align="top,right"] { 2204 top: 0; 2205 right: 0; 2206 } 2207 .fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-mobile-align="bottom,left"] { 2208 bottom: 0; 2209 left: 0; 2210 } 2211 .fsPanel#fspanel-3194 .fsPanel-content-wrapper[data-mobile-align="bottom,right"] { 2212 bottom: 0; 2213 right: 0; 2214 } 2215} 2216@media screen and (max-width: 980px) and (-ms-high-contrast: none) { 2217 .fsPanel#fspanel-3194 { 2218 /* IE10 */ 2219 /* IE11 */ 2220 } 2221 .fsPanel#fspanel-3194 .fsPanel-content-wrapper { 2222 top: 0 !important; 2223 left: 0 !important; 2224 bottom: 0 !important; 2225 right: 0 !important; 2226 transform: unset !important; 2227 } 2228 .fsPanel#fspanel-3194 *::-ms-backdrop, .fsPanel#fspanel-3194 .fsPanel-content-wrapper { 2229 top: 0 !important; 2230 left: 0 !important; 2231 bottom: 0 !important; 2232 right: 0 !important; 2233 transform: unset !important; 2234 } 2235} 2236@media screen and (max-width: 640px) { 2237 .fsPanel#fspanel-3194 .fsPanel-content-wrapper { 2238 width: calc(100%); 2239 max-width: calc(640px - 0em); 2240 min-height: calc(100% - 0em); 2241 } 2242} 2243.fsPanel#fspanel-3194 .fsPanel-content a { 2244 color: #101820; 2245} 2246.fsPanel#fspanel-3194 .fsPanel-content a:hover { 2247 color: #101820; 2248} 2249.fsPanel#fspanel-3194 .fsPanel-content p.surtitre, .fsPanel#fspanel-3194 .fsPanel-content p, .fsPanel#fspanel-3194 .fsPanel-content ul, .fsPanel#fspanel-3194 .fsPanel-content ol { 2250 color: #101820; 2251 font-family: AGaramondPro, serif; 2252 font-size: 1em; 2253} 2254.fsPanel#fspanel-3194 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-3194 .fsPanel-content p.surtitre p, .fsPanel#fspanel-3194 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-3194 .fsPanel-content p ul, .fsPanel#fspanel-3194 .fsPanel-content p p, .fsPanel#fspanel-3194 .fsPanel-content p ol, .fsPanel#fspanel-3194 .fsPanel-content ul ul, .fsPanel#fspanel-3194 .fsPanel-content ul p, .fsPanel#fspanel-3194 .fsPanel-content ul ol, .fsPanel#fspanel-3194 .fsPanel-content ol ul, .fsPanel#fspanel-3194 .fsPanel-content ol p, .fsPanel#fspanel-3194 .fsPanel-content ol ol { 2255 font-size: 1em; 2256} 2257.fsPanel#fspanel-3194 .fsPanel-content p.surtitre { 2258 font-size: 1.26em; 2259} 2260.fsPanel#fspanel-3194 .fsPanel-content h1, .fsPanel#fspanel-3194 .fsPanel-content .h1, .fsPanel#fspanel-3194 .fsPanel-content h2, .fsPanel#fspanel-3194 .fsPanel-content .h2, .fsPanel#fspanel-3194 .fsPanel-content h3, .fsPanel#fspanel-3194 .fsPanel-content .h3, .fsPanel#fspanel-3194 .fsPanel-content h4, .fsPanel#fspanel-3194 .fsPanel-content .h4, .fsPanel#fspanel-3194 .fsPanel-content h5, .fsPanel#fspanel-3194 .fsPanel-content .h5, .fsPanel#fspanel-3194 .fsPanel-content h6, .fsPanel#fspanel-3194 .fsPanel-content .h6 { 2261 color: #40bead; 2262 font-family: GillSansMTPro, sans-serif; 2263 font-size: 1.8em; 2264} 2265@media screen and (max-width: 980px) { 2266 .fsPanel#fspanel-3194 .fsPanel-content p.surtitre, .fsPanel#fspanel-3194 .fsPanel-content p, .fsPanel#fspanel-3194 .fsPanel-content ul, .fsPanel#fspanel-3194 .fsPanel-content ol { 2267 font-size: 1em; 2268 }
2269 .fsPanel#fspanel-3194 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-3194 .fsPanel-content p.surtitre p, .fsPanel#fspanel-3194 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-3194 .fsPanel-content p ul, .fsPanel#fspanel-3194 .fsPanel-content p p, .fsPanel#fspanel-3194 .fsPanel-content p ol, .fsPanel#fspanel-3194 .fsPanel-content ul ul, .fsPanel#fspanel-3194 .fsPanel-content ul p, .fsPanel#fspanel-3194 .fsPanel-content ul ol, .fsPanel#fspanel-3194 .fsPanel-content ol ul, .fsPanel#fspanel-3194 .fsPanel-content ol p, .fsPanel#fspanel-3194 .fsPanel-content ol ol { 2270 font-size: 1em; 2271 } 2272 .fsPanel#fspanel-3194 .fsPanel-content p.surtitre { 2273 font-size: 1.12em; 2274 } 2275 .fsPanel#fspanel-3194 .fsPanel-content h1, .fsPanel#fspanel-3194 .fsPanel-content .h1, .fsPanel#fspanel-3194 .fsPanel-content h2, .fsPanel#fspanel-3194 .fsPanel-content .h2, .fsPanel#fspanel-3194 .fsPanel-content h3, .fsPanel#fspanel-3194 .fsPanel-content .h3, .fsPanel#fspanel-3194 .fsPanel-content h4, .fsPanel#fspanel-3194 .fsPanel-content .h4, .fsPanel#fspanel-3194 .fsPanel-content h5, .fsPanel#fspanel-3194 .fsPanel-content .h5, .fsPanel#fspanel-3194 .fsPanel-content h6, .fsPanel#fspanel-3194 .fsPanel-content .h6 { 2276 font-size: 1.6em; 2277 } 2278} 2279@media screen and (max-width: 640px) { 2280 .fsPanel#fspanel-3194 .fsPanel-content p.surtitre, .fsPanel#fspanel-3194 .fsPanel-content p, .fsPanel#fspanel-3194 .fsPanel-content ul, .fsPanel#fspanel-3194 .fsPanel-content ol { 2281 font-size: 1em; 2282 } 2283 .fsPanel#fspanel-3194 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-3194 .fsPanel-content p.surtitre p, .fsPanel#fspanel-3194 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-3194 .fsPanel-content p ul, .fsPanel#fspanel-3194 .fsPanel-content p p, .fsPanel#fspanel-3194 .fsPanel-content p ol, .fsPanel#fspanel-3194 .fsPanel-content ul ul, .fsPanel#fspanel-3194 .fsPanel-content ul p, .fsPanel#fspanel-3194 .fsPanel-content ul ol, .fsPanel#fspanel-3194 .fsPanel-content ol ul, .fsPanel#fspanel-3194 .fsPanel-content ol p, .fsPanel#fspanel-3194 .fsPanel-content ol ol { 2284 font-size: 1em; 2285 } 2286 .fsPanel#fspanel-3194 .fsPanel-content p.surtitre { 2287 font-size: 0.98em; 2288 } 2289 .fsPanel#fspanel-3194 .fsPanel-content h1, .fsPanel#fspanel-3194 .fsPanel-content .h1, .fsPanel#fspanel-3194 .fsPanel-content h2, .fsPanel#fspanel-3194 .fsPanel-content .h2, .fsPanel#fspanel-3194 .fsPanel-content h3, .fsPanel#fspanel-3194 .fsPanel-content .h3, .fsPanel#fspanel-3194 .fsPanel-content h4, .fsPanel#fspanel-3194 .fsPanel-content .h4, .fsPanel#fspanel-3194 .fsPanel-content h5, .fsPanel#fspanel-3194 .fsPanel-content .h5, .fsPanel#fspanel-3194 .fsPanel-content h6, .fsPanel#fspanel-3194 .fsPanel-content .h6 { 2290 font-size: 1.4em; 2291 } 2292} 2293</style> 2294 <style> 2295 @charset "UTF-8"; 2296 2297.fsPanel#fspanel-3194 .fsPanel-content-wrapper { 2298 background-image: url("https://hapi.mmcreation.com/hapidam/31a96f3f-a63c-4a0b-aedf-057fcf455554/maison-albar-le-victoria-patterns-004.jpg?size=lg"); 2299 background-size: cover; 2300 background-attachment: fixed; 2301 padding: 15px !important; 2302} 2303.fsPanel#fspanel-3194 .fsPanel-content-wrapper .fsPanel-content { 2304 background: #fff; 2305 padding: 2em; 2306} 2307.fsPanel#fspanel-3194 .fsPanel-content-wrapper .fsPanel-trigger { 2308 position: absolute; 2309 top: 1.5em; 2310 right: 1.5em; 2311 font-size: 1.4rem; 2312} 2313.fsPanel#fspanel-3194 .fsPanel-content-wrapper .form-container { 2314 justify-content: space-around; 2315 margin-right: 0 !important; 2316} 2317.fsPanel#fspanel-3194 .fsPanel-content-wrapper p { 2318 letter-spacing: 0.1em; 2319 font-size: 0.8em; 2320 line-height: 1.6em; 2321} 2322.fsPanel#fspanel-3194 .fsPanel-content-wrapper form { 2323 text-align: center; 2324 padding: 0.4em 0; 2325} 2326.fsPanel#fspanel-3194 .fsPanel-content-wrapper form [data-code="meta_Intérêts"] { 2327 /*input[type="text"], select{ 2328 padding:0.5em; 2329 display:block; 2330 height:4.em; 2331 width:100%; 2332 border:1px solid #bbbbbb; 2333 margin:0.5em 0; 2334 }*/ 2335 width: 100%; 2336} 2337.fsPanel#fspanel-3194 .fsPanel-content-wrapper form button[type="submit"] { 2338 background-color: #3eb49f; 2339 color: #fff !important; 2340 border-width: 0px; 2341 border-color: #3eb49f; 2342 border-radius: 0px; 2343 font-family: "Open Sans", sans-serif; 2344 font-size: 0.8em; 2345 line-height: 1.4em; 2346 font-weight: 400; 2347 letter-spacing: 0.2em; 2348 padding: 1.3em 2em; 2349 text-transform: uppercase; 2350 margin: auto; 2351} 2352 </style> 2353 <div class="fsPanel" data-status="loading" data-iframe="true" id="fspanel-5686" data-k="5686" data-code="panneau-visitevirtuelle-unlimited" data-ctx-type="" data-ctx-code=""> 2354 <div class="fsPanel-backdrop" onclick=""></div> 2355 <div class="fsPanel-content-panel"> 2356 <div 2357 class="fsPanel-trigger" 2358 data-align="topright" 2359 > 2360 <i class="far fa-times"></i> 2361 </div> 2362 <div 2363 class="fsPanel-content-wrapper" 2364 data-align="center,center" 2365 data-mobile-align="top,left" 2366 > 2367 <div class="fsPanel-content"> 2368 <iframe class="fsPanel-iframe" src="about:blank" src_org="https://www.klapty.com/tour/uMy0YgAeFW"></iframe> 2369 </div> 2370 </div> 2371 </div> 2372</div> 2373<style> 2374 2375.debug { 2376 animation: fade; 2377} 2378.debug2 { 2379 content-animation: fade; 2380 animation: fade; 2381} 2382.fsPanel#fspanel-5686 .fsPanel-backdrop { 2383 background-color: rgba(16, 24, 32, 0.9); 2384 opacity: 0; 2385 transform: translate(0, 0); 2386 transition: opacity ease-in-out 0.5s; 2387} 2388.fsPanel#fspanel-5686.active .fsPanel-backdrop { 2389 opacity: 1; 2390 transform: translate(0, 0); 2391} 2392.fsPanel#fspanel-5686 .fsPanel-trigger {
2393 cursor: pointer; 2394} 2395.fsPanel#fspanel-5686 > .fsPanel-content-panel > .fsPanel-trigger { 2396 position: absolute; 2397 z-index: 10; 2398} 2399.fsPanel#fspanel-5686 > .fsPanel-content-panel > .fsPanel-trigger i { 2400 display: inline-block; 2401 font-style: normal; 2402 font-size: 2em; 2403 background: #ffffff; 2404 color: #000000; 2405 border-radius: 50%; 2406 width: 1.2em; 2407 height: 1.2em; 2408 line-height: 1.2em; 2409 text-align: center; 2410} 2411.fsPanel#fspanel-5686 > .fsPanel-content-panel > .fsPanel-trigger[data-align="none"] { 2412 display: none; 2413} 2414.fsPanel#fspanel-5686 > .fsPanel-content-panel > .fsPanel-trigger[data-align="topleft"] { 2415 display: block; 2416 top: 0em; 2417 left: 0em; 2418 bottom: unset; 2419 right: unset; 2420} 2421.fsPanel#fspanel-5686 > .fsPanel-content-panel > .fsPanel-trigger[data-align="topright"] { 2422 display: block; 2423 top: 0em; 2424 right: 0em; 2425 bottom: unset; 2426 left: unset; 2427} 2428.fsPanel#fspanel-5686 > .fsPanel-content-panel > .fsPanel-trigger[data-align="bottomleft"] { 2429 display: block; 2430 bottom: 0em; 2431 left: 0em; 2432 top: unset; 2433 right: unset; 2434} 2435.fsPanel#fspanel-5686 > .fsPanel-content-panel > .fsPanel-trigger[data-align="bottomright"] { 2436 display: block; 2437 bottom: 0em; 2438 right: 0em; 2439 top: unset; 2440 left: unset; 2441} 2442.fsPanel#fspanel-5686 .fsPanel-content-panel { 2443 width: 100%; 2444 height: 100%; 2445 opacity: 0; 2446 transform: translate(0, 0); 2447 transition: opacity ease-in-out 0.5s; 2448} 2449.fsPanel#fspanel-5686.active .fsPanel-content-panel { 2450 opacity: 1; 2451 transform: translate(0, 0); 2452} 2453.fsPanel#fspanel-5686 .fsPanel-content-wrapper { 2454 width: calc(80%); 2455 max-width: calc(100% - 4em); 2456 min-height: calc(90% - 4em); 2457 max-height: calc(100% - 4em); 2458 color: #ffffff; 2459 padding-top: 0em; 2460 padding-right: 0em; 2461 padding-bottom: 0em; 2462 padding-left: 0em; 2463 margin-top: 2em; 2464 margin-right: 2em; 2465 margin-bottom: 2em; 2466 margin-left: 2em; 2467} 2468.fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-align="center,center"] { 2469 top: 50%; 2470 left: 50%; 2471 transform: translate(calc(-50% - 2em), calc(-50% - 2em)); 2472} 2473.fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-align="center,left"] { 2474 top: 50%; 2475 left: 0; 2476 transform: translateY(calc(-50% - 2em)); 2477} 2478.fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-align="center,right"] { 2479 top: 50%; 2480 right: 0; 2481 transform: translateY(calc(-50% - 2em)); 2482} 2483.fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-align="top,center"] { 2484 top: 0; 2485 left: 50%; 2486 transform: translateX(calc(-50% - 2em)); 2487} 2488.fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-align="bottom,center"] { 2489 bottom: 0; 2490 left: 50%; 2491 transform: translateX(calc(-50% - 2em)); 2492} 2493.fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-align="top,left"] { 2494 top: 0; 2495 left: 0; 2496} 2497.fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-align="top,right"] { 2498 top: 0; 2499 right: 0; 2500} 2501.fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-align="bottom,left"] { 2502 bottom: 0; 2503 left: 0; 2504} 2505.fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-align="bottom,right"] { 2506 bottom: 0; 2507 right: 0; 2508} 2509@media (-ms-high-contrast: none) { 2510 .fsPanel#fspanel-5686 { 2511 /* IE10 */ 2512 /* IE11 */ 2513 } 2514 .fsPanel#fspanel-5686 .fsPanel-content-wrapper { 2515 top: 0 !important; 2516 left: 0 !important; 2517 bottom: 0 !important; 2518 right: 0 !important; 2519 transform: unset !important; 2520 } 2521 .fsPanel#fspanel-5686 *::-ms-backdrop, .fsPanel#fspanel-5686 .fsPanel-content-wrapper { 2522 top: 0 !important; 2523 left: 0 !important; 2524 bottom: 0 !important; 2525 right: 0 !important; 2526 transform: unset !important; 2527 } 2528} 2529@media screen and (max-width: 980px) { 2530 .fsPanel#fspanel-5686 .fsPanel-content-wrapper { 2531 padding-top: 0em; 2532 padding-right: 0em; 2533 padding-bottom: 0em; 2534 padding-left: 0em; 2535 margin-top: 0em; 2536 margin-right: 0em; 2537 margin-bottom: 0em; 2538 margin-left: 0em; 2539 width: calc(100%); 2540 max-width: calc(100% - 0em); 2541 min-height: calc(100% - 0em); 2542 max-height: calc(100% - 0em); 2543 } 2544 .fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-mobile-align] { 2545 top: initial; 2546 bottom: initial; 2547 left: initial; 2548 right: initial; 2549 transform: none; 2550 } 2551 .fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-mobile-align="center,center"] { 2552 top: 50%; 2553 left: 50%; 2554 transform: translate(calc(-50% - 0em), calc(-50% - 0em)); 2555 } 2556 .fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-mobile-align="center,left"] { 2557 top: 50%; 2558 left: 0; 2559 transform: translateY(calc(-50% - 0em)); 2560 } 2561 .fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-mobile-align="center,right"] { 2562 top: 50%; 2563 right: 0; 2564 transform: translateY(calc(-50% - 0em)); 2565 } 2566 .fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-mobile-align="top,center"] { 2567 top: 0; 2568 left: 50%; 2569 transform: translateX(calc(-50% - 0em)); 2570 } 2571 .fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-mobile-align="bottom,center"] { 2572 bottom: 0; 2573 left: 50%; 2574 transform: translateX(calc(-50% - 0em)); 2575 } 2576 .fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-mobile-align="top,left"] { 2577 top: 0; 2578 left: 0; 2579 } 2580 .fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-mobile-align="top,right"] { 2581 top: 0; 2582 right: 0; 2583 } 2584 .fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-mobile-align="bottom,left"] { 2585 bottom: 0; 2586 left: 0; 2587 } 2588 .fsPanel#fspanel-5686 .fsPanel-content-wrapper[data-mobile-align="bottom,right"] { 2589 bottom: 0; 2590 right: 0; 2591 } 2592} 2593@media screen and (max-width: 980px) and (-ms-high-contrast: none) { 2594 .fsPanel#fspanel-5686 { 2595 /* IE10 */ 2596 /* IE11 */ 2597 } 2598 .fsPanel#fspanel-5686 .fsPanel-content-wrapper { 2599 top: 0 !important; 2600 left: 0 !important; 2601 bottom: 0 !important; 2602 right: 0 !important; 2603 transform: unset !important; 2604 } 2605 .fsPanel#fspanel-5686 *::-ms-backdrop, .fsPanel#fspanel-5686 .fsPanel-content-wrapper { 2606 top: 0 !important; 2607 left: 0 !important; 2608 bottom: 0 !important; 2609 right: 0 !important; 2610 transform: unset !important; 2611 } 2612} 2613@media screen and (max-width: 640px) { 2614 .fsPanel#fspanel-5686 .fsPanel-content-wrapper { 2615 width: calc(100%); 2616 min-height: calc(100% - 0em); 2617 } 2618} 2619.fsPanel#fspanel-5686 .fsPanel-content a { 2620 color: #ffffff; 2621} 2622.fsPanel#fspanel-5686 .fsPanel-content a:hover {
2623 color: #ffffff; 2624} 2625.fsPanel#fspanel-5686 .fsPanel-content p.surtitre, .fsPanel#fspanel-5686 .fsPanel-content p, .fsPanel#fspanel-5686 .fsPanel-content ul, .fsPanel#fspanel-5686 .fsPanel-content ol { 2626 color: #ffffff; 2627 font-size: 1em; 2628} 2629.fsPanel#fspanel-5686 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-5686 .fsPanel-content p.surtitre p, .fsPanel#fspanel-5686 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-5686 .fsPanel-content p ul, .fsPanel#fspanel-5686 .fsPanel-content p p, .fsPanel#fspanel-5686 .fsPanel-content p ol, .fsPanel#fspanel-5686 .fsPanel-content ul ul, .fsPanel#fspanel-5686 .fsPanel-content ul p, .fsPanel#fspanel-5686 .fsPanel-content ul ol, .fsPanel#fspanel-5686 .fsPanel-content ol ul, .fsPanel#fspanel-5686 .fsPanel-content ol p, .fsPanel#fspanel-5686 .fsPanel-content ol ol { 2630 font-size: 1em; 2631} 2632.fsPanel#fspanel-5686 .fsPanel-content p.surtitre { 2633 font-size: 0.7em; 2634} 2635.fsPanel#fspanel-5686 .fsPanel-content h1, .fsPanel#fspanel-5686 .fsPanel-content .h1, .fsPanel#fspanel-5686 .fsPanel-content h2, .fsPanel#fspanel-5686 .fsPanel-content .h2, .fsPanel#fspanel-5686 .fsPanel-content h3, .fsPanel#fspanel-5686 .fsPanel-content .h3, .fsPanel#fspanel-5686 .fsPanel-content h4, .fsPanel#fspanel-5686 .fsPanel-content .h4, .fsPanel#fspanel-5686 .fsPanel-content h5, .fsPanel#fspanel-5686 .fsPanel-content .h5, .fsPanel#fspanel-5686 .fsPanel-content h6, .fsPanel#fspanel-5686 .fsPanel-content .h6 { 2636 color: #ffffff; 2637 font-size: 1em; 2638} 2639@media screen and (max-width: 980px) { 2640 .fsPanel#fspanel-5686 .fsPanel-content p.surtitre, .fsPanel#fspanel-5686 .fsPanel-content p, .fsPanel#fspanel-5686 .fsPanel-content ul, .fsPanel#fspanel-5686 .fsPanel-content ol { 2641 font-size: 1em; 2642 } 2643 .fsPanel#fspanel-5686 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-5686 .fsPanel-content p.surtitre p, .fsPanel#fspanel-5686 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-5686 .fsPanel-content p ul, .fsPanel#fspanel-5686 .fsPanel-content p p, .fsPanel#fspanel-5686 .fsPanel-content p ol, .fsPanel#fspanel-5686 .fsPanel-content ul ul, .fsPanel#fspanel-5686 .fsPanel-content ul p, .fsPanel#fspanel-5686 .fsPanel-content ul ol, .fsPanel#fspanel-5686 .fsPanel-content ol ul, .fsPanel#fspanel-5686 .fsPanel-content ol p, .fsPanel#fspanel-5686 .fsPanel-content ol ol { 2644 font-size: 1em; 2645 } 2646 .fsPanel#fspanel-5686 .fsPanel-content p.surtitre { 2647 font-size: 0.7em; 2648 } 2649 .fsPanel#fspanel-5686 .fsPanel-content h1, .fsPanel#fspanel-5686 .fsPanel-content .h1, .fsPanel#fspanel-5686 .fsPanel-content h2, .fsPanel#fspanel-5686 .fsPanel-content .h2, .fsPanel#fspanel-5686 .fsPanel-content h3, .fsPanel#fspanel-5686 .fsPanel-content .h3, .fsPanel#fspanel-5686 .fsPanel-content h4, .fsPanel#fspanel-5686 .fsPanel-content .h4, .fsPanel#fspanel-5686 .fsPanel-content h5, .fsPanel#fspanel-5686 .fsPanel-content .h5, .fsPanel#fspanel-5686 .fsPanel-content h6, .fsPanel#fspanel-5686 .fsPanel-content .h6 { 2650 font-size: 1em; 2651 } 2652} 2653@media screen and (max-width: 640px) { 2654 .fsPanel#fspanel-5686 .fsPanel-content p.surtitre, .fsPanel#fspanel-5686 .fsPanel-content p, .fsPanel#fspanel-5686 .fsPanel-content ul, .fsPanel#fspanel-5686 .fsPanel-content ol { 2655 font-size: 1em; 2656 } 2657 .fsPanel#fspanel-5686 .fsPanel-content p.surtitre ul, .fsPanel#fspanel-5686 .fsPanel-content p.surtitre p, .fsPanel#fspanel-5686 .fsPanel-content p.surtitre ol, .fsPanel#fspanel-5686 .fsPanel-content p ul, .fsPanel#fspanel-5686 .fsPanel-content p p, .fsPanel#fspanel-5686 .fsPanel-content p ol, .fsPanel#fspanel-5686 .fsPanel-content ul ul, .fsPanel#fspanel-5686 .fsPanel-content ul p, .fsPanel#fspanel-5686 .fsPanel-content ul ol, .fsPanel#fspanel-5686 .fsPanel-content ol ul, .fsPanel#fspanel-5686 .fsPanel-content ol p, .fsPanel#fspanel-5686 .fsPanel-content ol ol { 2658 font-size: 1em; 2659 } 2660 .fsPanel#fspanel-5686 .fsPanel-content p.surtitre { 2661 font-size: 0.7em; 2662 } 2663 .fsPanel#fspanel-5686 .fsPanel-content h1, .fsPanel#fspanel-5686 .fsPanel-content .h1, .fsPanel#fspanel-5686 .fsPanel-content h2, .fsPanel#fspanel-5686 .fsPanel-content .h2, .fsPanel#fspanel-5686 .fsPanel-content h3, .fsPanel#fspanel-5686 .fsPanel-content .h3, .fsPanel#fspanel-5686 .fsPanel-content h4, .fsPanel#fspanel-5686 .fsPanel-content .h4, .fsPanel#fspanel-5686 .fsPanel-content h5, .fsPanel#fspanel-5686 .fsPanel-content .h5, .fsPanel#fspanel-5686 .fsPanel-content h6, .fsPanel#fspanel-5686 .fsPanel-content .h6 { 2664 font-size: 1em; 2665 } 2666} 2667</style> 2668 <div class="fsPanel-lazy-placeholder"></div> 2669 <div class="bppContainer-backdrop"> 2670 <div class="bppContainer-wrapper"> 2671 <div class="bppContainer"></div> 2672 </div> 2673 </div> 2674 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/fa.css?v=d9a58483cbcc5758fe0976551eb5042ef45b120b"> 2675 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.css?v=d9a58483cbcc5758fe0976551eb5042ef45b120b" /> 2676 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.00.essentials.css?v=d9a58483cbcc5758fe0976551eb5042ef45b120b" /> 2677 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.01.extra.css?v=d9a58483cbcc5758fe0976551eb5042ef45b120b" /> 2678 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.02.intl-tel-input.css?v=d9a58483cbcc5758fe0976551eb5042ef45b120b" /> 2679 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.10.bxslider.css?v=d9a58483cbcc5758fe0976551eb5042ef45b120b" /> 2680 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.10.fancybox.css?v=d9a58483cbcc5758fe0976551eb5042ef45b120b" /> 2681 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.10.vegas.css?v=d9a58483cbcc5758fe0976551eb5042ef45b120b" /> 2682 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.20.hapi-core.css?v=d9a58483cbcc5758fe0976551eb5042ef45b120b" /> 2683 <link rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/dist/public.30.gmap-leaflet.css?v=d9a58483cbcc5758fe0976551eb5042ef45b120b" /> 2684 <link rel="stylesheet" media="screen" href="https://www.la-maison-champs-elysees.com/assets/dist/_c814_css.css?uuid=d9a58483cbcc5758fe0976551eb5042ef45b120b_1791109606" /> 2685 2686 <!--HAPI-MOVE-TO-BOTTOM:CSS--> 2687<style > 2688 2689.tophat-bar[data-tophat-key="navbar-navigation"] .size-plus { 2690 font-size: 1.1em !important; 2691} 2692.tophat-bar[data-tophat-key="navbar-navigation"] .fa-envelope { 2693 font-size: 1.8em; 2694} 2695.tophat-bar[data-tophat-key="navbar-navigation"] .nav-item.mobile-gift { 2696 font-size: 2em !important; 2697} 2698.tophat-bar[data-tophat-key="navbar-navigation"] .nav-item.desktop-gift { 2699 font-size: 2em !important; 2700} 2701 </style> 2702<style >body{--padding:4em}@media screen and (min-width:981px) and (max-width:1400px){body{--padding:3em}}@media screen and (max-width:980px){body{--padding:2em}}@media screen and (max-width:640px){body{--padding:1.5em}}.tophat-bar[data-tophat-key="navbar-navigation"]{margin:0px 0 0px;font-family:inherit;text-transform:uppercase;background:rgba(255, 255, 255, 0);color:#000000;font-size:1em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"]{margin-top:0px;margin-bottom:0px}}@media screen and (max-width:1200px){.tophat-bar[data-tophat-key="navbar-navigation"]{font-size:1em}}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"]{font-size:1em}}@media screen and (max-width:640px){.tophat-bar[data-tophat-key="navbar-navigation"]{font-size:1em}}.tophat-bar[data-tophat-key="navbar-navigation"].init{height:4em}@media (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"].init{height:4em}}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="desktop"],.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]{margin:0 0em}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span{top:0.6em}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span img,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span svg,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span img,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span svg{max-width:18em;max-height:18em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="desktop"],.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]{margin:0 0em}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span{top:0.8em}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span img,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]>span svg,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span img,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]>span svg{max-width:15em;max-height:15em}}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="desktop"]{display:none !important}}@media screen and (min-width:981px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .tophat-bar-logo[screen="mobile"]{display:none !important}}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[screen="desktop"]{display:none !important}}@media screen and (min-width:981px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[screen="mobile"]{display:none !important}}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part[data-tophat-align="left"] .nav-item{margin-left:0em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part[data-tophat-align="left"] .nav-item{margin-left:0em}}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part[data-tophat-align="middle"] .nav-item{margin-left:0em;margin-right:0em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part[data-tophat-align="middle"] .nav-item{margin-left:0em;margin-right:0em}}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part[data-tophat-align="right"] .nav-item{margin-right:0em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part[data-tophat-align="right"] .nav-item{margin-right:0em}}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item>.nav-link .label{padding-left:1em;padding-right:1em;font-weight:400;letter-spacing:0.05em}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item{margin-left:0em;margin-right:0em}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item>.nav-link .label{padding-left:1em;padding-right:1em}}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="default"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="default"]:hover>a.nav-link.react .label{color:#b3a06c}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="underline"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="underline"]:hover>a.nav-link.react .label{color:#b3a06c;border-bottom-color:#b3a06c}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="background"]>.nav-link .label{color:#ffffff;background:#b3a06c;padding-left:2em;padding-right:2em;border:0px solid #b3a06c}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="background"]>.nav-link .label .label-content{font-family:inherit;font-size:1.1em;font-weight:400;letter-spacing:0.05em}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="background"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="background"]:hover>a.nav-link.react .label{color:#b3a06c;background:#515048;border-color:#515048}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="background"]>.nav-link .label{padding-left:2em;padding-right:2em}}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="background-alt"]>.nav-link .label{color:#b3a06c;background:rgba(255, 255, 255, 0);padding-left:1em;padding-right:1em;border:0px solid #b3a06c}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="background-alt"]>.nav-link .label .label-content{font-family:inherit;font-size:1em;font-weight:400;letter-spacing:0.05em}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="background-alt"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="background-alt"]:hover>a.nav-link.react .label{color:#000000;background:rgba(255, 255, 255, 0);border-color:#000000}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .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-navigation"] .tophat-bar-part .nav-item[data-tophat-skin^="button"]>.nav-link .label{color:#ffffff;background:#b3a06c;padding-top:1em;padding-bottom:1em;padding-left:2em;padding-right:2em;border:0px solid #b3a06c}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin^="button"]>.nav-link .label .label-content{font-family:inherit;font-size:1.1em;font-weight:400;letter-spacing:0.05em}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin^="button"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin^="button"]:hover>a.nav-link.react .label{color:#b3a06c;background:#515048;border-color:#515048}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin^="button"]>.nav-link .label{padding-top:1em;padding-bottom:1em;padding-left:2em;padding-right:2em}}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"]>.nav-link .label{color:#b3a06c;background:rgba(255, 255, 255, 0);padding-top:0.5em;padding-bottom:0.5em;padding-left:1em;padding-right:1em;border:0px solid #b3a06c}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"]>.nav-link .label .label-content{font-family:inherit;font-size:1em;font-weight:400;letter-spacing:0.05em}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"].active>.nav-link.react .label,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item[data-tophat-skin^="button-alt"]:hover>a.nav-link.react .label{color:#000000;background:rgba(255, 255, 255, 0);border-color:#000000}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .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-navigation"] .tophat-bar-part .nav-item[data-tophat-skin="split"]:hover .nav-dropdown[data-tophat-skin="split"] li:hover a{color:#b3a06c}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-
2702item .nav-dropdown[data-tophat-skin="default"]{background:#ffffff}.tophat-bar[data-tophat-key="navbar-navigation"] .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-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li>a{background:#ffffff;color:#000000}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li>a:hover{background:#b3a06c;color:#ffffff}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li.active>a,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="default"] li.hover>a{background:#b3a06c;color:#ffffff}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"]{background:#ffffff}.tophat-bar[data-tophat-key="navbar-navigation"] .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-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li>a{background:#ffffff;color:#000000}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li>a:hover,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li>a:focus{background:#b3a06c;color:#ffffff}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li.active>a,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"] li.hover>a{background:#b3a06c;color:#ffffff}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="balloon"]:before{border-color:transparent transparent #ffffff transparent}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]{background:#ffffff}.tophat-bar[data-tophat-key="navbar-navigation"] .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-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]>li>*{background:#ffffff;color:#000000}.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]>li:hover>*,.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item .nav-dropdown[data-tophat-skin="panel"]>li.active>*{background:#b3a06c;color:#ffffff}@media screen and (min-width:981px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item.to
2702phat-burger[screen="mobile"]{display:none}}@media screen and (max-width:980px){.tophat-bar[data-tophat-key="navbar-navigation"] .tophat-bar-part .nav-item.tophat-burger[screen="desktop"]{display:none}}.tophat-bar[data-tophat-key="navbar-navigation"][data-tophat-burger-visibility="always"] .tophat-burger[screen="desktop"]{display:inline-block}.tophat-bar[data-tophat-key="navbar-navigation"][data-tophat-burger-visibility="never"] .tophat-burger[screen="desktop"]{display:none !important}.tophat-bar[data-tophat-key="navbar-navigation"][data-tophat-burger-mobile-visibility="always"] .tophat-burger[screen="mobile"]{display:inline-block}.tophat-bar[data-tophat-key="navbar-navigation"][data-tophat-burger-mobile-visibility="never"] .tophat-burger[screen="mobile"]{display:none !important} 2703body{--padding:4em}@media screen and (min-width:981px) and (max-width:1400px){body{--padding:3em}}@media screen and (max-width:980px){body{--padding:2em}}@media screen and (max-width:640px){body{--padding:1.5em}}.tophat-burger-container[data-tophat-key="navbar-navigation"]{font-family:inherit;font-size:1em}@media screen and (max-width:980px){.tophat-burger-container[data-tophat-key="navbar-navigation"]{font-size:1em}}@media screen and (max-width:640px){.tophat-burger-container[data-tophat-key="navbar-navigation"]{font-size:1em}}.tophat-burger-container[data-tophat-key="navbar-navigation"] .tophat-burger-content{width:80%;background:#ffffff;padding:0em 0em}.tophat-burger-container[data-tophat-key="navbar-navigation"][animation="right"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container[data-tophat-key="navbar-navigation"][animation="left"] .tophat-burger-header .tophat-burger-close{right:1em}.tophat-burger-container[data-tophat-key="navbar-navigation"][animation="top"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container[data-tophat-key="navbar-navigation"][animation="bottom"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container[data-tophat-key="navbar-navigation"][animation="fade"] .tophat-burger-header .tophat-burger-close{left:1em}.tophat-burger-container[data-tophat-key="navbar-navigation"] .tophat-burger-header{background:#b3a06c;color:#ffffff;padding:1em 1em;font-family:inherit;font-size:1em;font-weight:400;letter-spacing:0em}.tophat-burger-container[data-tophat-key="navbar-navigation"] .tophat-burger-header .tophat-burger-close{display:inline}.tophat-burger-container[data-tophat-key="navbar-navigation"] .tophat-burger-header .tophat-burger-close:hover{color:#ffffff}.tophat-burger-container[data-tophat-key="navbar-navigation"] .tophat-burger-body{padding:1em 1em;background:#ffffff}.tophat-burger-container[data-tophat-key="navbar-navigation"] .tophat-burger-body .tophat-burger-close{top:0.5em;left:0.5em;display:none}.tophat-burger-container[data-tophat-key="navbar-navigation"] .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-navigation"] .tophat-burger-body .tophat-burger-body-content a:hover{color:#b3a06c}.tophat-burger-container[data-tophat-key="navbar-navigation"] .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-navigation"] .tophat-burger-body .tophat-burger-body-prepend a:hover{color:#b3a06c}.tophat-burger-container[data-tophat-key="navbar-navigation"] .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-navigation"] .tophat-burger-body .tophat-burger-body-append a:hover{color:#b3a06c}</style> 2704<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}
2704.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}}
2704.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"]>
2704.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}
2704.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}
2704.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
2704phat-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;
2704left: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> 2705<style > 2706.page_row[row-id="96608"] { 2707 z-index: 100; 2708 position: fixed; 2709 top: 0; 2710 left: 0; 2711 width: 100%; 2712} 2713.page_row[row-id="96608"] .page_row_content { 2714 width: 100%; 2715} 2716.page_row[row-id="96608"] .page_row_overlay { 2717 padding-top: 0em; 2718 padding-left: 1em; 2719 padding-bottom: 0em; 2720 padding-right: 1em; 2721} 2722.page_row[row-id="96608"] .page_row_background { 2723 width: 100%; 2724 background-color: #ffffff; 2725} 2726@media screen and (min-width: 981px) and (max-width: 1400px) { 2727 .page_row[row-id="96608"] { 2728 position: fixed; 2729 top: 0; 2730 left: 0; 2731 width: 100%; 2732 } 2733} 2734</style> 2735<style > 2736 2737#row-98328[row-id="98328"] .service-name { 2738 text-transform: uppercase; 2739} 2740 </style> 2741<style > 2742 2743#row-98202[row-id="98202"] .surtitre { 2744 margin-bottom: 0 !important; 2745 color: #b3a06c; 2746} 2747#row-98202[row-id="98202"] .surtitre + p { 2748 margin-top: 0 !important; 2749} 2750#row-98202[row-id="98202"] .fal { 2751 font-size: 1.3em; 2752 transform: translateX(-110%); 2753 position: absolute; 2754} 2755#row-98202[row-id="98202"] .leaflet-popup-content { 2756 padding: 0.5em; 2757 font-size: 1.2em; 2758 color: #000000; 2759} 2760#row-98202[row-id="98202"] .leaflet-popup-content .surtitre { 2761 font-size: 1.1em; 2762 margin-bottom: 0.5em !important; 2763} 2764 </style> 2765<style > 2766.page_row[row-id="98197"] { 2767 z-index: 1; 2768 position: relative; 2769} 2770.page_row[row-id="98197"] .page_row_content { 2771 width: 100%; 2772} 2773.page_row[row-id="98197"] .page_row_overlay { 2774 padding-top: 0em; 2775 padding-left: 0em; 2776 padding-bottom: 0em; 2777 padding-right: 0em; 2778} 2779.page_row[row-id="98197"] .page_row_background { 2780 width: 100%; 2781} 2782.grid_cell_wrapper[private-id="98197-144488"] { 2783 width: 100%; 2784 background-image: url("https://hapi.mmcreation.com/hapidam/b95d96af-d0a6-49a9-b7a1-3959bf789af6/la-maison-champs-elys-es-fa-ade-2026-05-design-hotels.jpg?w=16&h=16&mode=crop&coi=55%2C49"); 2785} 2786.cell_container[private-id="98197_144488"] .cell_content { 2787 color: #ffffff; 2788} 2789.page_row[row-id="97744"] { 2790 z-index: 9; 2791 position: absolute; 2792} 2793.page_row[row-id="97744"] .page_row_content { 2794 width: 100%; 2795} 2796.page_row[row-id="97744"] .page_row_overlay { 2797 padding-top: 0em; 2798 padding-left: 0em; 2799 padding-bottom: 0em; 2800 padding-right: 0em; 2801} 2802.page_row[row-id="97744"] .page_row_background { 2803 width: 100%; 2804} 2805.grid_cell_wrapper[private-id="97744-143929"] { 2806 width: 100%; 2807} 2808.cell_container[private-id="97744_143929"] .cell_content { 2809 padding: 0em 0em 0em 0em; 2810} 2811.page_row[row-id="98328"] { 2812 z-index: 1; 2813 position: relative; 2814} 2815.page_row[row-id="98328"] .page_row_content { 2816 width: 100%; 2817 max-width: 980px; 2818} 2819.page_row[row-id="98328"] .page_row_overlay { 2820 padding-top: 0em; 2821 padding-left: 0em; 2822 padding-bottom: 0em; 2823 padding-right: 0em; 2824} 2825.page_row[row-id="98328"] .page_row_background { 2826 width: 100%; 2827} 2828.grid_cell_wrapper[private-id="98328-144712"] { 2829 width: 100%; 2830} 2831.page_row[row-id="98327"] { 2832 z-index: 2; 2833 position: absolute; 2834} 2835.page_row[row-id="98327"] .page_row_content { 2836 width: 100%; 2837} 2838.page_row[row-id="98327"] .page_row_overlay { 2839 padding-top: 0em; 2840 padding-left: 0em; 2841 padding-bottom: 0em; 2842 padding-right: 0em; 2843} 2844.page_row[row-id="98327"] .page_row_background { 2845 width: 100%; 2846} 2847.grid_cell_wrapper[private-id="98327-144711"] { 2848 width: 100%; 2849} 2850.cell_container[private-id="98327_144711"] { 2851 pointer-events: none !important; 2852} 2853.cell_container[private-id="98327_144711"] .cell_content { 2854 padding: 0em 0em 0em 0em; 2855} 2856.page_row[row-id="98202"] { 2857 z-index: 1; 2858 position: relative; 2859} 2860.page_row[row-id="98202"] .page_row_content { 2861 width: 100%; 2862} 2863.page_row[row-id="98202"] .page_row_overlay { 2864 padding-top: 0em; 2865 padding-left: 0em; 2866 padding-bottom: 0em; 2867 padding-right: 0em; 2868} 2869.page_row[row-id="98202"] .page_row_background { 2870 width: 100%; 2871 background-color: #000000; 2872} 2873.grid_cell_wrapper[private-id="98202-144494"] { 2874 width: 100%; 2875} 2876.cell_container[private-id="98202_144494"] { 2877 pointer-events: none !important; 2878} 2879.grid_cell_wrapper[private-id="98202-144495"] { 2880 width: 100%; 2881} 2882.grid_cell_wrapper[private-id="98202-144495"] .cell_container > .cell_content { 2883 max-width: 640px; 2884} 2885.cell_container[private-id="98202_144495"] .cell_content { 2886 color: #ffffff; 2887} 2888.page_row[row-id="98206"] { 2889 z-index: 1; 2890 position: relative; 2891} 2892.page_row[row-id="98206"] .page_row_content { 2893 width: 100%; 2894} 2895.page_row[row-id="98206"] .page_row_overlay { 2896 padding-top: 2em; 2897 padding-left: 0em; 2898 padding-bottom: 4em; 2899 padding-right: 0em; 2900} 2901.page_row[row-id="98206"] .page_row_background { 2902 width: 100%; 2903} 2904@media screen and (min-width: 981px) and (max-width: 1400px) { 2905 .page_row[row-id="97744"] { 2906 position: absolute; 2907 } 2908 .page_row[row-id="98327"] { 2909 position: absolute; 2910 } 2911 .page_row[row-id="98206"] { 2912 margin-top: 0px; 2913 margin-bottom: 0px; 2914 } 2915 .page_row[row-id="98206"] .page_row_content { 2916 width: 100%; 2917 } 2918 .page_row[row-id="98206"] .page_row_overlay { 2919 padding-top: 0em; 2920 padding-left: 0em; 2921 padding-bottom: 3em; 2922 padding-right: 0em; 2923 } 2924 .page_row[row-id="98206"] .page_row_background { 2925 width: 100%; 2926 } 2927} 2928@media screen and (max-width: 980px) { 2929 .page_row[row-id="98202"] { 2930 min-height: 0px; 2931 margin-top: 0px; 2932 margin-bottom: 0px; 2933 } 2934 .page_row[row-id="98202"] .page_row_content { 2935 width: 100%; 2936 } 2937 .page_row[row-id="98202"] .page_row_overlay { 2938 padding-top: 0em; 2939 padding-left: 0em; 2940 padding-bottom: 0em; 2941 padding-right: 0em; 2942 } 2943 .page_row[row-id="98202"] .page_row_background { 2944 width: 100%; 2945 } 2946 .grid_cell_wrapper[private-id="98202-144494"] { 2947 min-height: 350px; 2948 } 2949 .page_row[row-id="98206"] { 2950 min-height: 0px; 2951 margin-top: 0px; 2952 margin-bottom: 0px; 2953 } 2954 .page_row[row-id="98206"] .page_row_content { 2955 width: 100%; 2956 } 2957 .page_row[row-id="98206"] .page_row_overlay { 2958 padding-top: 0em; 2959 padding-left: 0em; 2960 padding-bottom: 2em; 2961 padding-right: 0em; 2962 } 2963 .page_row[row-id="98206"] .page_row_background { 2964 width: 100%; 2965 } 2966} 2967</style> 2968<style > 2969.page_row[row-id="97243"] { 2970 z-index: 1; 2971 position: relative; 2972} 2973.page_row[row-id="97243"] .page_row_content { 2974 width: 100%; 2975} 2976.page_row[row-id="97243"] .page_row_overlay { 2977 padding-top: 0em; 2978 padding-left: 0em; 2979 padding-bottom: 0em; 2980 padding-right: 0em; 2981} 2982.page_row[row-id="97243"] .page_row_background { 2983 width: 100%; 2984 background-color: #000000; 2985} 2986@media screen and (max-width: 500px) { 2987 .page_row_gridlayout[private-id="97243"] { 2988 grid-gap: 2px; 2989 grid-template-rows: auto auto; 2990 grid-template-columns: 1fr; 2991 grid-template-areas: "A" "B"; 2992 } 2993} 2994@media screen and (min-width: 501px) { 2995 .page_row_gridlayout[private-id="97243"] { 2996 grid-gap: 2px; 2997 grid-template-rows: 100%; 2998 grid-template-columns: 1fr 1fr; 2999 grid-template-areas: "A B"; 3000 } 3001} 3002.grid_cell_wrapper[private-id="97243-143436"] { 3003 width: 100%; 3004} 3005.cell_container[private-id="97243_143436"]:before { 3006 background-color: #515048; 3007} 3008.cell_container[private-id="97243_143436"]:after { 3009 background-color: #b3a06c; 3010} 3011.cell_container[private-id="97243_143436"] .cell_content { 3012 padding: 1.25em 1.25em 1.25em 1.25em; 3013} 3014.grid_cell_wrapper[private-id="97243-143437"] { 3015 width: 100%; 3016} 3017.cell_container[private-id="97243_143437"]:before { 3018 background-color: #515048; 3019} 3020.cell_container[private-id="97243_143437"]:after { 3021 background-color: #b3a06c; 3022} 3023.cell_container[private-id="97243_143437"] .cell_content { 3024 padding: 1.25em 1.25em 1.25em 1.25em; 3025} 3026.page_row[row-id="97236"] { 3027 z-index: 1; 3028 position: relative; 3029} 3030.page_row[row-id="97236"] .page_row_content { 3031 width: 100%; 3032} 3033.page_row[row-id="97236"] .page_row_overlay { 3034 padding-top: 1em; 3035 padding-left: 4em; 3036 padding-bottom: 0em; 3037 padding-right: 4em; 3038} 3039.page_row[row-id="97236"] .page_row_background { 3040 width: 100%; 3041} 3042.grid_cell_wrapper[private-id="97236-143433"] { 3043 width: 100%; 3044} 3045.cell_container[private-id="97236_143433"] .cell_content { 3046 padding: 1.5em 1.5em 0.5em 1.5em; 3047} 3048.grid_cell_wrapper[private-id="97236-143429"] { 3049 width: 100%; 3050} 3051.cell_container[private-id="97236_143429"] .cell_content { 3052 padding: 1.5em 1.5em 0.5em 1.5em; 3053} 3054.grid_cell_wrapper[private-id="97236-143444"] { 3055 width: 100%; 3056} 3057.cell_container[private-id="97236_143444"] .cell_content { 3058 padding: 1.5em 1.5em 0.5em 1.5em; 3059} 3060.page_row[row-id="100283"] { 3061 z-index: 1; 3062 position: relative; 3063} 3064.page_row[row-id="100283"] .page_row_content { 3065 width: 100%; 3066} 3067.page_row[row-id="100283"] .page_row_overlay { 3068 padding-top: 0em; 3069 padding-left: 0em; 3070 padding-bottom: 0em; 3071 padding-right: 0em; 3072} 3073.page_row[row-id="100283"] .page_row_background { 3074 width: 100%; 3075} 3076.grid_cell_wrapper[private-id="100283-147493"] { 3077 width: 100%; 3078} 3079.cell_container[private-id="100283_147493"] .cell_content { 3080 padding: 0em 1.5em 1.5em 1.5em; 3081} 3082.page_row[row-id="97239"] { 3083 z-index: 1; 3084 position: relative; 3085} 3086.page_row[row-id="97239"] .page_row_content { 3087 width: 100%; 3088} 3089.page_row[row-id="97239"] .page_row_overlay { 3090 padding-top: 0em; 3091 padding-left: 0em; 3092 padding-bottom: 0em; 3093 padding-right: 0em; 3094} 3095.page_row[row-id="97239"] .page_row_background { 3096 width: 100%; 3097} 3098.grid_cell_wrapper[private-id="97239-143432"] { 3099 width: 100%; 3100} 3101.cell_container[private-id="97239_143432"] .cell_content { 3102 padding: 1.5em 1.5em 1.5em 1.5em; 3103} 3104.page_row[row-id="146767"] { 3105 z-index: 1; 3106 position: relative; 3107} 3108.page_row[row-id="146767"] .page_row_content { 3109 width: 100%; 3110} 3111.page_row[row-id="146767"] .page_row_overlay { 3112 padding-top: 1em; 3113 padding-left: 0em; 3114 padding-bottom: 2em; 3115 padding-right: 0em; 3116} 3117.page_row[row-id="146767"] .page_row_background { 3118 width: 100%; 3119 background-color: transparent; 3120} 3121@media screen and (max-width: 980px) { 3122 .page_row[row-id="97236"] { 3123 min-height: 0px; 3124 margin-top: 0px; 3125 margin-bottom: 0px; 3126 } 3127 .page_row[row-id="97236"] .page_row_content { 3128 width: 100%; 3129 } 3130 .page_row[row-id="97236"] .page_row_overlay { 3131 padding-top: 1em; 3132 padding-left: 2em; 3133 padding-bottom: 1em; 3134 padding-right: 2em; 3135 } 3136 .page_row[row-id="97236"] .page_row_background { 3137 width: 100%; 3138 } 3139 .cell_container[private-id="97236_143433"] .cell_content { 3140 padding: 1em 1em 1em 1em; 3141 } 3142 .cell_container[private-id="97236_143429"] .cell_content { 3143 padding: 1em 1em 1em 1em; 3144 } 3145 .cell_container[private-id="97236_143444"] .cell_content { 3146 padding: 1em 1em 1em 1em; 3147 } 3148 .cell_container[private-id="97239_143432"] .cell_content { 3149 padding: 1em 1em 1em 1em; 3150 } 3151} 3152</style> 3153<style > 3154 3155.tophat-bar[data-tophat-key="navbar-navigation"] .size-plus { 3156 font-size: 1.1em !important; 3157} 3158.tophat-bar[data-tophat-key="navbar-navigation"] .fa-envelope { 3159 font-size: 1.8em; 3160} 3161.tophat-bar[data-tophat-key="navbar-navigation"] .nav-item.mobile-gift { 3162 font-size: 2em !important; 3163} 3164.tophat-bar[data-tophat-key="navbar-navigation"] .nav-item.desktop-gift { 3165 font-size: 2em !important; 3166} 3167 </style> 3168<style data-src="Shortcode_Plugin_Service::CommonDependencies"> 3169 .hapi-service_cardlist { 3170 list-style: none; 3171 margin: 0; 3172 padding: 0; 3173 display: flex; 3174 flex-wrap:wrap; 3175 position:relative; 3176 left:-1em; 3177 } 3178 .hapi-service_cardlist li { 3179 margin: 0; 3180 padding: 0; 3181 display: flex; 3182 grid-template-columns: min-content; 3183 flex-wrap:wrap; 3184 flex-direction: column; 3185 --text-align: center; 3186 width: 100%; 3187 padding: 0.5em 0 0.3em 1em; 3188 } 3189 .hapi-service_cardlist li svg { 3190 width: auto; 3191 } 3192 .hapi-service_cardlist li * { 3193 padding-bottom: 0.2em; 3194 } 3195 3196 .service-icon { grid-area: i; display: block; } 3197 .service-name { grid-area: n; display: block; } 3198 .service-description { grid-area: d; display: block; } 3199 3200 .hapi-service_cardlist[desktop-layout="hleft"], 3201 .hapi-service_cardlist[desktop-layout="hright"] { 3202 align-items:start; 3203 } 3204 3205 3206 @media screen and (min-width:1281px) { 3207 .hapi-service_cardlist[desktop-columns="1"] li { width: calc(100% / 1); } 3208 .hapi-service_cardlist[desktop-columns="2"] li { width: calc(100% / 2); } 3209 .hapi-service_cardlist[desktop-columns="3"] li { width: calc(100% / 3); } 3210 .hapi-service_cardlist[desktop-columns="4"] li { width: calc(100% / 4); } 3211 .hapi-service_cardlist[desktop-columns="5"] li { width: calc(100% / 5); } 3212 .hapi-service_cardlist[desktop-columns="6"] li { width: calc(100% / 6); } 3213 .hapi-service_cardlist[desktop-columns="7"] li { width: calc(100% / 7); } 3214 .hapi-service_cardlist[desktop-columns="8"] li { width: calc(100% / 8); } 3215 .hapi-service_cardlist[desktop-columns="9"] li { width: calc(100% / 9); } 3216 .hapi-service_cardlist[desktop-columns="10"] li { width: calc(100% / 10); } 3217 3218 .hapi-service_cardlist[desktop-layout="vcenter"] { text-align: center; } 3219 .hapi-service_cardlist[desktop-layout="vright"] { text-align: right; } 3220 .hapi-service_cardlist[desktop-layout="hleft"] li { flex-direction: row; flex-wrap: unset; } 3221 .hapi-service_cardlist[desktop-layout="hleft"] li .service-icon { margin-right: 0.5em; } 3222 .hapi-service_cardlist[desktop-layout="hleft"] li .service-description { width: 100%;} 3223 .hapi-service_cardlist[desktop-layout="hright"] li { flex-direction: row; flex-wrap: unset; direction:rtl; text-align: right; } 3224 .hapi-service_cardlist[desktop-layout="hright"] li * { direction:ltr; } 3225 .hapi-service_cardlist[desktop-layout="hright"] li .service-icon { margin-left: 0.5em; } 3226 .hapi-service_cardlist[desktop-layout="hright"] li .service-description { width: 100%; } 3227 3228 .hapi-service_cardlist[desktop-layout="hleft"] li { display: grid; display: -ms-grid; grid-template-areas: "i n" "i d"; -ms-grid-columns:1fr 3fr; } 3229 .hapi-service_cardlist[desktop-layout="hleft"] li .service-icon { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:2; } 3230 .hapi-service_cardlist[desktop-layout="hleft"] li .service-name { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:1; } 3231 .hapi-service_cardlist[desktop-layout="hleft"] li .service-description { -ms-grid-column:2; -ms-grid-row:2; -ms-grid-row-span:1; } 3232 3233 .hapi-service_cardlist[desktop-layout="hright"] li { display: grid; display: -ms-grid; grid-template-areas: "n i" "d i"; -ms-grid-columns:3fr 1fr; } 3234 .hapi-service_cardlist[desktop-layout="hright"] li .service-icon { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:2; } 3235 .hapi-service_cardlist[desktop-layout="hright"] li .service-name { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:1; } 3236 .hapi-service_cardlist[desktop-layout="hright"] li .service-description { -ms-grid-column:1; -ms-grid-row:2; -ms-g
3236rid-row-span:1; } 3237 3238 .hapi-service_cardlist[desktop-alignment="left"] { justify-content: flex-start; } 3239 .hapi-service_cardlist[desktop-alignment="center"] { justify-content: center; } 3240 .hapi-service_cardlist[desktop-alignment="right"] { justify-content: flex-end; } 3241 } 3242 @media screen and (min-width:981px) and (max-width:1280px) { 3243 .hapi-service_cardlist[tablet-columns="1"] li { width: calc(100% / 1); } 3244 .hapi-service_cardlist[tablet-columns="2"] li { width: calc(100% / 2); } 3245 .hapi-service_cardlist[tablet-columns="3"] li { width: calc(100% / 3); } 3246 .hapi-service_cardlist[tablet-columns="4"] li { width: calc(100% / 4); } 3247 .hapi-service_cardlist[tablet-columns="5"] li { width: calc(100% / 5); } 3248 .hapi-service_cardlist[tablet-columns="6"] li { width: calc(100% / 6); } 3249 .hapi-service_cardlist[tablet-columns="7"] li { width: calc(100% / 7); } 3250 .hapi-service_cardlist[tablet-columns="8"] li { width: calc(100% / 8); } 3251 .hapi-service_cardlist[tablet-columns="9"] li { width: calc(100% / 9); } 3252 .hapi-service_cardlist[tablet-columns="10"] li { width: calc(100% / 10); } 3253 3254 .hapi-service_cardlist[tablet-layout="vcenter"] { text-align: center; } 3255 .hapi-service_cardlist[tablet-layout="vright"] { text-align: right; } 3256 .hapi-service_cardlist[tablet-layout="hleft"] li { flex-direction: row; flex-wrap: unset; } 3257 .hapi-service_cardlist[tablet-layout="hleft"] li .service-icon { margin-right: 0.5em; } 3258 .hapi-service_cardlist[tablet-layout="hleft"] li .service-description { width: 100%;} 3259 .hapi-service_cardlist[tablet-layout="hright"] li { flex-direction: row; flex-wrap: unset; direction:rtl; text-align: right; } 3260 .hapi-service_cardlist[tablet-layout="hright"] li * { direction:ltr; } 3261 .hapi-service_cardlist[tablet-layout="hright"] li .service-icon { margin-left: 0.5em; } 3262 .hapi-service_cardlist[tablet-layout="hright"] li .service-description { width: 100%; } 3263 3264 .hapi-service_cardlist[tablet-layout="hleft"] li { display: grid; display: -ms-grid; grid-template-areas: "i n" "i d"; -ms-grid-columns:1fr 3fr; } 3265 .hapi-service_cardlist[tablet-layout="hleft"] li .service-icon { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:2; } 3266 .hapi-service_cardlist[tablet-layout="hleft"] li .service-name { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:1; } 3267 .hapi-service_cardlist[tablet-layout="hleft"] li .service-description { -ms-grid-column:2; -ms-grid-row:2; -ms-grid-row-span:1; } 3268 3269 .hapi-service_cardlist[tablet-layout="hright"] li { display: grid; display: -ms-grid; grid-template-areas: "n i" "d i"; -ms-grid-columns:3fr 1fr; } 3270 .hapi-service_cardlist[tablet-layout="hright"] li .service-icon { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:2; } 3271 .hapi-service_cardlist[tablet-layout="hright"] li .service-name { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:1; } 3272 .hapi-service_cardlist[tablet-layout="hright"] li .service-description { -ms-grid-column:1; -ms-grid-row:2; -ms-grid-row-span:1; } 3273 3274 .hapi-service_cardlist[tablet-alignment="left"] { justify-content: flex-start; } 3275 .hapi-service_cardlist[tablet-alignment="center"] { justify-content: center; } 3276 .hapi-service_cardlist[tablet-alignment="right"] { justify-content: flex-end; } 3277 } 3278 @media screen and (max-width:980px) { 3279 .hapi-service_cardlist[mobile-columns="1"] li { width: calc(100% / 1); } 3280 .hapi-service_cardlist[mobile-columns="2"] li { width: calc(100% / 2); } 3281 .hapi-service_cardlist[mobile-columns="3"] li { width: calc(100% / 3); } 3282 .hapi-service_cardlist[mobile-columns="4"] li { width: calc(100% / 4); } 3283 .hapi-service_cardlist[mobile-columns="5"] li { width: calc(100% / 5); } 3284 .hapi-service_cardlist[mobile-columns="6"] li { width: calc(100% / 6); } 3285 .hapi-service_cardlist[mobile-columns="7"] li { width: calc(100% / 7); } 3286 .hapi-service_cardlist[mobile-columns="8"] li { width: calc(100% / 8); } 3287 .hapi-service_cardlist[mobile-columns="9"] li { width: calc(100% / 9); } 3288 .hapi-service_cardlist[mobile-columns="10"] li { width: calc(100% / 10); } 3289 3290 .hapi-service_cardlist[mobile-layout="vcenter"] { text-align: center; } 3291 .hapi-service_cardlist[mobile-layout="vright"] { text-align: right; } 3292 .hapi-service_cardlist[mobile-layout="hleft"] li { flex-direction: row; flex-wrap: unset; } 3293 .hapi-service_cardlist[mobile-layout="hleft"] li .service-icon { margin-right: 0.5em; } 3294 .hapi-service_cardlist[mobile-layout="hleft"] li .service-description { width: 100%;} 3295 .hapi-service_cardlist[mobile-layout="hright"] li { flex-direction: row; flex-wrap: unset; direction:rtl; text-align: right; } 3296 .hapi-service_cardlist[mobile-layout="hright"] li * { direction:ltr; } 3297 .hapi-service_cardlist[mobile-layout="hright"] li .service-icon { margin-left: 0.5em; } 3298 .hapi-service_cardlist[mobile-layout="hright"] li .service-description { width: 100%; } 3299 3300 .hapi-service_cardlist[mobile-layout="hleft"] li { display: grid; display: -ms-grid; grid-template-areas: "i n" "i d"; -ms-grid-columns:1fr 3fr; } 3301 .hapi-service_cardlist[mobile-layout="hleft"] li .service-icon { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:2; } 3302 .hapi-service_cardlist[mobile-layout="hleft"] li .service-name { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:1; } 3303 .hapi-service_cardlist[mobile-layout="hleft"] li .service-description { -ms-grid-column:2; -ms-grid-row:2; -ms-grid-row-span:1; } 3304 3305 .hapi-service_cardlist[mobile-layout="hright"] li { display: grid; display: -ms-grid; grid-template-areas: "n i" "d i"; -ms-grid-columns:3fr 1fr; } 3306 .hapi-service_cardlist[mobile-layout="hright"] li .service-icon { -ms-grid-column:2; -ms-grid-row:1; -ms-grid-row-span:2; } 3307 .hapi-service_cardlist[mobile-layout="hright"] li .service-name { -ms-grid-column:1; -ms-grid-row:1; -ms-grid-row-span:1; } 3308 .hapi-service_cardlist[mobile-layout="hright"] li .service-description { -ms-grid-column:1; -ms-grid-row:2; -ms-grid-row-span:1; } 3309 3310 .hapi-service_cardlist[mobile-alignment="left"] { justify-content: flex-start; } 3311 .hapi-service_cardlist[mobile-alignment="center"] { justify-content: center; } 3312 .hapi-service_cardlist[mobile-alignment="right"] { justify-content: flex-end; } 3313 } 3314 </style> 3315<style > 3316 .hapi-sc-countdown { 3317 display: inline-block; 3318 } 3319 3320 .hapi-countdown[data-theme="splitflap"] { 3321 display: flex; 3322 flex-direction: row; 3323 } 3324 .hapi-countdown[data-theme="splitflap"] .hapi-countdown-part{ 3325 display: flex; 3326 flex-direction: column; 3327 align-items: center; 3328 padding: 0 .5em; 3329 } 3330 .hapi-countdown[data-theme="splitflap"] .hapi-countdown-part strong { 3331 order:2; 3332 background: #020722; 3333 border-radius:.25em; 3334 padding:.5em; 3335 box-shadow: 0px 2px 3px 1px rgba(68, 72, 90, 0.9) inset; 3336 color:#fff; 3337 position: relative; 3338 display: block; 3339 } 3340 .hapi-countdown[data-theme="splitflap"] .hapi-countdown-part strong:before { 3341 display: block; 3342 position: absolute; 3343 content: "\2000"; 3344 height: 0.2em; 3345 top:calc(50% - 0.1em); 3346 left:0; 3347 width:calc(100% - 2px); 3348 border-left:1px solid #fff; 3349 border-right:1px solid #fff; 3350 } 3351 .hapi-countdown[data-theme="splitflap"] .hapi-countdown-part span{ 3352 order:1; 3353 font-size:0.7em; 3354 margin-bottom: 0.25em; 3355 text-transform: uppercase; 3356 } 3357 </style> 3358<style > 3359.page_row[row-id="97243"] { 3360 z-index: 1; 3361 position: relative; 3362} 3363.page_row[row-id="97243"] .page_row_content { 3364 width: 100%; 3365} 3366.page_row[row-id="97243"] .page_row_overlay { 3367 padding-top: 0em; 3368 padding-left: 0em; 3369 padding-bottom: 0em; 3370 padding-right: 0em; 3371} 3372.page_row[row-id="97243"] .page_row_background { 3373 width: 100%; 3374 background-color: #000000; 3375} 3376@media screen and (max-width: 500px) { 3377 .page_row_gridlayout[private-id="97243"] { 3378 grid-gap: 2px; 3379 grid-template-rows: auto auto; 3380 grid-template-columns: 1fr; 3381 grid-template-areas: "A" "B"; 3382 } 3383} 3384@media screen and (min-width: 501px) { 3385 .page_row_gridlayout[private-id="97243"] { 3386 grid-gap: 2px; 3387 grid-template-rows: 100%; 3388 grid-template-columns: 1fr 1fr; 3389 grid-template-areas: "A B"; 3390 } 3391} 3392.grid_cell_wrapper[private-id="97243-143436"] { 3393 width: 100%; 3394} 3395.cell_container[private-id="97243_143436"]:before { 3396 background-color: #515048; 3397} 3398.cell_container[private-id="97243_143436"]:after { 3399 background-color: #b3a06c; 3400} 3401.cell_container[private-id="97243_143436"] .cell_content { 3402 padding: 1.25em 1.25em 1.25em 1.25em; 3403} 3404.grid_cell_wrapper[private-id="97243-143437"] { 3405 width: 100%; 3406} 3407.cell_container[private-id="97243_143437"]:before { 3408 background-color: #515048; 3409} 3410.cell_container[private-id="97243_143437"]:after { 3411 background-color: #b3a06c; 3412} 3413.cell_container[private-id="97243_143437"] .cell_content { 3414 padding: 1.25em 1.25em 1.25em 1.25em; 3415} 3416.page_row[row-id="97236"] { 3417 z-index: 1; 3418 position: relative; 3419} 3420.page_row[row-id="97236"] .page_row_content { 3421 width: 100%; 3422} 3423.page_row[row-id="97236"] .page_row_overlay { 3424 padding-top: 1em; 3425 padding-left: 4em; 3426 padding-bottom: 0em; 3427 padding-right: 4em; 3428} 3429.page_row[row-id="97236"] .page_row_background { 3430 width: 100%; 3431} 3432.grid_cell_wrapper[private-id="97236-143433"] { 3433 width: 100%; 3434} 3435.cell_container[private-id="97236_143433"] .cell_content { 3436 padding: 1.5em 1.5em 0.5em 1.5em; 3437} 3438.grid_cell_wrapper[private-id="97236-143429"] { 3439 width: 100%; 3440} 3441.cell_container[private-id="97236_143429"] .cell_content { 3442 padding: 1.5em 1.5em 0.5em 1.5em; 3443} 3444.grid_cell_wrapper[private-id="97236-143444"] { 3445 width: 100%; 3446} 3447.cell_container[private-id="97236_143444"] .cell_content { 3448 padding: 1.5em 1.5em 0.5em 1.5em; 3449} 3450.page_row[row-id="100283"] { 3451 z-index: 1; 3452 position: relative; 3453} 3454.page_row[row-id="100283"] .page_row_content { 3455 width: 100%; 3456} 3457.page_row[row-id="100283"] .page_row_overlay { 3458 padding-top: 0em; 3459 padding-left: 0em; 3460 padding-bottom: 0em; 3461 padding-right: 0em; 3462} 3463.page_row[row-id="100283"] .page_row_background { 3464 width: 100%; 3465} 3466.grid_cell_wrapper[private-id="100283-147493"] { 3467 width: 100%; 3468} 3469.cell_container[private-id="100283_147493"] .cell_content { 3470 padding: 0em 1.5em 1.5em 1.5em; 3471} 3472.page_row[row-id="97239"] { 3473 z-index: 1; 3474 position: relative; 3475} 3476.page_row[row-id="97239"] .page_row_content { 3477 width: 100%; 3478} 3479.page_row[row-id="97239"] .page_row_overlay { 3480 padding-top: 0em; 3481 padding-left: 0em; 3482 padding-bottom: 0em; 3483 padding-right: 0em; 3484} 3485.page_row[row-id="97239"] .page_row_background { 3486 width: 100%; 3487} 3488.grid_cell_wrapper[private-id="97239-143432"] { 3489 width: 100%; 3490} 3491.cell_container[private-id="97239_143432"] .cell_content { 3492 padding: 1.5em 1.5em 1.5em 1.5em; 3493} 3494.page_row[row-id="146767"] { 3495 z-index: 1; 3496 position: relative; 3497} 3498.page_row[row-id="146767"] .page_row_content { 3499 width: 100%; 3500} 3501.page_row[row-id="146767"] .page_row_overlay { 3502 padding-top: 1em; 3503 padding-left: 0em; 3504 padding-bottom: 2em; 3505 padding-right: 0em; 3506} 3507.page_row[row-id="146767"] .page_row_background { 3508 width: 100%; 3509 background-color: transparent; 3510} 3511@media screen and (max-width: 980px) { 3512 .page_row[row-id="97236"] { 3513 min-height: 0px; 3514 margin-top: 0px; 3515 margin-bottom: 0px; 3516 } 3517 .page_row[row-id="97236"] .page_row_content { 3518 width: 100%; 3519 } 3520 .page_row[row-id="97236"] .page_row_overlay { 3521 padding-top: 1em; 3522 padding-left: 2em; 3523 padding-bottom: 1em; 3524 padding-right: 2em; 3525 } 3526 .page_row[row-id="97236"] .page_row_background { 3527 width: 100%; 3528 } 3529 .cell_container[private-id="97236_143433"] .cell_content { 3530 padding: 1em 1em 1em 1em; 3531 } 3532 .cell_container[private-id="97236_143429"] .cell_content { 3533 padding: 1em 1em 1em 1em; 3534 } 3535 .cell_container[private-id="97236_143444"] .cell_content { 3536 padding: 1em 1em 1em 1em; 3537 } 3538 .cell_container[private-id="97239_143432"] .cell_content { 3539 padding: 1em 1em 1em 1em; 3540 } 3541} 3542</style> 3543<style > 3544.page_row[row-id="97243"] { 3545 z-index: 1; 3546 position: relative; 3547} 3548.page_row[row-id="97243"] .page_row_content { 3549 width: 100%; 3550} 3551.page_row[row-id="97243"] .page_row_overlay { 3552 padding-top: 0em; 3553 padding-left: 0em; 3554 padding-bottom: 0em; 3555 padding-right: 0em; 3556} 3557.page_row[row-id="97243"] .page_row_background { 3558 width: 100%; 3559 background-color: #000000; 3560} 3561@media screen and (max-width: 500px) { 3562 .page_row_gridlayout[private-id="97243"] { 3563 grid-gap: 2px; 3564 grid-template-rows: auto auto; 3565 grid-template-columns: 1fr; 3566 grid-template-areas: "A" "B"; 3567 } 3568} 3569@media screen and (min-width: 501px) { 3570 .page_row_gridlayout[private-id="97243"] { 3571 grid-gap: 2px; 3572 grid-template-rows: 100%; 3573 grid-template-columns: 1fr 1fr; 3574 grid-template-areas: "A B"; 3575 } 3576} 3577.grid_cell_wrapper[private-id="97243-143436"] { 3578 width: 100%; 3579} 3580.cell_container[private-id="97243_143436"]:before { 3581 background-color: #515048; 3582} 3583.cell_container[private-id="97243_143436"]:after { 3584 background-color: #b3a06c; 3585} 3586.cell_container[private-id="97243_143436"] .cell_content { 3587 padding: 1.25em 1.25em 1.25em 1.25em; 3588} 3589.grid_cell_wrapper[private-id="97243-143437"] { 3590 width: 100%; 3591} 3592.cell_container[private-id="97243_143437"]:before { 3593 background-color: #515048; 3594} 3595.cell_container[private-id="97243_143437"]:after { 3596 background-color: #b3a06c; 3597} 3598.cell_container[private-id="97243_143437"] .cell_content { 3599 padding: 1.25em 1.25em 1.25em 1.25em; 3600} 3601.page_row[row-id="97236"] { 3602 z-index: 1; 3603 position: relative; 3604} 3605.page_row[row-id="97236"] .page_row_content { 3606 width: 100%; 3607} 3608.page_row[row-id="97236"] .page_row_overlay { 3609 padding-top: 1em; 3610 padding-left: 4em; 3611 padding-bottom: 0em; 3612 padding-right: 4em; 3613} 3614.page_row[row-id="97236"] .page_row_background { 3615 width: 100%; 3616} 3617.grid_cell_wrapper[private-id="97236-143433"] { 3618 width: 100%; 3619} 3620.cell_container[private-id="97236_143433"] .cell_content { 3621 padding: 1.5em 1.5em 0.5em 1.5em; 3622} 3623.grid_cell_wrapper[private-id="97236-143429"] { 3624 width: 100%; 3625} 3626.cell_container[private-id="97236_143429"] .cell_content { 3627 padding: 1.5em 1.5em 0.5em 1.5em; 3628} 3629.grid_cell_wrapper[private-id="97236-143444"] { 3630 width: 100%; 3631} 3632.cell_container[private-id="97236_143444"] .cell_content { 3633 padding: 1.5em 1.5em 0.5em 1.5em; 3634} 3635.page_row[row-id="100283"] { 3636 z-index: 1; 3637 position: relative; 3638} 3639.page_row[row-id="100283"] .page_row_content { 3640 width: 100%; 3641} 3642.page_row[row-id="100283"] .page_row_overlay { 3643 padding-top: 0em; 3644 padding-left: 0em; 3645 padding-bottom: 0em; 3646 padding-right: 0em; 3647} 3648.page_row[row-id="100283"] .page_row_background { 3649 width: 100%; 3650} 3651.grid_cell_wrapper[private-id="100283-147493"] { 3652 width: 100%; 3653} 3654.cell_container[private-id="100283_147493"] .cell_content { 3655 padding: 0em 1.5em 1.5em 1.5em; 3656} 3657.page_row[row-id="97239"] { 3658 z-index: 1; 3659 position: relative; 3660} 3661.page_row[row-id="97239"] .page_row_content { 3662 width: 100%; 3663} 3664.page_row[row-id="97239"] .page_row_overlay { 3665 padding-top: 0em; 3666 padding-left: 0em; 3667 padding-bottom: 0em; 3668 padding-right: 0em; 3669} 3670.page_row[row-id="97239"] .page_row_background { 3671 width: 100%; 3672} 3673.grid_cell_wrapper[private-id="97239-143432"] { 3674 width: 100%; 3675} 3676.cell_container[private-id="97239_143432"] .cell_content { 3677 padding: 1.5em 1.5em 1.5em 1.5em; 3678} 3679.page_row[row-id="146767"] { 3680 z-index: 1; 3681 position: relative; 3682} 3683.page_row[row-id="146767"] .page_row_content { 3684 width: 100%; 3685} 3686.page_row[row-id="146767"] .page_row_overlay { 3687 padding-top: 1em; 3688 padding-left: 0em; 3689 padding-bottom: 2em; 3690 padding-right: 0em; 3691} 3692.page_row[row-id="146767"] .page_row_background { 3693 width: 100%; 3694 background-color: transparent; 3695} 3696@media screen and (max-width: 980px) { 3697 .page_row[row-id="97236"] { 3698 min-height: 0px; 3699 margin-top: 0px; 3700 margin-bottom: 0px; 3701 } 3702 .page_row[row-id="97236"] .page_row_content { 3703 width: 100%; 3704 } 3705 .page_row[row-id="97236"] .page_row_overlay { 3706 padding-top: 1em; 3707 padding-left: 2em; 3708 padding-bottom: 1em; 3709 padding-right: 2em; 3710 } 3711 .page_row[row-id="97236"] .page_row_background { 3712 width: 100%; 3713 } 3714 .cell_container[private-id="97236_143433"] .cell_content { 3715 padding: 1em 1em 1em 1em; 3716 } 3717 .cell_container[private-id="97236_143429"] .cell_content { 3718 padding: 1em 1em 1em 1em; 3719 } 3720 .cell_container[private-id="97236_143444"] .cell_content { 3721 padding: 1em 1em 1em 1em; 3722 } 3723 .cell_container[private-id="97239_143432"] .cell_content { 3724 padding: 1em 1em 1em 1em; 3725 } 3726} 3727</style> 3728 3729
3729<script> 3730 setTimeout(async function(){ 3731 function hapi_video_rgpd_cookie_consent() { 3732 // forced acceptation (GDRP potential issue) 3733 3734 3735 if(ENV_CONFIG && ENV_CONFIG.rgpd_allow_video) 3736 return true; 3737 3738 // external consent mode: the CMP drives HAPI.consent 3739 if(window.HAPI && HAPI.consent) 3740 return HAPI.consent.granted('analytics'); 3741 3742 // read kalro consent cookie 3743 var nameEQ = "klaro="; 3744 var ca = document.cookie.split(';'); 3745 for(var i=0;i < ca.length;i++) { 3746 var c = ca[i]; 3747 while (c.charAt(0)==' ') c = c.substring(1,c.length); 3748 { 3749 if (c.indexOf(nameEQ) == 0) { 3750 var rgpd = JSON.parse(c.substring(nameEQ.length,c.length)); 3751 return rgpd && rgpd.app_analytics; 3752 } 3753 } 3754 } 3755 3756 return false; 3757 } 3758 3759 var videoRgpdWatcher = setInterval(function(){ 3760 if(hapi_video_rgpd_cookie_consent()) 3761 { 3762 //console.log('videoRgpdWatcher OK'); 3763 var hapiVideoPlayer = document.querySelectorAll('hapi-video[gdpr]') 3764 for(var i=0; i<hapiVideoPlayer.length; i++) 3765 { 3766 hapiVideoPlayer[i].removeAttribute('gdpr') 3767 } 3768 } 3769 },1000) 3770 },1000) 3771 </script>
3771 3772 3773
3773<script src="https://hapi.mmcreation.com/assets/dist/public.js?uuid=d9a58483cbcc5758fe0976551eb5042ef45b120b"></script>
3773 3774 3775 <!--HAPI-DEFERED-JS:RM--> 3776 3777
3777<script> 3778 HAPI_PageCycle.onLoad(async function(){ 3779 // CSS ressources defered injection 3780 $('link[rel="preload"]').each(function(){ 3781 var usedLaterStyle = document.createElement('link'); 3782 usedLaterStyle.rel = 'stylesheet'; 3783 usedLaterStyle.media = 'all'; 3784 usedLaterStyle.href = $(this).attr('href'); 3785 document.body.appendChild(usedLaterStyle) 3786 }) 3787 setTimeout(function(){ 3788 document.querySelector('body').classList.add('loaded'); 3789 document.querySelector('body').classList.remove('loading'); 3790 },10) 3791 }) 3792 </script>
3792 3793 3794 <!--CRW-CONTENT:START--> 3795 <style> 3796 .crwl-images-gallery { 3797 display: flex; 3798 flex-direction: row; 3799 flex-wrap: wrap; 3800 } 3801 .crwl-images-gallery > figure { 3802 margin: 1em; 3803 width: calc(20% - 2em); 3804 box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 3805 border-radius: 0.25em; 3806 overflow: hidden; 3807 } 3808 .crwl-images-gallery img { 3809 width: 100%; 3810 } 3811 .crwl-images-gallery figcaption { 3812 padding: 0.7em; 3813 font-size: 0.7em; 3814 } 3815 </style> 3816 <div class="crwl-images-gallery"> 3817 <figure><a href="https://hapi.mmcreation.com/hapidam/b95d96af-d0a6-49a9-b7a1-3959bf789af6/la-maison-champs-elys-es-fa-ade-2026-05-design-hotels.jpg?size=lg" title="b95d96af-d0a6-49a9-b7a1-3959bf789af6"><img loading="lazy" src="https://hapi.mmcreation.com/hapidam/b95d96af-d0a6-49a9-b7a1-3959bf789af6/la-maison-champs-elys-es-fa-ade-2026-05-design-hotels.jpg?size=lg" alt="b95d96af-d0a6-49a9-b7a1-3959bf789af6"></a><figcaption></figcaption></figure> <figure><a href="https://hapi.mmcreation.com/hapidam/fb84afe9-2d42-4fd4-8bd0-0f3ff4f26ce0/la-maison-champs-elysees-visuels-libres-001.jpg?size=lg" title="La Maison Champs Elysées | Arc de Triomphe de nuit"><img loading="lazy" src="https://hapi.mmcreation.com/hapidam/fb84afe9-2d42-4fd4-8bd0-0f3ff4f26ce0/la-maison-champs-elysees-visuels-libres-001.jpg?size=lg" alt="La Maison Champs Elysées | Arc de Triomphe de nuit"></a><figcaption>La Maison Champs Elysées | Arc de Triomphe de nuit</figcaption></figure> <figure><a href="https://hapi.mmcreation.com/hapidam/d3a2fe69-e468-4912-b841-001e9538e87d/la-maison-champs-elysees-visuels-libres-002.jpg?size=lg" title="La Maison Champs Elysées | Tour Eiffel"><img loading="lazy" src="https://hapi.mmcreation.com/hapidam/d3a2fe69-e468-4912-b841-001e9538e87d/la-maison-champs-elysees-visuels-libres-002.jpg?size=lg" alt="La Maison Champs Elysées | Tour Eiffel"></a><figcaption>La Maison Champs Elysées | Tour Eiffel</figcaption></figure> <figure><a href="https://hapi.mmcreation.com/hapidam/cb6f8fb2-60dd-4fc3-af01-7c1dda0f596f/la-maison-champs-elysees-visuels-libres-003.jpg?size=lg" title="La Maison Champs Elysées | Jardin du Carrousel"><img loading="lazy" src="https://hapi.mmcreation.com/hapidam/cb6f8fb2-60dd-4fc3-af01-7c1dda0f596f/la-maison-champs-elysees-visuels-libres-003.jpg?size=lg" alt="La Maison Champs Elysées | Jardin du Carrousel"></a><figcaption>La Maison Champs Elysées | Jardin du Carrousel</figcaption></figure> <figure><a href="https://hapi.mmcreation.com/hapidam/baa65440-0dad-4eaf-a2de-b03fad3665d9/la-maison-champs-elysees-visuels-libres-008.jpg?size=lg" title="La Maison Champs-Elysées | Art"><img loading="lazy" src="https://hapi.mmcreation.com/hapidam/baa65440-0dad-4eaf-a2de-b03fad3665d9/la-maison-champs-elysees-visuels-libres-008.jpg?size=lg" alt="La Maison Champs-Elysées | Art"></a><figcaption>La Maison Champs-Elysées | Art</figcaption></figure> <figure><a href="https://hapi.mmcreation.com/hapidam/fda071ab-f2f3-4526-b4bb-3e8ddd5cf491/la-maison-champs-elysees-visuels-libres-006.jpg?size=lg" title="La Maison Champs-Elysées | Art"><img loading="lazy" src="https://hapi.mmcreation.com/hapidam/fda071ab-f2f3-4526-b4bb-3e8ddd5cf491/la-maison-champs-elysees-visuels-libres-006.jpg?size=lg" alt="La Maison Champs-Elysées | Art"></a><figcaption>La Maison Champs-Elysées | Art</figcaption></figure> <figure><a href="https://hapi.mmcreation.com/hapidam/33e87296-03b5-4b0e-bde5-bb33c486a493/la-maison-champs-elysees-visuels-libres-007.jpg?size=lg" title="La Maison Champs-Elysées | Art"><img loading="lazy" src="https://hapi.mmcreation.com/hapidam/33e87296-03b5-4b0e-bde5-bb33c486a493/la-maison-champs-elysees-visuels-libres-007.jpg?size=lg" alt="La Maison Champs-Elysées | Art"></a><figcaption>La Maison Champs-Elysées | Art</figcaption></figure> <figure><a href="https://hapi.mmcreation.com/hapidam/20fdfb74-35db-46f6-8907-af6645962882/la-maison-champs-elysees-visuels-libres-005.jpg?size=lg" title="La Maison Champs Elysées | Shopping"><img loading="lazy" src="https://hapi.mmcreation.com/hapidam/20fdfb74-35db-46f6-8907-af6645962882/la-maison-champs-elysees-visuels-libres-005.jpg?size=lg" alt="La Maison Champs Elysées | Shopping"></a><figcaption>La Maison Champs Elysées | Shopping</figcaption></figure> <figure><a href="https://hapi.mmcreation.com/hapidam/3dc7348a-b340-4970-bc53-5b468a9f4e71/la-maison-champs-elysees-visuels-libres-009.jpg?size=lg" title="La Maison Champs Elysées | Shopping"><img loading="lazy" src="https://hapi.mmcreation.com/hapidam/3dc7348a-b340-4970-bc53-5b468a9f4e71/la-maison-champs-elysees-visuels-libres-009.jpg?size=lg" alt="La Maison Champs Elysées | Shopping"></a><figcaption>La Maison Champs Elysées | Shopping</figcaption></figure> 3818 3819 </div>
3820 <!--CRW-CONTENT:END--> 3821 3822 <div class="HAPI-qrcode" onclick="$(this).find('img').toggle();"> 3823 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAFACAIAAABC8jL9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAANeklEQVR4nO3d23Ijtw6F4XFqv/8rTy6yK+WSJ1STWDgs6v9ux31Qt+AhYRD8+v379y8Anv7qvgEA5whgwBgBDBgjgAFjBDBgjAAGjBHAgDECGDBGAAPGCGDAGAEMGCOAAWMEMGCMAAaMEcCAMQIYMEYAA8YIYMAYAQwYI4ABYwQwYIwABowRwIAxAhgwRgADxghgwNj/5Gf8+vqSn/O/fN8X5ud1F7vGvL3J4x1ntB//+AO+CD6c9W1Ezpwn8nCSZGxjxP/AgDECGDBGAAPGCGDAmD6Jdb1IMil+rewD4xov/d3Lbdy6D3ZFAKueXeo3Q3WTwi9KVySsP8LLv+7eZFIg5SX/IwreIENowBgBDBgjgAFj1UmsyinT1rUWOY+354kc+6Il17JVXBWc160PH1LFFblu8Rv83Cy0KszyvljBdNH6bEI1T8PlNooxhAaMEcCAMQIYMPa5c+C1CZOo3eRZF+FtRE61PvbWwqx7AvhtymfxziLpotS6pYik72jkOQvzcJWZ88kYQgPGCGDAGAEMGLtnDvzWcQ3Q7qnKzjz/VNrJ58VT2WMfFMDPrUNuTtc+xwstrrsWabV3Tc75J4bQgDECGDBGAAPG7pkDj81w5FUXCU14ervNxibcc7vqAK5MJySVBJWt8ttN2+TtRXD8JIXPqqumbXgCjCE0YIwABowRwICxijnwhGSDtq9VXvPnvI7EZb2Oyz5R5Nhr0mP3ZKF35dUePQ/+OV+U+R3C5lx3FIbQgDECGDBGAAPGbp4DW5RAbcm7K5e26c+PnfkG5fQBPLZyJdIT6/mxW/+ap6aNe/DYyo1aj9/gcAyhAWMEMGCMAAaMfRVPALRFAjPLDwZusRckfFZdvZ2TtozM64720M1Z6Jnh7XgbSVy2X5yMITRgjAAGjBHAgLH0OXBwYuNebZP68a+39fFr9h+c9kYakliRxPLxMl1tvdSE+qqutFxeNdVuTuuyHPUZhtCAMQIYMEYAA8bSK7Hm9JRxLOoS6prmWTycGp9YiTXk9V/WQEvY0q2y37rwWZX9vs7+D5IhNGCMAAaMEcCAMX0Si6yGUNfcW3iqIeUWE1yYxNIW38xMY6iOjbx+l697TU+svPq/+ufMEBowRgADxghgwFjDHPiCXt5lLeOfL5G7YwO+rT0iI2cW/muv6sbujVWKWwkSVagMeffCNYDCpYjBM0fuOSkvVb/OlCE0YIwABowRwIAx755Yeac9vm7qpLfmrubkArdyS1sT15qsVUGbrnHLCZNqrYLXjShLcZVlUO5roT651mqNITRgjAAGjBHAgLGG5YRdZvbiSrrQC9NZvaPF63ZNYtVUzLw9VYSwhvH4h1O7sXc5/k43Ljt/fuaCbB9DaMAYAQwYI4ABYxVz4LKKmZoFdNqqJmGeo6uCSnjPFumx53dimcRKzZdc0CFtSFnPcVpuTiA9txU5wkxqAYbQgDECGDBGAAPGrmrs7j5Va3T9oyvbYPGzKrGCeeMJfcBfVGaAum6j6+HUVK0JUYkFYIUABowRwICxhkqsFxa1R+vrdrVQF9aEdTXNEl53SKOfgsTVd+N6Yq219Hnfqi3TFqKV5U6Fxz487R/P3FJKGYwxdicEcIgABowRwICxWXPgvH7rqWruauZnX5tzz8cJsOHfyerdCRupbmw3TTVhMZpwd8IukU5jlRW7xU+SITRgjAAGjBHAgLHqJFbjjF9VIrP7EY5bKAVFipzml8fNSY+9WNyY63LCLaoMwdgXLNTVAm7Iasotx8GzPrC9Yz5DaMAYAQwYI4ABY/o5cOqftu1yLamGrKbM++Gkoogha7Mk+pNYzztmuXRyP87DlS1FTFWzoeT80rEaDKEBYwQwYIwABoz1z4HLCqSGpB9aGju1L5r5I+0rs9jZUK56OWEkT7P7nctrCpXUT0t4rFAk1Cf8mnjC9zMyhAaMEcCAMQIYMFZdiRWZyO3ORbXXev6TQwp3VJfWfkCXWfG/gpm2+xu7l7WqiixFFL6GpHVtjTs5HmushFVlrdrz2wyhAWMEMGCMAAaM9e9OGMkBdLW5mqBx08OZjysvaRe50Pcf9uiJtZVMyqtMEm45p/rJYkmJt7FZ97Wy11T8NBhCA8YIYMAYAQwYq6jEKjvbIqeVV9cxtmJkZoearXf0wqIFWnEWoCILXdYF6lje13dsiutY5aLO49uo/CL1blbIEBowRgADxghgwFjzaqTUuYpqSeAQY1cmRqajwh7xA19ZgeqeWHlny8thuqS4LLZuHFK2lfSXgvpfIgyhAWMEMGCMAAaMVSexKntirQ8fslAxqQxgZv+w4IWSzpz6rD6rJ5b27T4/85CCMBct+zyufewrYwgNGCOAAWMEMGAsfQ7c2GAp6cyV062ZU7tbl+Zl8OuJ9ZaqJ1aeyIq5yKmEubS8lmDCjupD2msJX3f9bxyG0IAxAhgwRgADxr6yJ5Zj8xA1BSQvhsz6dlnc5HyXJLHKTKjxEl7oxdhAEv7+Un3ju1pkFWAIDRgjgAFjBDBgbHpj9zwW9znkJruq5Y6bYM18bq5JrKTu+46ZifV5Ulc1Hr8FYW7JZdlm2X4RcQyhAWMEMGCMAAaMVcyBhc2KKg+XnLardOHJnUh+eEht2ZDpdP1tpDd2H/Jkf2Wmx1rWOW4F/5y3sCXyYFXrFoPfZ3YnBPCfCGDAGAEMGPug5YQzS0S2MAf+V2pnnySWlVjanNaQIBS+/ppv0tu3oNqtr+z9Co1Nuz7BEBowRgADxghgwFh/Y/eWs2k3OiwTWXynukredX+eqnehj4Xmxu4vyprLRQ4Mpn+Pu8APKVoM6mpU9vzLsJXwqyyG/SOG0IAxAhgwRgADxj63J9Zz2oV4x32eDq7lTvjkb31W+lLKsml944UW1w2mmlQVUUKNn+j5mbva67djCA0YI4ABYwQwYKy6kCPyZ/Hd/NDAzeDfqilF6mo2NrMsL/UesufPN+9OmGdCVqPyHsoandfk8NrLp4QYQgPGCGDAGAEMGLt5DpxXmtOy6i1YT5J66cUPl00vI9et2X7RoyfW1gZ8kTNrE9qqRY6m6ZCuhng0wQpiCA0YI4ABYwQwYKxhOWGkuCoisuNe5CqRaV7SloLaY1VqMkn/ME1V/HRzFjqP8PVHUsddGzUM+farbkPbioyeWACeIoABYwQwYKxhDjwhXyLU+HG2Ss2Ec7PnZy5LUmqb0e/OihulV2JVNu9+fmyX4D10rXC2241RSLixYwaG0IAxAhgwRgADxswKOezWAGp11VoJF2a2lNal6v1e6Ru7v7leUyujsmOFSQ5hlm5sTuv5hV5oK3aF74hKLABPEcCAMQIYMJaexCrbrW93NlKWENpqNx9xQZbuRVmaStg1aXEqj55Ybx1/g12+kS05nq6U7G7hXdJOjmN3NszGEBowRgADxghgwJjTcsL2P5pLzEzMlMnrtt91oV7pARzsxp5HVU21lUUX5nh2L1STH+paSSts+v9C9VeSJAyhAWMEMGCMAAaMTa/EqklF7N5kpD4soqzWKtIEvyypIXwaFtsv/pFTJVbk2PZkw4FId7Hdz1vWrLyrGf2tGEIDxghgwBgBDBhr2J2w5eSNmwbmXaUlC5CalTz7ybOfV3m+XPSS5YR5jh9QXh3P+lozF8FpE2DCa6naXGnL43oxhAaMEcCAMQIYMOa0nHCsgQVS2qsY7db3R8G0RVfn+if6dycs63v+XFLh0RyVd5V0LeEmmLu/nkaVizGEBowRwIAxAhgw1l/I8TwDpF30J7zu8zM35nsGFiqtfzJV1z6PctU9sV4En8Xz2BDmPLTKqrhUKp/k84czM1n4K//GGEIDxghgwBgBDBjrT2LlEa49zDNnNr6QVGqmrXCakCD46fudXLic8DiFU3zpxbFDsjhbPywMhq2VmHMkPavdY+MYQgPGCGDAGAEMGDPrifVifl8r4YWCKR/hArpIxdtA2mdVPOe/Jwudtz1f8LrHZ56jrOJN2Mgqz/HTyMAQGjBGAAPGCGDA2D1z4DzaDfhmLq9bm3MnCwOzkpc0dm+pvFtLzYjk1WmVpU8mfIQywmdVjyE0YIwABowRwICx6iRW3uZX2r38IvL6gKs2/ms05CNYPKsnyEL/X97Ohouft/gauST8BubzqcQCsEIAA8YIYMAYc+Aoi3nsrqQW+W+PjbjyRbx1cwCrEiS7qYi81IVqRaTwaUT+rFC58V/XdbMxhAaMEcCAMQIYMHbzHDivIi
3823pyqrI+XsK1bHmnGiIvD5ddy3FzAJc5zpbl9fGKfKtmxtjuPQ9JJWZjCA0YI4ABYwQwYIw5sMCQbRAjK/Xy2r4fC2YEIrch/IC37U5Yk1r4lVyolNQjftfz6qJIau1FWelVKmF2kN0JARwigAFjBDBgrGIO3P7H7rdS77ArmzL/sbuY/CQ/KAu9lS8p249v67qRGqCy+iFVXqpsFWde0y96YgFYIYABYwQwYOzLccN4AP/gf2DAGAEMGCOAAWMEMGCMAAaMEcCAMQIYMEYAA8YIYMAYAQwYI4ABYwQwYIwABowRwIAxAhgwRgADxghgwBgBDBgjgAFjBDBgjAAGjBHAgDECGDBGAAPGCGDAGAEMGCOAAWN/AwgLnBZ/VLRoAAAAAElFTkSuQmCC" alt="Quick Response Code"> 3824 <i class="fas fa-qrcode"></i> 3825 </div> 3826 <style> 3827 .HAPI-qrcode { 3828 z-index: 999999999999999; 3829 font-size: 10px; 3830 position:fixed; 3831 bottom:1em; 3832 left:0; 3833 background: rgba(0,0,0,0.2); 3834 padding:0 .3em 0 .1em; 3835 color:#fff; 3836 border-radius: 0 .5em .5em 0; 3837 vertical-align: text-bottom; 3838 cursor: pointer; 3839 } 3840 .HAPI-qrcode i { 3841 opacity: 0.5; 3842 } 3843 .HAPI-qrcode img { 3844 display: none; 3845 position:absolute; 3846 bottom: 0; 3847 left: 2.5em; 3848 max-width: calc(100vw - 5em); 3849 border:1em solid rgba(0,0,0,0.3); 3850 border-radius: .5em; 3851 cursor: default; 3852 } 3853 </style> 3854
3854<script src="https://sdk.namastay.io/index.js"></script>
vendor: 2 bytes, line 3854
3854
3855<script> 3856 const hotelParameters = { 3857 apiKey: 'bbd37f09ef0c429cbd07e0292b33ac6etivu1i9wo07e3piu', // API Key for the hotel 3858 spreedlyApiKey: 'D1a8Zma8lZfap6nZpUjPxp6OHBV', // Spreedly API Key, use the same one 3859 widgetButtonsClass: 'namastay-widget-button', // Class of the button that you want to use to open Namastay 3860 specialOfferButtonsClass: 'namastay-offer-button', // Class of the button that you want to use to open offers, make sure it's an <a> and has a SynXis URL inside. 3861 }; 3862 initNamastay(hotelParameters); 3863</script>
3863 3864 3865 3866 3867 3868
3868<script async src="https://hapi.mmcreation.com/assets/helpers-js?v=d9a58483cbcc5758fe0976551eb5042ef45b120b"></script>
3868 3869 <link async rel="stylesheet" media="screen" href="https://hapi.mmcreation.com/assets/helpers-css?v=d9a58483cbcc5758fe0976551eb5042ef45b120b" /> 3870 3871
3871<script async src="https://hapi.mmcreation.com/assets/foobar-js?v=1.0"></script>
3871 3872 <link rel="preload" as="style" media="screen" href="https://hapi.mmcreation.com/assets/foobar-css?v=1.0" /> 3873 3874 3875 3876 3877 3878
3878<script> 3879 //https://github.com/jonnyhaynes/inline-svg/blob/master/dist/inlineSVG.min.js 3880 !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}); 3881 3882 inlineSVG.init( 3883 { 3884 svgSelector: 'img[data-inline="true"]', // the class attached to all images that should be inlined 3885 initClass: 'svg-inlined', // class added to the <html> 3886 }, 3887 function () { 3888 console.log('All SVGs inlined'); 3889 } 3890 ); 3891 </script>
3891 3892 </body> 3893</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.