Outiref

Code source de l'URL : https://hobou.com/fr

<!DOCTYPE html>
<html lang="fr-FR">

<head>
  <meta charset="UTF-8">
  <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5LGVTZKX');</script>
<!-- End Google Tag Manager -->
  <title>Hôtel Boulogne-Billancourt | Hôbou (ex Hotel Acanthe)</title>
  <meta name="description" content="Découvrez Hôbou (ex Hotel Acanthe), hôtel 4 étoiles aux portes de Paris à Boulogne-Billancourt. Chambres cosy, bar, fitness et salles de réunion. Réservez au meilleur prix.">
  <link rel="canonical" href="https://www.hobou.com/fr/">
  <link rel="alternate" hreflang="fr" href="https://www.hobou.com/fr/" />
  <link rel="alternate" hreflang="en" href="https://www.hobou.com/en/" />
  <link rel="alternate" hreflang="x-default" href="https://www.hobou.com/en/" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
    <meta name="theme-color" content="#ffffff">
    <meta name="msapplication-TileColor" content="#ffffff">

    <link rel="icon" type="image/png" href="/img/favicon/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/svg+xml" href="/img/favicon/favicon.svg">
    <link rel="shortcut icon" href="/img/favicon/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png">
    <meta name="apple-mobile-web-app-title" content="Hôbou.com">
    <link rel="manifest" href="/img/favicon/site.webmanifest">

    <meta property="og:locale" content="fr_FR">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Hôtel Boulogne-Billancourt | Hôbou (ex Hotel Acanthe)">
    <meta property="og:description" content="Découvrez Hôbou (ex Hotel Acanthe), hôtel 4 étoiles aux portes de Paris à Boulogne-Billancourt. Chambres cosy, bar, fitness et salles de réunion. Réservez au meilleur prix.">
    <meta property="og:image" content="https://www.hobou.com/img/logo_hobou.png">
    <meta property="og:url" content="https://hobou.com/fr/">
    <meta property="og:site_name" content="Hôtel Boulogne-Billancourt | Hôbou (Anciennement Hotel Acanthe)">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://www.hobou.com/img/divers/illus-bg.png">
    <meta name="twitter:site" content="@Hobou_BB">

    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "@id": "#Website",
        "url": "https://www.hobou.com/fr/",
        "name": "Hôtel Boulogne-Billancourt | Hôbou",
        "author": {
            "@type": "Organization",
            "name": "Hôtel Boulogne-Billancourt | Hôbou"
        },
        "publisher": {
            "@type": "Organization",
            "name": "Hôtel Boulogne-Billancourt | Hôbou",
            "logo": {
                "@type": "ImageObject",
                "url": "https://www.hobou.com/img/logo_hobou.png",
                "width": 500,
                "height": 500
            }
        },
        "description": "Hôbou (ex Acanthe), votre hôtel 4 étoiles à Boulogne-Billancourt, aux portes de Paris. Vivez de belles expériences : Chambres spacieuses et confortables, Bar, Salle de Fitness, Salle de réunion.",
        "image": "https://www.hobou.com/img/divers/illus-bg.png",
        "potentialAction": { "@type": "SearchAction", "target": "https://www.hobou.com/?s={search_term_string}", "query-input": "required name=search_term_string" }
    }
    </script>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Hotel",
        "name": "Hôtel Boulogne-Billancourt | Hôbou",
        "url": "https://www.hobou.com/fr/",
        "logo": "https://www.hobou.com/img/logo_hobou.png",
        "image": [
            "https://www.hobou.com/img/logo_hobou.png",
            "https://www.hobou.com/img/divers/illus-bg.png"
        ],
        "telephone": "+33146991040",
        "email": "bonjour@hobou.com",
        "foundingDate": "2003",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "9-11 Rdpt Rhin et Danube",
            "addressLocality": "Boulogne-Billancourt",
            "addressRegion": "Ile de France",
            "postalCode": "92100",
            "addressCountry": "France"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": 48.84040,
            "longitude": 2.22829
        },
        "sameAs": [
            "https://www.facebook.com/HobouHotelBoulogne/",
            "https://www.instagram.com/hobou_hotel_boulogne",
            "https://fr.linkedin.com/company/hobou"
        ],
        "starRating": {
            "@type": "Rating",
            "ratingValue": "4"
        },
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.5",
            "reviewCount": "669",
            "bestRating": "5"
        },
        "priceRange": "€100 - €600",
        "openingHoursSpecification": [{
            "@type": "OpeningHoursSpecification",
            "dayOfWeek": [
                "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"
            ],
            "opens": "00:00",
            "closes": "23:59"
        }]
    }
    </script>
   	<script type="application/ld+json">
  {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [{
          "@type": "ListItem",
          "position": 1,
          "item": {
              "@id": "https://www.hobou.com/fr/",
              "name": "Accueil"
          }
      }]
  }
  </script>
  <link rel="stylesheet" href="../scss/style.css" type="text/css" media="all" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.css" />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
  <script src="https://unpkg.com/split-type"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
  <script src="https://unpkg.com/lenis@1.1.13/dist/lenis.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
  <script type="text/javascript" src="../js/script.js"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.umd.js" defer></script>
  <script id='pixel-script-poptin' src='https://cdn.popt.in/pixel.js?id=6bd8bda9cd691' async='true'></script></head>

