1<!DOCTYPE html> 2<html lang="fr"> 3 <head> 4 <meta charset="utf-8" /> 5 6 7 <title>Contact | Hotels Paris Rive Gauche</title> 8 <meta name="description" content="Une question ou besoin dâaide pour votre séjour ? Contactez directement Hotels Paris Rive Gauche â nous sommes là pour vous répondre rapidement." /> 9 10 <link rel="canonical" href="https://www.hotels-paris-rive-gauche.com/fr/contact/" /> 11 12 <!-- HREFLANG --> 13 <link rel="alternate" hreflang="fr" href="https://www.hotels-paris-rive-gauche.com/fr/contact/" /> 14 <link rel="alternate" hreflang="en" href="https://www.hotels-paris-rive-gauche.com/en/contact/" /> 15 <link rel="alternate" hreflang="x-default" href="https://www.hotels-paris-rive-gauche.com/fr/contact/" /> 16 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 17 <meta name="author" content="" /> 18 <meta property="og:image" content="https://www.hotels-paris-rive-gauche.com/assets/images/og-image.jpg" /> 19 <meta property="og:image:width" content="1200" /> 20 <meta property="og:image:height" content="630" /> 21 <meta property="og:locale" content="fr_FR" /> 22 23 <!-- Twitter Card --> 24 <meta name="twitter:card" content="summary_large_image" /> 25 <meta name="twitter:site" content="@HPRGParis" /> 26 <meta name="twitter:title" content="Contact | Hotels Paris Rive Gauche" /> 27 <meta name="twitter:description" content="Une question ou besoin dâaide pour votre séjour ? Contactez directement Hotels Paris Rive Gauche â nous sommes là pour vous répondre rapidement." /> 28 <meta name="twitter:image" content="https://www.hotels-paris-rive-gauche.com/assets/images/hprghistoire.jpg" /> 29<!-- SCHEMA.ORG JSON-LD --> 30 <!-- FAVICON --> 31 <!-- <link rel="icon" href="/assets/images/favicon.ico" type="images/x-icon" /> --> 32 <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png" /> 33 <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png" /> 34 <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png" /> 35 <link rel="manifest" href="/site.webmanifest" /> 36 <link rel="mask-icon" href="/assets/favicon/safari-pinned-tab.svg" color="#5bbad5" /> 37 <meta name="msapplication-TileColor" content="#da532c" /> 38 <meta name="theme-color" content="#ffffff" /> <!-- LOAD CSS FILES --> 39 40 41 <!-- LOAD CSS FILES --> 42 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css"> 43 44 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 45<!-- Owl Carousel CSS --> 46<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" /> 47<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" /> 48 <link href="/assets/dist/css/style.css?v=1791049024" rel="stylesheet" type="text/css"> 49 50 51
51<script src="/assets/dist/js/manifest.min.js"></script>
51 52
52<script src="/assets/dist/js/vendor.js"></script>
52 53
53<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
53 54 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
55<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
55 56
56<script type="text/javascript" data-cfasync="false"> 57 var mi_track_user = true 58 59 var disableStr = 'ga-disable-UA-141491-9' 60 61 /* Function to detect opted out users */ 62 function __gaTrackerIsOptedOut() { 63 return document.cookie.indexOf(disableStr + '=true') > -1 64 } 65 66 /* Disable tracking if the opt-out cookie exists. */ 67 if (__gaTrackerIsOptedOut()) { 68 window[disableStr] = true 69 } 70 71 /* Opt-out function */ 72 function __gaTrackerOptout() { 73 document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/' 74 window[disableStr] = true 75 } 76 77 if (mi_track_user) { 78 ;(function (i, s, o, g, r, a, m) { 79 i['GoogleAnalyticsObject'] = r 80 ;(i[r] = 81 i[r] || 82 function () { 83 ;(i[r].q = i[r].q || []).push(arguments) 84 }), 85 (i[r].l = 1 * new Date()) 86 ;(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]) 87 a.async = 1 88 a.src = g 89 m.parentNode.insertBefore(a, m) 90 })(window, document, 'script', '//www.google-analytics.com/analytics.js', '__gaTracker') 91 92 __gaTracker('create', 'UA-141491-9', 'auto') 93 __gaTracker('set', 'forceSSL', true) 94 __gaTracker('send', 'pageview', '/404.html?page=' + document.location.pathname + document.location.search + '&from=' + document.referrer) 95 } else { 96 console.log('') 97 ;(function () { 98 /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ 99 var noopfn = function () { 100 return null 101 } 102 var noopnullfn = function () { 103 return null 104 } 105 var Tracker = function () { 106 return null 107 } 108 var p = Tracker.prototype 109 p.get = noopfn 110 p.set = noopfn 111 p.send = noopfn 112 var __gaTracker = function () { 113 var len = arguments.length 114 if (len === 0) { 115 return 116 } 117 var f = arguments[len - 1] 118 if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') { 119 console.log('Not running function __gaTracker(' + arguments[0] + " ....) because you're not being tracked. ") 120 return 121 } 122 try { 123 f.hitCallback() 124 } catch (ex) {} 125 } 126 __gaTracker.create = function () { 127 return new Tracker() 128 } 129 __gaTracker.getByName = noopnullfn 130 __gaTracker.getAll = function () { 131 return [] 132 } 133 __gaTracker.remove = noopfn 134 window['__gaTracker'] = __gaTracker 135 })() 136 } 137 </script>
137 138 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 138-139
138 139 <script async src="https://www.googletagmanager.com/gtag/js?id=
139G-KPPZVSQDS5
vendor: 16 bytes, lines 139-140
139"></script> 140
140<script> 141 window.dataLayer = window.dataLayer || [] 142 function gtag() { 143 dataLayer.push(arguments) 144 } 145 gtag('js', new Date()) 146 147 gtag('config', 'G-KPPZVSQDS5') 148 </script>
148 149 <!-- / Google Analytics by MonsterInsights --> 150
150<script type="text/javascript"> 151 window._wpemojiSettings = { baseUrl: 'https://s.w.org/images/core/emoji/2.4/72x72/', ext: '.png', svgUrl: 'https://s.w.org/images/core/emoji/2.4/svg/', svgExt: '.svg', source: { concatemoji: 'https://www.hotels-paris-rive-gauche.com/wp-includes/js/wp-emoji-release.min.js?ver=4.9.6' } } 152 !(function (a, b, c) { 153 function d(a, b) { 154 var c = String.fromCharCode 155 l.clearRect(0, 0, k.width, k.height), l.fillText(c.apply(this, a), 0, 0) 156 var d = k.toDataURL() 157 l.clearRect(0, 0, k.width, k.height), l.fillText(c.apply(this, b), 0, 0) 158 var e = k.toDataURL() 159 return d === e 160 } 161 function e(a) { 162 var b 163 if (!l || !l.fillText) return !1 164 switch (((l.textBaseline = 'top'), (l.font = '600 32px Arial'), a)) { 165 case 'flag': 166 return !(b = d([55356, 56826, 55356, 56819], [55356, 56826, 8203, 55356, 56819])) && ((b = d([55356, 57332, 56128, 56423, 56128, 56418, 56128, 56421, 56128, 56430, 56128, 56423, 56128, 56447], [55356, 57332, 8203, 56128, 56423, 8203, 56128, 56418, 8203, 56128, 56421, 8203, 56128, 56430, 8203, 56128, 56423, 8203, 56128, 56447])), !b) 167 case 'emoji': 168 return (b = d([55357, 56692, 8205, 9792, 65039], [55357, 56692, 8203, 9792, 65039])), !b 169 } 170 return !1 171 } 172 function f(a) { 173 var c = b.createElement('script') 174 ;(c.src = a), (c.defer = c.type = 'text/javascript'), b.getElementsByTagName('head')[0].appendChild(c) 175 } 176 var g, 177 h, 178 i, 179 j, 180 k = b.createElement('canvas'), 181 l = k.getContext && k.getContext('2d') 182 for (j = Array('flag', 'emoji'), c.supports = { everything: !0, everythingExceptFlag: !0 }, i = 0; i < j.length; i++) (c.supports[j[i]] = e(j[i])), (c.supports.everything = c.supports.everything && c.supports[j[i]]), 'flag' !== j[i] && (c.supports.everythingExceptFlag = c.supports.everythingExceptFlag && c.supports[j[i]]) 183 ;(c.supports.everythingExceptFlag = c.supports.everythingExceptFlag && !c.supports.flag), 184 (c.DOMReady = !1), 185 (c.readyCallback = function () { 186 c.DOMReady = !0 187 }), 188 c.supports.everything || 189 ((h = function () { 190 c.readyCallback() 191 }), 192 b.addEventListener 193 ? (b.addEventListener('DOMContentLoaded', h, !1), a.addEventListener('load', h, !1)) 194 : (a.attachEvent('onload', h), 195 b.attachEvent('onreadystatechange', function () { 196 'complete' === b.readyState && c.readyCallback() 197 })), 198 (g = c.source || {}), 199 g.concatemoji ? f(g.concatemoji) : g.wpemoji && g.twemoji && (f(g.twemoji), f(g.wpemoji))) 200 })(window, document, window._wpemojiSettings) 201 </script>
201 202 203 </head> 204 205 <body> 206 <!-- Google Tag Manager (noscript) -->
vendor: 79 bytes, lines 206-208
206 207 <noscript> 208 <iframe src="https://www.googletagmanager.com/ns.html?id=
208GTM-PBPX63R
vendor: 92 bytes, lines 208-210
208" height="0" width="0" style="display:none;visibility:hidden"></iframe> 209 </noscript> 210
210<!-- End Google Tag Manager (noscript) --> 211 <!-- Script start --> 212 <!-- Quicktext Script start --> 213
213<script src="https://cdn-next.quicktext.im/widget.min.js" data-license="8DmOg-LI2n"></script>
213 214 <noscript> 215 <a href="https://www.quinta.im" title="Hotel Data Platform for AI visibility & direct bookings">Quinta hotel chatbot</a> 216 </noscript> 217 <!-- Quicktext Script end --> 218 <!-- header begin --> 219<header> 220 <div class="header-content"> 221 <nav class="navbar"> 222 <div class="menu-btn" onclick="toggleMenu()"> 223 <span class="burger-icon">â°</span> 224 <span class="menu-text">MENU</span> 225 </div> 226 <div class="logo-container"> 227 <a href="/fr/"><img id="logoheader" src="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&w=1600&we&q=80&output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&w=640&we&q=80&output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&w=1080&we&q=80&output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&w=1600&we&q=80&output=webp 1600w" sizes="100vw" alt="Hôtels Paris Rive Gauche" /></a> 228 </div> 229 230 <div class="right-section"> 231 <div class="lang-switcher"> 232 233 <a href="/en/contact/">EN</a> 234 235 <span class="separator">|</span> 236 <span class="active-lang">FR</span> 237 </div> 238 239 <a href="https://www.secure-hotel-booking.com/hotels-paris-rive-gauche/2TS9/?cmpConsentString=true" class="reserve-btn">RESERVEZ</a> 240 </div> 241 </nav> 242 243 <div class="mobile-book-bar"> 244 <a href="https://www.secure-hotel-booking.com/hotels-paris-rive-gauche/2TS9/?cmpConsentString=true" class="mobile-book-btn">RESERVEZ</a> 245 </div> 246 247 <div class="side-menu" id="sideMenu"> 248 <div class="close-btn" onclick="toggleMenu()">Ã</div> 249 <ul class="menu-links"> 250 <ul> 251 <li> 252 <a href="https://www.hotels-paris-rive-gauche.com/fr/">Accueil</a> 253 </li> 254 <li> 255 <a href="https://www.hotels-paris-rive-gauche.com/fr/histoire/">Qui sommes-nous?</a> 256 </li> 257 <li> 258 <a href="https://www.hotels-paris-rive-gauche.com/fr/destination/">Destination</a> 259 </li> 260 <li> 261 <a href="https://www.hotels-paris-rive-gauche.com/fr/responsabilite-societale-entreprises/">RSE</a> 262 </li> 263 <li> 264 <a href="https://www.hotels-paris-rive-gauche.com/fr/offres-speciales/">Offres spéciales</a> 265 </li> 266 <li> 267 <a href="https://www.hotels-paris-rive-gauche.com/blog/" target="_blank">Blog</a> 268 </li> 269 <li> 270 <a href="https://www.hotels-paris-rive-gauche.com/fr/programme-fidelite/">Programme de fidélité</a> 271 </li> 272 <li> 273 <a href="https://www.hotels-paris-rive-gauche.com/fr/mandat-de-gestion/">Mandat de gestion</a> 274 </li> 275 <li> 276 <a href="https://www.hotels-paris-rive-gauche.com/fr/brochures/">Brochures</a> 277 </li> 278 <li> 279 <a href="https://www.hotels-paris-rive-gauche.com/fr/contact/">Contact</a> 280 </li> 281 </ul> 282 </ul> 283 </div> 284</div> 285<style> 286 287 288 289 290 /* 4) sâassurer que votre nav peut capter les clics */ 291 .navbar { 292 position: fixed; 293 z-index: 1000000 !important; 294 } 295 296 #sideMenu { 297 position: fixed; 298 z-index: 1000001 !important; 299 } /* plus haut que le header */ 300 301 .navbar { 302 position: fixed; 303 top: 0; 304 width: 100%; 305 display: flex; 306 justify-content: space-between; 307 align-items: center; 308 padding: 15px 30px; 309 transition: background 0.3s; 310 background-color: #fafafaff; 311 height: 111px; 312 } 313 .reserve-btn { 314 background: black; 315 color: white; 316 padding: 10px 20px; 317 text-decoration: none; 318 } 319 .menu-btn { 320 font-size: 24px; 321 cursor: pointer; 322 } 323 .logo-container img { 324 width: 220px; 325 } 326 .menu-text { 327 text-transform: uppercase; 328 margin-left: 24px; 329 font-size: 20px; 330 } 331 332 .navbar.fixed { 333 background: white; 334 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 335 } 336 .social-follow p { 337 color: #ddd; 338 font-size: 11px; 339 margin-bottom: 0; 340 } 341 342 .right-section { 343 display: flex; 344 align-items: center; 345 gap: 20px; /* espace entre la langue et le bouton réserver */ 346 } 347 348 .lang-switcher a { 349 text-decoration: none; 350 padding: 0 5px; 351 text-transform: uppercase; 352 color: black; 353 } 354 .lang-switcher .active-lang { 355 text-transform: uppercase; 356 padding: 0 5px; 357 cursor: default; 358 color: gray; 359 } 360 .lang-switcher a:hover { 361 text-decoration: underline; 362 } 363 364 .menu-text { 365 text-transform: uppercase; 366 margin-left: 24px; 367 font-size: 20px; 368 } 369 370 .mobile-book-bar { 371 display: none; 372 position: fixed; 373 left: 0; 374 right: 0; 375 bottom: 0; 376 z-index: 100000; 377 } 378 .mobile-book-btn { 379 display: block; 380 width: 100%; 381 background: white; 382 color: black; 383 border-top: 1px solid #ddd; 384 text-align: center; 385 text-transform: uppercase; 386 letter-spacing: 1px; 387 padding: 14px 0; 388 text-decoration: none; 389 font-size: 14px; 390 } 391 392 @media (max-width: 768px) { 393 .menu-btn { 394 display: block; 395 } 396 397 .menu-text { 398 display: none; 399 } 400 header .reserve-btn { 401 display: none; /* cacher le bouton réserver */ 402 } 403 404 .navbar { 405 padding: 10px; 406 } 407 .lang-switcher { 408 font-size: 11px; 409 } 410 411 .logo-container img { 412 width: 145px !important; 413 } 414 415 .mobile-book-bar { 416 display: block; 417 } 418 body { 419 padding-bottom: 52px; 420 } 421 } 422 @keyframes fadeZoom { 423 0% { 424 opacity: 0; 425 transform: scale(1.03); 426 } 427 100% { 428 opacity: 1; 429 transform: scale(1); 430 } 431 } 432 433 .animated { 434 animation: fadeZoom 0.8s ease-in-out forwards; 435 } 436 437 .sub-menu { 438 margin-top: 30px; 439 border-top: 1px solid #ffffff44;
440 padding-top: 20px; 441 } 442 443 .sub-menu ul { 444 list-style: none; 445 padding: 0; 446 } 447 448 .sub-menu li { 449 margin-bottom: 10px; 450 } 451 452 .sub-menu a { 453 color: #ddd; 454 font-size: 12px; 455 text-decoration: none; 456 } 457 .sub-menu a:hover { 458 color: white; 459 } 460 461 .video-container { 462 width: 100vw; 463 height: 100vh; 464 } 465 466 .fullscreen-video { 467 width: 100%; 468 height: 100%; 469 object-fit: cover; 470 object-position: center; 471 } 472 473 /* Responsive pour mobiles */ 474 @media (max-width: 768px) { 475 .overlay-content h1 { 476 font-size: 2rem; 477 } 478 479 .overlay-content p { 480 font-size: 1rem; 481 } 482 } 483 484 @media (max-width: 480px) { 485 .overlay-content h1 { 486 font-size: 1.5rem; 487 } 488 489 .overlay-content p { 490 font-size: 0.9rem; 491 } 492 } 493 494 .menu-btn { 495 font-size: 24px; 496 cursor: pointer; 497 } 498 .side-menu { 499 position: fixed; 500 top: 0; 501 left: -100%; 502 width: 300px; 503 height: 100%; 504 background: white; 505 padding: 20px; 506 transition: left 0.3s; 507 z-index: 3; 508 } 509 .side-menu.active { 510 left: 0; 511 } 512 .close-btn { 513 font-size: 24px; 514 cursor: pointer; 515 } 516 .menu-links { 517 list-style: none; 518 padding: 0; 519 } 520 .menu-links li { 521 list-style-type: none; 522 margin: 22px 0; 523 } 524 .menu-links li a { 525 text-decoration: none; 526 color: #0f0f0f; 527 padding: 10px 5px 10px 0; 528 font-size: 23px; 529 line-height: 23px; 530 font-family: 'Champagne-Limousines'; 531 } 532 .menu-links ul li ul { 533 position: static; 534 float: none; 535 } 536 537 ol, 538 ul { 539 padding-left: 2rem; 540 } 541 542</style> 543 544 545 546 547</header> 548 <!-- header close --> 549 550 551 <style> 552 /* Dual Slider Styles */ 553 .dual-slider-section { 554 margin-top: 30px; 555 padding: 0; 556 background: var(--white); 557 position: relative; 558 } 559 560 .dual-slider-container { 561 max-width: 100%; 562 margin: 0; 563 padding: 0; 564 } 565 566 .dual-slider { 567 display: grid; 568 grid-template-columns: 1fr 1fr; 569 gap: 10px; 570 position: relative; 571 height: 80vh; 572 } 573 574 .slider-column { 575 position: relative; 576 overflow: hidden; 577 } 578 579 .slider-image { 580 width: 100%; 581 height: 100%; 582 object-fit: cover; 583 position: absolute; 584 top: 0; 585 left: 0; 586 opacity: 0; 587 transition: opacity 1.2s ease-in-out; 588 } 589 590 .slider-image.active { 591 opacity: 1; 592 z-index: 1; 593 } 594 595 /* Email Icon Styles */ 596 .email-icon { 597 position: absolute; 598 bottom: 20px; 599 left: 20px; 600 display: flex; 601 align-items: center; 602 justify-content: center; 603 width: 48px; 604 height: 48px; 605 transition: background-color 0.3s ease; 606 border-radius: 50%; 607 z-index: 10; 608 } 609 610 .email-icon:hover { 611 background-color: black; 612 z-index: 2; 613 } 614 615 .email-icon:hover i { 616 transform: scale(1.1); 617 z-index: 2; 618 } 619 620 .email-icon img { 621 width: 24px; 622 height: auto; 623 z-index: 2; 624 } 625 626 @media (max-width: 768px) { 627 .email-icon img { 628 display: none; 629 } 630 } 631 632 @media (max-width: 768px) { 633 .dual-slider { 634 grid-template-columns: 1fr; 635 height: 70vh; 636 } 637 638 .email-icon { 639 width: 50px; 640 height: 50px; 641 bottom: 20px; 642 left: 20px; 643 } 644 } 645 646 .contact-form { 647 max-width: 600px; 648 margin: auto; 649 padding: 30px 0; 650 } 651 652 .info-section { 653 text-align: center; 654 margin: 40px 0; 655 } 656 657 .button-send { 658 background: black; 659 color: white; 660 padding: 10px 20px; 661 float: inline-end; 662 } 663 664 div#bodyContent a { 665 color: #39421f; 666 } 667 668 h2 { 669 font-size: 24px; 670 margin: 0; 671 } 672 673 .contact-page #mobile-image { 674 display: none; 675 } 676 677 @media (max-width: 768px) { 678 .contact-page #mobile-image { 679 display: block; 680 width: 100%; 681 height: 70vh; 682 background-size: cover; 683 background-position: center; 684 } 685 } 686 687 </style> 688 <main class="contact-page"> 689 690 691 692 <section class="section-destination"> 693 <div class="container destination"> 694 <div class="row align-items-center"> 695 <div class="col-md-6 d-flex align-items-center justify-content-center"> 696 <img class="img" src=" https://venezia.satoripop.c
696om/uploads/3/images/4505_LA BELLE JULIETTE SHOOT 3 x LA BOUTIQUE RP 16 (1).jpg" alt="Hôtel & Spa La Belle Juliette, Paris" style="width: 100%; height: 600px; object-fit: cover;"> 697 698 </div> 699 <div class="col-md-6 d-flex align-items-center justify-content-center"> 700 <div style="width: 100%;"> 701 702 <h1 class="text-center"> Laissez-nous un mot⦠703 </h1> 704 <div class="contact-form"> 705 706 <form action="https://www.hotels-paris-rive-gauche.com/fr/send-mail/" method="post"> 707 <div class="row"> 708 <div class="col-md-6 mb-3"> 709 <label for="name"> </label> 710 <input type="text" id="name" name="firstname" class="form-control" placeholder=" Nom et prénom " /> 711 </div> 712 <div class="col-md-6 mb-3"> 713 <label for="email"></label> 714 <input type="email" id="email" name="email" class="form-control" placeholder="Email" /> 715 </div> 716 </div> 717 <div class="mb-3"> 718 <label for="message"></label> 719 <textarea class="form-control" id="message" name="message" rows="4" placeholder=" Message"></textarea> 720 </div> 721 <button type="submit" class="button-send"> Envoyer</button> 722 </form> 723 </div> 724 </div> 725 726 </div> 727 </div> 728 </div> 729 730 </section> 731 732 733 </main> 734 <br /> 735 <br /> 736
736<script> 737 document.addEventListener('DOMContentLoaded', function () { 738 let leftIndex = 0 739 let rightIndex = 0 740 let autoPlayInterval 741 let currentColumn = 'left' 742 743 const leftImages = document.querySelectorAll('#leftColumn .slider-image') 744 const rightImages = document.querySelectorAll('#rightColumn .slider-image') 745 const totalSlides = leftImages.length 746 747 function updateSlider() { 748 leftImages.forEach((img, index) => { 749 if (index === leftIndex) { 750 img.classList.add('active') 751 } else { 752 img.classList.remove('active') 753 } 754 }) 755 756 rightImages.forEach((img, index) => { 757 if (index === rightIndex) { 758 img.classList.add('active') 759 } else { 760 img.classList.remove('active') 761 } 762 }) 763 } 764 765 function nextSlide() { 766 if (currentColumn === 'left') { 767 leftIndex = (leftIndex + 1) % totalSlides 768 currentColumn = 'right' 769 } else { 770 rightIndex = (rightIndex + 1) % totalSlides 771 currentColumn = 'left' 772 } 773 updateSlider() 774 } 775 776 function startAutoPlay() { 777 if (autoPlayInterval) { 778 clearInterval(autoPlayInterval) 779 } 780 autoPlayInterval = setInterval(nextSlide, 4000) 781 } 782 783 function stopAutoPlay() { 784 if (autoPlayInterval) { 785 clearInterval(autoPlayInterval) 786 autoPlayInterval = null 787 } 788 } 789 790 // Initialize 791 updateSlider() 792 startAutoPlay() 793 794 // Event listeners 795 const sliderSection = document.querySelector('.dual-slider') 796 if (sliderSection) { 797 sliderSection.addEventListener('mouseenter', stopAutoPlay) 798 sliderSection.addEventListener('mouseleave', startAutoPlay) 799 } 800 }) 801 </script>
801 802 803
803<script> 804 const leftSlides = [{"transations":[],"original":"https:\/\/venezia.satoripop.com\/uploads\/3\/images\/4466_DAMES x BOUTIQUE RP 18.jpg","cropped":[]},{"transations":[],"original":"https:\/\/venezia.satoripop.com\/uploads\/3\/images\/4467_DAMES 03_25 x BOUTIQUE RP 13.jpg","cropped":[]},{"transations":[],"original":"https:\/\/venezia.satoripop.com\/uploads\/3\/images\/4640_SALVIA HOTEL PARIS 2026 x BOUTIQUE RP 15 (1) (1).jpg","cropped":[]}]; 805 const rightSlides = [{"transations":[],"original":"https:\/\/venezia.satoripop.com\/uploads\/3\/images\/4472_LA BELLE JULIETTE SHOOT 3 x LA BOUTIQUE RP 12.jpg","cropped":[]},{"transations":[],"original":"https:\/\/venezia.satoripop.com\/uploads\/3\/images\/4473_LA BELLE JULIETTE x BOUTIQUE RP 4.jpg","cropped":[]},{"transations":[],"original":"https:\/\/venezia.satoripop.com\/uploads\/3\/images\/4474_LA BELLE JULIETTE x BOUTIQUE RP 13.jpg","cropped":[]}]; 806 </script>
806 807 808
808<script> 809 const mobile = document.getElementById("mobile-image"); 810 const mobileImages = [...leftSlides, ...rightSlides].map(slide => slide.original); 811 812 let indexMobile = 0; 813 const isMobile = window.innerWidth <= 768; 814 815 if (isMobile && mobileImages.length > 0) { 816 mobile.style.backgroundImage = `url(${mobileImages[indexMobile]})`; 817 818 setInterval(() => { 819 indexMobile = (indexMobile + 1) % mobileImages.length; 820 changeBackgroundWithFade(mobile, mobileImages[indexMobile]); 821 }, 9000); 822 } 823 824 function changeBackgroundWithFade(element, newImage) { 825 element.classList.add("fade"); 826 setTimeout(() => { 827 element.style.backgroundImage = `url(${newImage})`; 828 element.classList.remove("fade"); 829 }, 500); 830 } 831 </script>
831 832 <!-- footer begin --> 833 <footer> 834 <!-- Footer spécial pour toutes les pages --> 835 <footer class="home-footer"> 836 <div class="container"> 837 <!-- Logo HPRG --> 838 <div class="hprg-logo text-center "> 839 <img loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&w=1600&we&q=80&output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&w=640&we&q=80&output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&w=1080&we&q=80&output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&w=1600&we&q=80&output=webp 1600w" sizes="100vw" alt="HPRG" class="hprg-logo-img"> 840 </div> 841 <!-- Informations de contact --> 842 843 844 <!-- Logos des hôtels --> 845 <div class="hotels-logos d-flex justify-content-center align-items-center "> 846 <div class="hotel-logo-item"> 847 <a href="https://www.hotelsalviaparis.com/fr/" target="_blank" rel="noopener"> 848 <img loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotelsalviaparis.com%2Fimages%2Flogosalvia%2520vert.png&w=1600&we&q=80&output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotelsalviaparis.com%2Fimages%2Flogosalvia%2520vert.png&w=640&we&q=80&output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotelsalviaparis.com%2Fimages%2Flogosalvia%2520vert.png&w=1080&we&q=80&output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotelsalviaparis.com%2Fimages%2Flogosalvia%2520vert.png&w=1600&we&q=80&output=webp 1600w" sizes="100vw" alt="Hôtel Salvia ****" class="logo-img"> 849 </a> 850 </div> 851 <div class="hotel-logo-item"> 852 <a href="https://www.saintandredesarts.com/fr/" target="_blank" rel="noopener"> 853 <img loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fandrelg.png&w=1600&we&q=80&output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fandrelg.png&w=640&we&q=80&output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fandrelg.png&w=1080&we&q=80&output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fandrelg.png&w=1600&we&q=80&output=webp 1600w" sizes="100vw" alt="Hôtel St André des Arts ****" class="logo-img"> 854 </a> 855 </div> 856 <div class="hotel-logo-item"> 857 <a href="https://www.baume-hotel-paris.com/fr/" target="_blank" rel="noopener"> 858 <img loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fbaumelg.png&w=1600&we&q=80&output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fbaumelg.png&w=640&we&q=80&output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fbaumelg.png&w=1080&we&q=80&output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fbaumelg.png&w=1600&we&q=80&output=webp 1600w" sizes="100vw" alt="Hôtel Baume ****" class="logo-img"> 859 </a> 860 </div> 861 <div class="hotel-logo-item"> 862 <a href="https://www.hotel-belle-juliette-paris.com/fr/" target="_blank" rel="noopener"> 863 <img loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fjuliettelg.png&w=1600&we&q=80&output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fjuliettelg.png&w=640&we&q=80&output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fjuliettelg.png&w=1080&we&q=80&output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fjuliettelg.png&w=1600&we&q=80&output=webp 1600w" sizes="100vw" alt="Hôtel & Spa La Belle Juliette ****" class="logo-img"> 864 </a> 865 </div> 866 <div class="hotel-logo-item"> 867 <a href="https://www.hotellesdamesdupantheon.com/fr/" target="_blank" rel="noopener"> 868 <img loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fpantheonlg.png&w=1600&we&q=80&output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fpantheonlg.png&w=640&we&q=80&output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fpantheonlg.png&w=1080&we&q=80&output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fpantheonlg.png&w=1600&we&q=80&output=webp 1600w" sizes="100vw" alt="Hôtel Les Dames du Panthéon ****" class="logo-img"> 869 </a> 870 </div> 871 <div class="hotel-logo-item"> 872 <a href="https://www.hoteldesgrandshommes.com/fr/" target="_blank" rel="noopener"> 873 <img loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fhommelg.png&w=1600&we&q=80&output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fhommelg.png&w=640&we&q=80&output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fhommelg.png&w=1080&we&q=80&output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fhommelg.png&w=1600&we&q=80&output=webp 1600w" sizes="100vw" alt="Hôtel des Grands Hommes ***" class="logo-img"> 874 </a> 875 </div> 876 <div class="hotel-logo-item"> 877 <a href="https://www.hotelsorbonne.com/fr/" target="_blank" rel="noopener"> 878 <img loading="lazy" src="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fsorbonnelg.png&w=1600&we&q=80&output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fsorbonnelg.png&w=640&we&q=80&output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fsorbonnelg.png&w=1080&we&q=80&output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fsorbonnelg.png&w=1600&we&q=80&output=webp 1600w" sizes="100vw" alt="Hôtel Design Sorbonne ***" class="logo-img"> 879 </a> 880 </div> 881 </div> 882 883 <!-- Liens légaux --> 884 <div class="legal-links text-center"> 885 <div class="legal-menu"> 886 <p class="address" style="color: #666; font-size: 17px;">262, rue Saint-Jacques - 75005 Paris <span style="color: #666;"> 887<span class="separator">|</span> 888 889 <a href="https://www.hotels-paris-rive-gauche.com/fr/responsabilite-societale-entreprises/" target='_blank'>RSE</a> 890 <span class="separator">|</span> 891 <a href="/fr/conditions-generales-vente/">Conditions générales de vente</a> 892 <span class="separator">|</span> 893 <a href="/fr/mentions-legales/">Mentions légales</a> 894 <span class="separator">|</span> 895 <span>Copyright 2026</span> 896 </div> 897 <p class="credits">Crédits : Shutterstock</p> 898 </div> 899 </div> 900 </footer> 901 902<style> 903 .home-footer { 904 background-color: #f8f8f8; 905 padding: 15px 0 15px 0!important; 906 font-family: 'Champagne-Limousines', serif; 907 color: #666; 908 } 909 910 .hprg-logo-img { 911 filter: brightness(0) saturate(100%); 912 margin-bottom: 25px; 913 width:220px!important 914 } 915 916 917 918 .contact-info .hotel-name { 919 font-size: 1.1rem; 920 color: #666; 921 margin-bottom: 0; } 922 923 .contact-info .address { 924 font-size: 1rem; 925 color: #666; 926 margin-bottom: 15px; 927 line-height: 1.4; 928 } 929 930 .contact-info .reservation { 931 font-size: 1rem; 932 color: #666; 933 margin-bottom: 0; 934 } 935 936 .hotels-logos { 937 margin: 10px 0; 938 gap: 25px; 939 flex-wrap: wrap; 940 justify-content: center; 941 } 942 943 .hotel-logo-item { 944 display: flex; 945 align-items: center; 946 justify-content: center; 947 height: 80px; 948 min-width: 100px; 949 padding: 10px; 950 transition: all 0.3s ease; 951 } 952 953 .hotel-logo-item:hover { 954 transform: translateY(-2px); 955 } 956 957 .hotel-logo-item a { 958 text-decoration: none; 959 display: flex; 960 align-items: center; 961 justify-content: center; 962 width: 100%; 963 height: 100%; 964 } 965 966 .logo-img { 967 max-height: 60px; 968 max-width: 140px; 969 object-fit: contain; 970 transition: all 0.3s ease; 971 } 972 973 .hotel-logo-item:hover .logo-img { 974 transform: scale(1.08); 975 } 976 977 .legal-links { 978 border-top: 1px solid #ddd; 979 padding-top: 15px; 980 981 } 982 983 .legal-menu { 984 font-size: 0.9rem; 985 margin-bottom: 10px; 986 } 987 988 .legal-menu a { 989 color: #666; 990 text-decoration: none; 991 transition: color 0.3s ease; 992 } 993 994 .legal-menu a:hover { 995 color: #333; 996 } 997 998 .separator { 999 margin: 0 10px; 1000 color: #ccc; 1001 } 1002 1003 .credits { 1004 font-size: 0.8rem; 1005 color: #666 1006 margin: 0; 1007 } 1008 1009 /* Responsive */ 1010 @media (max-width: 768px) { 1011 .hprg-logo-img { 1012 max-height: 60px; 1013 } 1014 1015 .hotels-logos { 1016 gap: 15px; 1017 } 1018 1019 .hotel-logo-item { 1020 min-width: 80px; 1021 height: 65px; 1022 padding: 8px; 1023 } 1024 1025 .logo-img { 1026 max-height: 45px; 1027 max-width: 100px; 1028 } 1029 1030 .legal-menu { 1031 font-size: 0.8rem; 1032 } 1033 1034 .separator { 1035 margin: 0 5px; 1036 } 1037 } 1038 1039 @media (max-width: 576px) { 1040 .hotels-logos { 1041 gap: 12px; 1042 } 1043 1044 .hotel-logo-item { 1045 min-width: 70px; 1046 height: 55px; 1047 padding: 6px; 1048 } 1049 1050 .logo-img { 1051 max-height: 35px; 1052 max-width: 80px; 1053 } 1054 1055 .legal-menu { 1056 line-height: 1.6; 1057 } 1058 } 1059 1060.block-news{ 1061 display: flex !important 1062; 1063 justify-content: end; 1064} 1065 1066 1067footer .newsletter-block { 1068 background: #5D5D5D; 1069 padding: 20px 15px; 1070} 1071 1072footer .newsletter-block .form-inline { 1073 -webkit-box-pack: end; 1074 -ms-flex-pack: end; 1075 justify-content: flex-end; 1076} 1077 1078footer .newsletter-block .form-inline label { 1079 font-family: Aparajita-bold; 1080 font-size: 1.6rem; 1081 color: #fff; 1082 margin: 1px 33px 0; 1083} 1084 1085footer .footer { 1086 background: #383838; 1087 color: #fff; 1088 padding: 24px 0; 1089 font-weight: 300; 1090} 1091 1092footer .footer p { 1093 font-size: 1.2rem; 1094} 1095 1096footer .footer .list { 1097 margin: 20px 0; 1098} 1099 1100footer .footer .list li a { 1101 color: #fff; 1102} 1103 1104footer .footer .list li a:hover { 1105 text-decoration: none; 1106} 1107 1108footer .footer img { 1109 margin: 20px 0; 1110} 1111 1112footer .sub-footer { 1113 display: -webkit-box; 1114 display: -ms-flexbox; 1115 display: flex; 1116 -webkit-box-pack: justify; 1117 -ms-flex-pack: justify; 1118 justify-content: space-between; 1119 background: #131313; 1120 color: #2E2E2E; 1121 font-weight: 300; 1122} 1123 1124footer .sub-footer .menu-footer { 1125 font-size: .87rem; 1126 line-height: 1.87; 1127} 1128 1129footer .sub-footer .menu-footer a { 1130 color: #606060; 1131} 1132 1133footer .sub-footer .menu-footer li { 1134 display: inline-block; 1135 margin: 14px 8px; 1136 color: #606060; 1137} 1138 1139@media (max-width: 992px) { 1140 footer { 1141 background: #1B1B1B; 1142 }
1143 footer .newsletter-block .form-inline { 1144 -webkit-box-pack: center; 1145 -ms-flex-pack: center; 1146 justify-content: center; 1147 text-align: center; 1148 } 1149 footer .list { 1150 text-align: center; 1151 } 1152 .hidden { 1153 display: none !important; 1154 } 1155} 1156 1157.footer a { 1158 color: #fff; 1159} 1160 1161.footer a:hover { 1162 color: #fff; 1163} 1164 1165.footer footer.footer { 1166 font-family: Champagne-Limousines; 1167} 1168 1169.footer .container-fluid { 1170 max-width: none; 1171 padding-left: 15px; 1172 padding-right: 15px; 1173} 1174 1175.footer .logo { 1176 text-align: center; 1177} 1178 1179.footer .left { 1180 padding: 4rem; 1181 background-color: #1B1B1B; 1182} 1183 1184.footer .left .menu-footer-baume li { 1185 margin: 14px 6px; 1186} 1187 1188.footer .left .title-list { 1189 font-family: Atlantic_Cruise-Demo; 1190 font-size: 1.875rem; 1191 color: #b89e49; 1192 letter-spacing: -1.15px; 1193 text-transform: uppercase; 1194 line-height: 81px; 1195} 1196 1197.footer .left .logo-footer { 1198 margin: 0 auto; 1199 display: block; 1200 margin-bottom: 20px; 1201} 1202 1203.footer .left p, .footer .left .list-codes { 1204 color: #fff; 1205 font-weight: 300; 1206 font-size: 1.2rem; 1207} 1208 1209.footer .left ul { 1210 list-style: none; 1211 padding-left: 0; 1212} 1213 1214.footer .left ul li a { 1215 font-weight: 300; 1216 font-size: 1.2rem; 1217 color: #fff; 1218 letter-spacing: 0; 1219 line-height: 1.875; 1220} 1221 1222.footer .left ul li a:hover { 1223 color: #b89e49; 1224} 1225 1226.footer .left .form-group label { 1227 font-family: Atlantic_Cruise-Demo; 1228 font-size: 1.875rem; 1229 color: #b89e49; 1230 letter-spacing: -1.15px; 1231 text-transform: uppercase; 1232 line-height: 81px; 1233} 1234 1235.footer .left input#exampleInputEmail1::-webkit-input-placeholder { 1236 font-family: Champagne-Limousines; 1237 font-size: 20px; 1238} 1239 1240.footer .left input#exampleInputEmail1:-ms-input-placeholder { 1241 font-family: Champagne-Limousines; 1242 font-size: 20px; 1243} 1244 1245/* Styles utilisés uniquement pour compatibilité */ 1246.hidden { 1247 display: none !important; 1248} 1249.home-footer { 1250 /* ... existing styles ... */ 1251 border-top: 1px solid #e0e0e0; /* A light grey line on top of the footer */ 1252 /* or */ 1253 /* border-top: 1px solid #cccccc; /* A slightly darker line */ 1254 padding-top: 30px; /* Add some space above the line if it's on the footer */ 1255} 1256</style> </footer> 1257 <!-- footer close --> 1258 <!-- LOAD JS FILES --> 1259
1259<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCxxNRYk21FI5dQgNVtq3eHQKrf_FWQr-M&callback=initMap&&libraries=places&language='fr'"></script>
1259 1260 1261
1261<script src="/assets/dist/js/app.js"></script>
1261 1262
1262<script type="text/javascript"> 1263 $('#btn-submit-newsletter').on('click', function (e) { 1264 e.preventDefault() 1265 var t = $("input[name='email_newsletter']").val() 1266 $('#newsletter-email').val(t) 1267 $('#btn-submit-newsletter').attr('data-target', '#exampleModal') 1268 }) 1269 ;(function () { 1270 'use strict' 1271 window.addEventListener( 1272 'load', 1273 function () { 1274 var form = document.getElementById('needs-validation') 1275 form.addEventListener( 1276 'submit', 1277 function (event) { 1278 if (form.checkValidity() === false) { 1279 event.preventDefault() 1280 event.stopPropagation() 1281 } 1282 form.classList.add('was-validated') 1283 }, 1284 false 1285 ) 1286 }, 1287 false 1288 ) 1289 })() 1290 </script>
1290 1291 <!-- jQuery (nécessaire) --> 1292
1292<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
1292 1293 <!-- Owl Carousel JS --> 1294
1294<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
1294 1295 1296 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> 1297
1297<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
1297 1298 1299 1300 1301 </body> 1302</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.