PageSourceSearch

https://www.hotels-paris-rive-gauche.com/fr/contact/

html hotels-paris-rive-gauche.com collected 2026-10-03 17:37:04 UTC 40,994 bytes, 1,302 lines download raw bytes

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&amp;w=1600&amp;we&amp;q=80&amp;output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&amp;w=640&amp;we&amp;q=80&amp;output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&amp;w=1080&amp;we&amp;q=80&amp;output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&amp;w=1600&amp;we&amp;q=80&amp;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 &amp; 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&amp;w=1600&amp;we&amp;q=80&amp;output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&amp;w=640&amp;we&amp;q=80&amp;output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&amp;w=1080&amp;we&amp;q=80&amp;output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2FL_HPRG02H.png&amp;w=1600&amp;we&amp;q=80&amp;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&amp;w=1600&amp;we&amp;q=80&amp;output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotelsalviaparis.com%2Fimages%2Flogosalvia%2520vert.png&amp;w=640&amp;we&amp;q=80&amp;output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotelsalviaparis.com%2Fimages%2Flogosalvia%2520vert.png&amp;w=1080&amp;we&amp;q=80&amp;output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotelsalviaparis.com%2Fimages%2Flogosalvia%2520vert.png&amp;w=1600&amp;we&amp;q=80&amp;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&amp;w=1600&amp;we&amp;q=80&amp;output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fandrelg.png&amp;w=640&amp;we&amp;q=80&amp;output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fandrelg.png&amp;w=1080&amp;we&amp;q=80&amp;output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fandrelg.png&amp;w=1600&amp;we&amp;q=80&amp;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&amp;w=1600&amp;we&amp;q=80&amp;output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fbaumelg.png&amp;w=640&amp;we&amp;q=80&amp;output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fbaumelg.png&amp;w=1080&amp;we&amp;q=80&amp;output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fbaumelg.png&amp;w=1600&amp;we&amp;q=80&amp;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&amp;w=1600&amp;we&amp;q=80&amp;output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fjuliettelg.png&amp;w=640&amp;we&amp;q=80&amp;output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fjuliettelg.png&amp;w=1080&amp;we&amp;q=80&amp;output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fjuliettelg.png&amp;w=1600&amp;we&amp;q=80&amp;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&amp;w=1600&amp;we&amp;q=80&amp;output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fpantheonlg.png&amp;w=640&amp;we&amp;q=80&amp;output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fpantheonlg.png&amp;w=1080&amp;we&amp;q=80&amp;output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fpantheonlg.png&amp;w=1600&amp;we&amp;q=80&amp;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&amp;w=1600&amp;we&amp;q=80&amp;output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fhommelg.png&amp;w=640&amp;we&amp;q=80&amp;output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fhommelg.png&amp;w=1080&amp;we&amp;q=80&amp;output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fhommelg.png&amp;w=1600&amp;we&amp;q=80&amp;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&amp;w=1600&amp;we&amp;q=80&amp;output=webp" srcset="https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fsorbonnelg.png&amp;w=640&amp;we&amp;q=80&amp;output=webp 640w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fsorbonnelg.png&amp;w=1080&amp;we&amp;q=80&amp;output=webp 1080w, https://wsrv.nl/?url=https%3A%2F%2Fwww.hotels-paris-rive-gauche.com%2Fassets%2Fimages%2Fsorbonnelg.png&amp;w=1600&amp;we&amp;q=80&amp;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&amp;&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.