<body class="home">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5LGVTZKX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

  <a class="backtop">
    <img src="../img/divers/top.png" alt="Remontez en haut de page">
  </a>
  
    <div class="responsivemenu" data-lenis-prevent>

    <div class="close">
      <svg xmlns="http://www.w3.org/2000/svg" width="47" height="47" viewbox="0 0 24 24" fill="none" stroke="#fff"
        stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
        <line x1="18" y1="6" x2="6" y2="18"></line>
        <line x1="6" y1="6" x2="18" y2="18"></line>
      </svg>
    </div>

    <a href="./" title="Hôbou" class="logo2 resp">
      <img src="../img/divers/Hobou-Hotel-Boulogne-Billancourt-logo-orange.png"
        alt="Hôbou, Hôtel 4 étoiles Boulogne-Billancourt">
    </a>

    <ul class="menu">

      <li>
        <a href="chambres.html" title="Chambres Hôbou" class="">CHAMBRES</a><span class="chevron"><svg
            xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewbox="0 0 24 24" fill="none" stroke="#fff"
            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
            <path d="M6 9l6 6 6-6" />
          </svg></span>
        <div class="submenu-container">
          <ul class="submenu">

            <li><a href="chambres.html" title="Chambres Hôbou" class="desc">Un petit somme bien mérité&nbsp;?</a></li>
            <li><a href="chambre-cocoon.html" title="Chambre Cocoon Hôbou" class="">COCOON</a></li>
            <li><a href="chambre-nomade.html" title="Chambre Nomade Hôbou" class="">NOMADE • Classique</a></li>
            <li><a href="chambre-reverie.html" title="Chambre Rêverie Hôbou" class="">RÊVERIE • Supérieure</a></li>
            <li><a href="chambre-horizon.html" title="Chambre Horizon Hôbou" class="">HORIZON • Supérieure balcon</a></li>
            <li><a href="chambre-grand-angle.html" title="Chambre Grand Angle Hôbou" class="">GRAND ANGLE • Deluxe</a></li>
            <li><a href="chambres-tribu.html" title="Chambres Tribu Hôbou" class="">TRIBU • Communicantes</a></li>
          </ul>
        </div>
      </li>
      <li>
        <a href="experiences.html" title="Expériences Hôbou" class="">EXPÉRIENCES</a><span class="chevron"><svg
            xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewbox="0 0 24 24" fill="none" stroke="#fff"
            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
            <path d="M6 9l6 6 6-6" />
          </svg></span>
        <div class="submenu-container">
          <ul class="submenu">
            <li><a href="experiences.html" title="Expériences Hôbou" class="desc">Se sentir chez soi,<br>
                mais en mieux&nbsp;!</a></li>
            <li><a href="petit-dejeuner.html" title="Le Petit-déjeuner Hôbou" class="">LE PETIT-DÉJEUNER</a></li>
            <li><a href="bar.html" title="Le Bar Hôbou" class="">LE BAR</a></li>
            <li><a href="room-service.html" title="Le Room Service Hôbou" class="">LE ROOM SERVICE</a></li>
            <li><a href="salon.html" title="Le Salon Hôbou" class="">LE SALON</a></li>
            <li><a href="salle-fitness.html" title="La Salle fitness Hôbou" class="">LA SALLE FITNESS</a></li>
            <li><a href="hobou-time.html" title="Hôbou Time" class="">HÔBOU TIME</a></li>
            <li><a href="parking.html" title="Parking Hôbou" class="">PARKING</a></li>
            <li><a href="salle-reunion.html" title="La Salle de réunion Hôbou" class="">LA SALLE DE RÉUNION</a></li>
          </ul>
        </div>
      </li>

      <li><a href="hotel.html" title="Hôtel Hôbou" class="">L'HÔTEL</a></li>
      <li><a href="acces.html" title="Accès Hôbou" class="">ACCÈS</a></li>
      <li><a href="contact.html" title="Contact Hôbou" class="">CONTACT</a></li>

      <li class="resp3"><a href="#" title="Réservation HÔBOU" class="btn-book distributor"><span>Réservez</span></a>
      </li>
    </ul>

    <div class="rs mobile">
      <a href="https://www.facebook.com/HobouHotelBoulogne/" title="Rejoignez-nous sur Facebook" target="_blank"><img
          src="../img/divers/facebook.png" alt="Facebook"></a>
      <a href="https://www.instagram.com/hobou_hotel_boulogne" title="Rejoignez-nous sur Instagram"
        target="_blank"><img src="../img/divers/instagram.png" alt="Instagram"></a>
      <a href="https://www.linkedin.com/company/hobou/" title="Rejoignez-nous sur LinkedIn"
        target="_blank"><img src="../img/divers/linkedin.png" alt="LinkedIn"></a>
    </div>

<p class="white addressmobile">
  <strong style="font-weight: 700;">Hôbou<sup>****</sup></strong><br>
  <span>9, Rond-Point Rhin et Danube<br>92100 Boulogne-Billancourt</span><br>
  <a href="tel:+33146991040">01 46 99 10 40</a><br> <a href="mailto:bonjour@hobou.com" class="animunderline" title="Contact Hôbou">bonjour@hobou.com</a>
</p>

  </div>

	<header >
    <div class="wrapper full">

      <div class="left">

        <a class="burger">
          <img src="../img/divers/burger.png" alt="Menu Hôbou" class="lines">
        </a>

        <ul id="mainnav">
          <li class="">
            <a href="chambres.html" title="Chambres Hôbou" class=""><span>CHAMBRES</span><span>CHAMBRES</span></a>
            <ul class="submenuhover">
              <li><a href="chambres.html" title="Chambres Hôbou" class="desc">Un petit somme bien mérité&nbsp;?</a></li>
              <li><a href="chambre-cocoon.html" title="Chambre Cocoon Hôbou" class="">COCOON</a></li>
              <li><a href="chambre-nomade.html" title="Chambre Nomade Hôbou" class="">NOMADE • Classique</a></li>
              <li><a href="chambre-reverie.html" title="Chambre Rêverie Hôbou" class="">RÊVERIE • Supérieure</a></li>
              <li><a href="chambre-horizon.html" title="Chambre Horizon Hôbou" class="">HORIZON • Supérieure balcon</a></li>
              <li><a href="chambre-grand-angle.html" title="Chambre Grand Angle Hôbou" class="">GRAND ANGLE • Deluxe</a></li>
              <li><a href="chambres-tribu.html" title="Chambres Tribu Hôbou" class="">TRIBU • Communicantes</a></li>
            </ul>
          </li>
          <li class="">
            <a href="experiences.html" title="Expériences Hôbou" class=""><span>EXPÉRIENCES</span><span>EXPÉRIENCES</span></a>
            <ul class="submenuhover">
              <li><a href="experiences.html" title="Expériences Hôbou" class="desc">Se sentir chez soi, mais en mieux&nbsp;!</a></li>
              <li><a href="petit-dejeuner.html" title="Le Petit-déjeuner Hôbou" class="">LE PETIT-DÉJEUNER</a></li>
              <li><a href="bar.html" title="Le Bar Hôbou" class="">LE BAR</a></li>
              <li><a href="room-service.html" title="Le Room Service Hôbou" class="">LE ROOM SERVICE</a></li>
              <li><a href="salon.html" title="Le Salon Hôbou" class="">LE SALON</a></li>
              <li><a href="salle-fitness.html" title="La Salle fitness Hôbou" class="">LA SALLE FITNESS</a></li>
              <li><a href="hobou-time.html" title="Hôbou Time" class="">HÔBOU TIME</a></li>
              <li><a href="parking.html" title="Parking Hôbou" class="">PARKING</a></li>
              <li><a href="salle-reunion.html" title="La Salle de réunion Hôbou" class="">LA SALLE DE RÉUNION</a></li>
            </ul>
          </li>
        </ul>

      </div>

      <a href="./" title="Accueil Hôbou" id="logo">
        <img src="../img/divers/Hobou-Hotel-Boulogne-Billancourt-logo-blanc.png"
          alt="Hôbou, Hôtel 4 étoiles Boulogne-Billancourt">
        <img src="../img/divers/Hobou-Hotel-Boulogne-Billancourt-logo-bleu.png"
          alt="Hôbou, Hôtel 4 étoiles Boulogne-Billancourt" class="colored">
      </a>       <div class="right">

        <div class="elts">

          <div class="speccontainer">

            <div class="mobileacts">

              <a href="tel:+33146991040">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24">
                  <path
                    d="M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z" />
                </svg>
              </a>

              <a href="acces.html" title="Accès HÔBOU">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 24 24">
                  <path
                    d="M12 0c-4.198 0-8 3.403-8 7.602 0 6.243 6.377 6.903 8 16.398 1.623-9.495 8-10.155 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 11c-1.657 0-3-1.343-3-3s1.342-3 3-3 3 1.343 3 3-1.343 3-3 3z" />
                </svg>
              </a>

            </div>

            <div class="lang">
              <a href="#" title="Version française" class="active">FR</a>
              <a href="https://www.hobou.com/en/" title="English version">EN</a>
            </div>

            <a href="tel:+33146991040" class="call">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
                <path
                  d="M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z" />
              </svg>
            </a>

            <a href="#" title="Réservation HÔBOU" target="_blank" class="btn-book distributor"><span>Réservez</span></a>

          </div>

        </div>

      </div>


    </div>
  </header>

  <div class="mobile-actions">
    <a href="tel:+33146991040" class="btn-book call distributor">01 46 99 10 40</a>
    <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" title="Réservation Hôbou"
      target="_blank" class="btn-book distributor">Réservez</a>
  </div>


  <section class="hero">

    <div class="illustration">

      <div class="camera"></div>
      <div class="rouecamera1"></div>
      <div class="rouecamera2"></div>
      <div class="hommeparpl"></div>
      <div class="illuscle"></div>
      <div class="illusdame"></div>
      <div class="illuvalise"></div>
      <div class="metrofront"></div>
      <div class="metroback"></div>
      <div class="soleil"></div>
      <div class="voiture"></div>
      <div class="mongolf1"></div>
      <div class="bg"></div>

    </div>

    <div class="right">
      <h1><strong>Hôbou</strong>, votre hôtel<br> à Boulogne-Billancourt,<br>hôbou de la ligne 10</h1>

      <div class="metro">
        <a class="point"></a>
      </div>
    </div>

  </section>

<!--  <section class="news">
    <div class="scrolling-text">
      <ul class="unique">
        <li>HOTEL ACANTHE devient HÔBOU, bienvenue sur notre nouveau site.</li>
      </ul>
    </div>
  </section>
  !-->

  <section class="section1 pt pb ptstatic" data-bg="#5b3837" style="background-color: #5b3837;">

    <div class="sidetitle">
      <div class="sidetitle-in wow animate__animated animate__fadeInDown">Allez jusqu'<strong
          style="color:#e18c6d;">hôbou de Paris</strong></div>
    </div>

    <div class="wrapper">
      <div class="split">

        <div>
          <h2 style="color: #e18c6d;" class="animh2"><span>L'hôtel<i></i></span></h2>
          <div class="leftbordered">
            <span class="border" style="background: #e18c6d;"></span>
            <p class="white"><strong>Bienvenue chez Hôbou, votre adresse à Boulogne-Billancourt, à deux pas de
                Paris.</strong><br>
              <strong>Hôbou</strong>, c’est un hôtel de propriétaire où l’on se sent comme à la maison, mais en
              mieux.<br>
              À la fois cosy, chaleureux et un brin décalé, c’est l’endroit où l’on défait vite ses valises…<br>
              et où on n’a plus trop envie de les refaire...
            </p>
          </div>
          <a href="hotel.html" title="L'hôtel" class="btn">
            <span class="txt white">Découvrez notre hôtel</span>
            <span class="bulle" style="background-color: #e18c6d;"></span>
          </a>
        </div>

        <div class="last">

          <img src="../img/divers/hommeparapl.png" alt="Homme parapluie" class="parallax1" data-y="80" data-scrub="0.4">

          <div class="section1-img front">
            <div>
              <img src="../img/reception/home/Reception-Hobou-Hotel-a-Boulogne-Billancourt.jpg"
                alt="Réception Hôbou, Hôtel à Boulogne-Billancourt">
              <span class="back" style="background: #e18c6d;"></span>
            </div>
          </div>

        </div>

      </div>
    </div>

    <div class="section1-img pt back">
      <div>
        <img src="../img/home/Experience-chambre-hotel-Hobou-Boulogne-Billancourt.jpg"
          alt="Salon Hôbou, Hôtel à Boulogne-Billacourt" class="parallax2 wow animate__animated animate__fadeIn"
          data-y="-80" data-scrub="0.5">
        <span class="back parallax3" data-y="-80" data-scrub="0.7" style="background: #e18c6d;"></span>
      </div>
    </div>

  </section>

  <section class="section2 pt pb oxh" data-bg="#1a293e" style="background-color: #1a293e;">

    <div class="sidetitle">
      <div class="sidetitle-in wow animate__animated animate__fadeInDown">Allez jusqu'<strong
          style="color:#dc7874;">hôbou de vos rêves</strong></div>
    </div>

    <div class="wrapper">
      <div class="split">

        <div>
          <h2 style="color: #dc7874;" class="animh2"><span>Nos chambres<i></i></span></h2>
        </div>

        <div>
          <div class="leftbordered">
            <span class="border" style="background: #dc7874;"></span>
            <p class="white"><strong>(Re)découvrez nos chambres :</strong><br>
              Un lit douillet, une lumière douce, un espace pour travailler ou se détendre… <br>
              Nos chambres sont faites pour bien commencer la journée…<br>
              et encore mieux la finir.
            </p>
          </div>
        </div>

      </div>
    </div>

    <div class="carrousel-chambres-container-ancestor">

      <img src="../img/divers/damecle.png" alt="Dame clé" class="key">

      <div class="carrousel-chambres-nav v2 slk-nav">
        <div class="wrapper">
          <a class="prev">
            <img src="../img/divers/Fleche-chambres-Hobou-gauche-hover.png" alt="Flèche gauche" class="hover">
            <img src="../img/divers/Fleche-chambres-Hobou-gauche.png" alt="Flèche gauche">
          </a>
          <a class="next">
            <img src="../img/divers/Fleche-chambres-Hobou-droite-Hover.png" alt="Flèche droite" class="hover">
            <img src="../img/divers/Fleche-chambres-Hobou-droite.png" alt="Flèche droite">
          </a>
        </div>
      </div>

      <div class="carrousel-chambres-container">
        <div class="carrousel-chambres v2">

          <a href="chambre-reverie.html" title="Chambre Rêverie Hôbou" class="chambre">
            <h3 class="title">RÊVERIE<br><span>● Supérieure ●</span></h3>
            <span class="visu"
              style="background-image: url(../img/chambres/reverie/home/Chambre-Reverie-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0">
                <span style="color: #1a293e;">•</span> 19m<sup><span style="font-size: 12px;">2</span></sup> minimum<br>
                <span style="color: #1a293e;">•</span> 1 ou 2 personnes<br>
                <span style="color: #1a293e;">•</span> 1 lit King Size extra-large<br>
                ou 2 lits jumeaux

              </span>
              <span class="txt">Ouvrez moi !</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

          <a href="chambre-horizon.html" title="Chambre Horizon Hôbou" class="chambre">
            <h3 class="title">HORIZON<br><span>● Supérieure balcon ●</span></h3>
            <span class="visu"
              style="background-image: url(../img/chambres/horizon/home/Chambre-Horizon-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0"><span style="color: #1a293e;">•</span> 18m<sup><span
                    style="font-size: 12px;">2</span></sup> minimum<br>
                <span style="color: #1a293e;">•</span> Terrasse / Balcon<br>
                <span style="color: #1a293e;">•</span> 1 ou 2 personnes<br>
                <span style="color: #1a293e;">•</span> 1 lit King Size<br>
                ou 2 lits jumeaux
              </span>
              <span class="txt">Prenez<br> de la hauteur,<br>
                respirez !</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

          <a href="chambre-grand-angle.html" title="Chambre Grand Angle Hôbou" class="chambre">
            <h3 class="title">GRAND ANGLE<br><span>● Deluxe ●</span></h3>
            <span class="visu"
              style="background-image: url(../img/chambres/grand-angle/home/Chambre-Grand-Angle-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0">
                <span style="color: #1a293e;">•</span> 23m<sup><span style="font-size: 12px;">2</span></sup> minimum<br>
                <span style="color: #1a293e;">•</span> 1 à 3 personnes<br>
                <span style="color: #1a293e;">•</span> 1 lit King Size extra-large<br>
                ou 2 lits jumeaux<br>
                <span style="color: #1a293e;">•</span> Lit d’appoint<br>
                sur demande
              </span>
              <span class="txt">Voyez grand !</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

          <a href="chambres-tribu.html" title="Chambres Tribu Hôbou" class="chambre">
            <h3 class="title">TRIBU<br><span>● Communicantes ●</span></h3>
            <span class="visu"
              style="background-image: url(../img/chambres/tribu/home/Chambre-Tribu-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0"><span style="color: #1a293e;">•</span> 2 chambres communicantes<br>
                <span style="color: #1a293e;">•</span> 36 m<sup><span style="font-size: 12px;">2</span></sup> minimum<br>
                <span style="color: #1a293e;">•</span> 1 à 4 personnes<br>
                <span style="color: #1a293e;">•</span> Lit(s) King Size<br>
                et/ou lits jumeaux
              </span>
              <span class="txt">Vivez en tribu !</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

          <a href="chambre-cocoon.html" title="Chambre Cocoon Hôbou" class="chambre">
            <h3 class="title">COCOON</h3>
            <span class="visu"
              style="background-image: url(../img/chambres/cocoon/home/Chambre-Cocoon-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0">
                <span style="color: #1a293e;">•</span> 13m<sup><span style="font-size: 12px;">2</span></sup>
                  minimum<br>
                  <span style="color: #1a293e;">•</span> 1 ou 2 personnes<br>
                  <span style="color: #1a293e;">•</span> 1 lit double
              </span>
              <span class="txt">Réconfortez<br>
                vous !</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

          <a href="chambre-nomade.html" title="Chambre Nomade Hôbou" class="chambre">
            <h3 class="title">NOMADE<br><span>● Classique ●</span></h3>
            <span class="visu"
              style="background-image: url(../img/chambres/nomade/home/Chambre-Nomade-Hobou-Hotel-Boulogne-Billancourt.jpg);">
              <span class="txt0"> <span style="color: #1a293e;">•</span> 16m<sup><span
                    style="font-size: 12px;">2</span></sup> minimum<br>
                <span style="color: #1a293e;">•</span> 1 ou 2 personnes<br>
                <span style="color: #1a293e;">•</span> 1 lit King Size<br>
                ou 2 lits jumeaux
              </span>
              <span class="txt">Posez<br>
                vos valises !</span>
              <svg class="keyhole__svg" data-name="Lager 1" xmlns="http://www.w3.org/2000/svg" width="200" height="300"
                viewbox="0 0 200 300">
                <path
                  d="M100,0a80,80,0,0,1,56.12,137l-2.43,2.39c-2.91,2.37-4.68,8.76-3.93,14.21l18.87,136.49A8.49,8.49,0,0,1,160,300h40V0H100Z" />
                <path
                  d="M0,300H40a8.49,8.49,0,0,1-8.63-9.91L50.24,153.6c0.75-5.45-1-11.84-3.93-14.21L43.88,137A80,80,0,0,1,100,0H0V300Z" />
              </svg>
            </span>
          </a>

        </div>
      </div>
    </div>

    <div class="wrapper">
      <div class="btn-container-right">
        <a href="chambres.html" title="Chambres Hôbou" class="btn floatnone mt0">
          <span class="txt white">Découvrez nos chambres</span>
          <span class="bulle" style="background-color: #dc7874;"></span>
        </a>
      </div>
    </div>

  </section>

  <section class="section section3 pt pb" data-bg="#ba614e" style="background-color: #ba614e;">

    <img src="../img/divers/papillons.png" alt="Filles papillon"
      class="papillons wow animate__animated animate__zoomIn">

    <div class="sidetitle">
      <div class="sidetitle-in wow animate__animated animate__fadeInDown">Allez jusqu'<strong
          style="color:#f4ce91;">hôbou de vos envies</strong></div>
    </div>
    <div class="wrapper">

      <div class="container-center">

        <h2 style="color: #f4ce91;" class="animh2"><span>Vos expériences<i></i></span></h2>

        <div class="content">
          <p class="white" align="center">
            <strong>Se sentir chez soi, mais en mieux :<br>
              c’est tout l’esprit Hôbou.</strong><br>
            Un boutique-hôtel pensé pour toutes vos envies.<br>
            Sous le même toit !
          </p>
        </div>

      </div>

    </div>

    <div class="slider-container-anm">

      <div class="slider-nav slk-nav v3">
        <div class="wrapper">
          <a class="prev">
            <img src="../img/divers/Fleche-experiences-Hobou-gauche-Hover.png" alt="Flèche gauche" class="hover">
            <img src="../img/divers/Fleche-experiences-Hobou-gauche.png" alt="Flèche gauche">
          </a>
          <a class="next">
            <img src="../img/divers/Fleche-experiences-Hobou-droite-Hover.png" alt="Flèche droite" class="hover">
            <img src="../img/divers/Fleche-experiences-Hobou-droite.png" alt="Flèche droite">
          </a>
        </div>
      </div>

      <div class="slider anm">

        <a href="petit-dejeuner.html" title="Le petit-déjeuner Hôbou">
          <h3 class="title">Le petit-déjeuner</h3>
          <div class="visu">
            <p class="animh2v2"><span>Commencez la journée<br> du bon pied !</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/petit-dejeuner/home/Petit-dejeuner-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="bar.html" title="Bar Hôbou">
          <h3 class="title">Le bar</h3>
          <div class="visu">
            <p class="animh2v2"><span>Vous prendrez bien<br> un petit verre ?</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/bar/home/Bar-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="room-service.html" title="Room service Hôbou">
          <h3 class="title">Le Room service</h3>
          <div class="visu">
            <p class="animh2v2"><span>Restez lové<br> dans votre chambre !</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/room-service/home/Room-service-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="salon.html" title="Le Salon Hôbou">
          <h3 class="title">Le salon</h3>
          <div class="visu">
            <p class="animh2v2"><span>Ici, on s'installe<br> comme à la maison !</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/salon/home/Salon-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="salle-fitness.html" title="La Salle fitness Hôbou">
          <h3 class="title">La salle fitness</h3>
          <div class="visu">
            <p class="animh2v2"><span>Prêt à aller<br> hôbou de vos limites ?</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/fitness/home/Salle-fitness-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="hobou-time.html" title="Hôbou time">
          <h3 class="title">Hôbou time</h3>
          <div class="visu">
            <p class="animh2v2"><span>Les petits plus<br> gourmands Hôbou !</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/hobou-time/home/Hobou-Time-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="parking.html" title="Parking Hôbou">
          <h3 class="title">Le parking</h3>
          <div class="visu">
            <p class="animh2v2"><span>Allez hôbou<br> de votre stationnement</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/parking/home/Parking-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

        <a href="salle-reunion.html" title="La salle de réunion Hôbou">
          <h3 class="title">La salle de réunion</h3>
          <div class="visu">
            <p class="animh2v2"><span>Allez hôbou<br> de vos idées...</span></p>
            <span class="visuin"
              style="background-image: url(../img/experiences/reunion/home/Salle-reunion-Hobou-Hotel-Boulogne-Billancourt.jpg);"></span>
          </div>
        </a>

      </div>
    </div>

    <div class="wrapper pts ptmob30">
      <div class="btn-container-right">
        <a href="experiences.html" title="Expériences Hôbou" class="btn floatnone mt0">
          <span class="txt white">Savourez nos services</span>
          <span class="bulle" style="background-color: #f4ce91;"></span>
        </a>
      </div>
    </div>

  </section>

  <section class="section section4 pt pb" data-bg="#e2b74d" style="background-color: #e2b74d;">

    <div class="sidetitle">
      <div class="sidetitle-in wow animate__animated animate__fadeInDown">Allez jusqu'<strong
          style="color:#994c53;">hôbou de votre résa</strong></div>
    </div>

    <img src="../img/divers/valise.png" alt="Valise" class="valise">

    <div class="wrapper full">

      <div class="container-center">

        <h2 style="color: #994c53;" class="animh2"><span>Pourquoi réserver<i></i></span></h2>

        <div class="content">
          <p class="white textcenter">
            <strong style="color:#1a293d;">Comme à la maison, en mieux !</strong><br>
            Meilleur prix garanti en réservant en direct.
          </p>
        </div>

      </div>

      <div class="arguments">

        <div class="wow animate__animated animate__fadeIn">
          <img src="../img/pictos/home/Adresse-ideale-Hobou-Hotel-Boulogne-Billancourt.png"
            alt="Adresse idéale Hôbou, Hôtel à Boulogne-Billancourt">
          <p><strong>Une adresse idéale</strong><br>pour explorer Paris</p>
        </div>

        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
          <img src="../img/pictos/home/Ambiance-cozy-Hobou-Hotel-Boulogne-Billancourt.png"
            alt="Ambiance cozy Hôbou, Hôtel à Boulogne-Billancourt">
          <p><strong>Une ambiance cozy</strong><br>et chaleureuse</p>
        </div>

        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.4s">
          <img src="../img/pictos/home/Equipe-complice-Hobou-Hotel-Boulogne-Billancourt.png"
            alt="Equipe complice Hôbou, Hôtel à Boulogne-Billancourt">
          <p><strong>Une équipe complice</strong><br>pour que tout roule</p>
        </div>

        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.6s">
          <img src="../img/pictos/home/Petits-plus-Hobou-Hotel-Boulogne-Billancourt.png"
            alt="Petits plus Hôbou, Hôtel à Boulogne-Billancourt">
          <p><strong>De nombreux petits plus</strong><br>pour votre confort</p>
        </div>

      </div>

    </div>

  </section>

  <section class="section6 pt pb" data-bg="#484840" style="background-color: #484840;">
    <div class="sidetitle wow animate__animated animate__fadeInUp">Allez jusqu'<strong style="color:#81bab2;">hôbou de
        la ligne 10</strong></div>

    <div class="wrapper">

      <div class="container-center">

        <h2 style="color: #81bab2;" class="animh2"><span>Rejoignez-nous !<i></i></span></h2>

        <div class="content">
          <p class="white textcenter">
            <strong>Votre hôtel aux portes de Paris</strong><br>
            Comment (Re)venir à Hôbou ?
          </p>
        </div>

      </div>

      <div class="rejoignez">

        <div class="content leftbordered">
          <span class="border t0" style="background: #81bab2;"></span>

          <div>
            <span class="title" style="color:#81bab2;">Transports en commun :</span>
            <ul>
              <li style="--bullet: #81bab2;"><strong>Métro ligne 10.<br>
                  Arrêt : Boulogne – Pont de Saint-Cloud.<br></strong>
                Juste devant l’hôtel…
              </li>
              <li style="--bullet: #81bab2;"><strong>Tramway ligne T2.<br>
                  Arrêt : Parc de Saint-Cloud.<br></strong>
                À environ 08 minutes à pied de l’hôtel.
              </li>
              <li style="--bullet: #81bab2;"><strong>Bus lignes 52, 72, 126, 175, 260 et 467.</strong><br>
                À proximité immédiate de l’hôtel.

              </li>
            </ul>
          </div>

          <div>
            <span class="title" style="color:#81bab2;">Voiture :</span>
            <ul>
              <li style="--bullet: #81bab2;"><strong>9, Rond-Point Rhin et Danube,<br>
                  92100 Boulogne-Billancourt.</strong></li>
              <li style="--bullet: #81bab2;">Station de taxis devant l'hôtel.</li>
              <li style="--bullet: #81bab2;"><strong>Quelques places de parking vous attendent chez Hôbou !</strong>
              </li>
            </ul>
          </div>

          <div>
            <span class="title" style="color:#81bab2;">Aéroports et Gares :</span>
            <ul>
              <li style="--bullet: #81bab2;"><strong>Orly :</strong> 30mn (en
                voiture). </li>
              <li style="--bullet: #81bab2;"><strong>Roissy CDG</strong> : 45mn (en
                voiture).</li>
              <li style="--bullet: #81bab2;"><strong>Gares d'Austerlitz, Saint-Lazare, Montparnasse, de Lyon, du Nord et
                  de l'Est</strong> : entre 30 et 40mn (en métro).</li>
            </ul>
          </div>

        </div>

        <div class="map">
          <div class="map-in">
            <a href="../img/divers/Carte-Hobou-Hotel-Boulogne-Billancourt.png" data-fancybox="map">
              <img src="../img/divers/map-arrow.png" alt="Flèche carte" class="arrow">
              <img src="../img/divers/Carte-Hobou-Hotel-Boulogne-Billancourt.png"
                alt="Carte Hôbou Hôtel Boulogne-Billancourt">
            </a>
            <div class="pts ptmob30"></div>
            <div class="btn-container-right-nnnn opacity0">
              <a href="#" class="btn floatnone mt0">
                <span class="txt white">Accédez chez Hôbou</span>
                <span class="bulle" style="background-color: #81bab2;"></span>
              </a>
            </div>
          </div>
        </div>

      </div>

      <div class="btn-container-right-nnnn wrapper particularbtncont">
        <a href="acces.html" title="Accès Hôbou" class="btn floatnone mt0">
          <span class="txt white">Accédez chez Hôbou</span>
          <span class="bulle" style="background-color: #81bab2;"></span>
        </a>
      </div>

    </div>
  </section>

    <section class="footer pt pb" data-bg="#c98d90" style="background-color: #c98d90;">
    <div class="wrapper full text-center">
      <div class="hobou footerhobou">
        <span class="footerhobouspan"><img src="../img/divers/H.png" alt="H de Hôbou"></span>
        <span class="footerhobouspan"><img src="../img/divers/O.png" alt="Ô de Hôbou"></span>
        <span class="footerhobouspan"><img src="../img/divers/B.png" alt="B de Hôbou"></span>
        <span class="footerhobouspan"><img src="../img/divers/O2.png" alt="O de Hôbou"></span>
        <span class="footerhobouspan"><img src="../img/divers/U.png" alt="U de Hôbou"></span>
      </div>

      <p class="white">
        <strong style="color:#2c516d; font-weight: 700;">Hôbou<sup>****</sup></strong><br>
        9, Rond-Point Rhin et Danube<br>92100 Boulogne-Billancourt<br>
        <a href="tel:+33146991040"><strong>01 46 99 10 40</strong></a><br>
        <strong style="color:#2c516d; font-weight: 700;"><a href="mailto:bonjour@hobou.com" class="animunderline" title="Contact Hôbou">bonjour@hobou.com</a></strong>
      </p>

      <p class="footermenu white">
        <a href="mentions-legales.html" title="Mentions légales Hôbou">Mentions légales</a>
        <a href="politique-confidentialite.html" title="Politique de confidentialité Hôbou">Politique de confidentialité</a>
        <a href="contact.html" title="Contact Hôbou">Contact</a>
      </p>

      <div class="bottom">
        <p>© Hôbou 2026</p> 
        <div class="rs">
          <a href="https://www.facebook.com/HobouHotelBoulogne/" target="_blank" title="Rejoignez-nous sur Facebook"><img src="../img/divers/facebook.png" alt="Facebook"></a>
          <a href="https://www.instagram.com/hobou_hotel_boulogne" target="_blank" title="Rejoignez-nous sur Instagram"><img src="../img/divers/instagram.png" alt="Instagram"></a>
          <a href="https://www.linkedin.com/company/hobou/" target="_blank" title="Rejoignez-nous sur LinkedIn"><img src="../img/divers/linkedin.png" alt="Linkedin"></a>
        </div>
        <p><a href="https://www.agence-web-paris.com/" target="_blank" title="Agence Web Paris 6LAB">Agence Web Paris 6LAB</a></p>
      </div>
    </div>
  </section>

  <script src="https://cdn.jsdelivr.net/npm/wowjs@1.1.3/dist/wow.min.js" defer></script>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
        new WOW().init();
        jQuery(document).ready(function ($) {
            Fancybox.bind('[data-fancybox]', {
                Thumbs: false,
                Toolbar: true,
            });
        });
    });
  </script>

  <div id="cookie-banner" class="cookie-banner hidden">
    <div class="cookie-content">
      <h3 class="cookie-title">Gestion des cookies</h3>
      <p>Nous utilisons des cookies pour améliorer votre expérience de navigation, analyser le trafic et personnaliser le contenu.</p>
    </div>
    <div class="cookie-buttons">
      <button id="btn-accept-all" class="btn-accept">Tout accepter</button>
      <button id="btn-reject-all" class="btn-reject">Tout refuser</button>
      <button id="btn-customize" class="btn-custom">Personnaliser</button>
    </div>
  </div>

  <div id="cookie-modal" class="cookie-modal hidden">
    <div class="cookie-modal-content">
      <h2>Paramètres des cookies</h2>
      <p>Choisissez les cookies que vous autorisez. Vous pourrez modifier vos choix à tout moment.</p>
      
      <div class="cookie-option">
        <label>
          <input type="checkbox" checked disabled> 
          <div class="cookie-text-wrap">
            <strong>Essentiels (Requis) :</strong> 
            <span>Nécessaires au fonctionnement du site.</span>
          </div>
        </label>
      </div>
      
      <div class="cookie-option">
        <label>
          <input type="checkbox" id="chk-analytics"> 
          <div class="cookie-text-wrap">
            <strong>Analytiques :</strong> 
            <span>Pour comprendre comment vous utilisez notre site (ex: Google Analytics).</span>
          </div>
        </label>
      </div>

      <div class="cookie-option">
        <label>
          <input type="checkbox" id="chk-marketing"> 
          <div class="cookie-text-wrap">
            <strong>Marketing :</strong> 
            <span>Pour vous proposer des publicités pertinentes (ex: Pixel Meta).</span>
          </div>
        </label>
      </div>

      <div class="cookie-modal-actions">
        <button id="btn-close-modal" class="btn-cancel">Annuler</button>
        <button id="btn-save-preferences" class="btn-save">Enregistrer mes choix</button>
      </div>
    </div>
  </div></body>
</html>