Outiref
<!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>Chambres d'hôtel Boulogne-Billancourt | Hôbou</title>
  <meta name="description" content="Découvrez nos chambres spacieuses et confortables à Boulogne-Billancourt ! Hôbou vous propose 6 catégories de chambres, pour tous les goûts : Cocoon, Nomade, Rêverie, Horizon, Grand Angle et Tribu.">
  <link rel="canonical" href="https://www.hobou.com/fr/chambres.html">
  <link rel="alternate" hreflang="fr" href="https://www.hobou.com/fr/chambres.html" />
  <link rel="alternate" hreflang="en" href="https://www.hobou.com/en/rooms.html" />
  <link rel="alternate" hreflang="x-default" href="https://www.hobou.com/en/rooms.html" />
    <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="Chambres d'hôtel Boulogne-Billancourt | Hôbou">
    <meta property="og:description" content="Découvrez nos chambres spacieuses et confortables à Boulogne-Billancourt ! Hôbou vous propose 6 catégories de chambres, pour tous les goûts : Cocoon, Nomade, Rêverie, Horizon, Grand Angle et Tribu.">
    <meta property="og:image" content="https://www.hobou.com/img/logo_hobou.png">
    <meta property="og:url" content="https://www.hobou.com/fr/chambres.html">
    <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"
          }
      },{
    "@type": "ListItem",
    "position": 2,
    "item": {
        "@id": "https://www.hobou.com/fr/chambres.html",
        "name": "Chambres"
    }
}]
  }
  </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="page">
<!-- 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="active">CHAMBRES</a><span class="chevron active"><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 class="page">
    <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="active">
            <a href="chambres.html" title="Chambres Hôbou" class="active"><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/rooms.html" 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="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" target="_blank" title="Réservation HÔBOU" 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">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>

  <div class="damecle-hero wrapper full">
    <div>
      <img src="../img/divers/damecle-hero-2.png" alt="Dame avec clé" class="img2">
      <img src="../img/divers/damecle-hero-1.png" alt="Dame avec clé" class="img1">
    </div>
  </div>

  <section class="hero-page">
    <div class="thumb img-desk" style="background-image: url(../img/chambres/Chambres-Hotel-Boulogne-Billancourt-Hobou.jpg);"></div>
    <div class="thumb img-mobile" style="background-image: url(../img/chambres/Chambres-Hotel-Boulogne-Billancourt-Hobou.jpg);"></div>
    
    <section class="wrapper full">
      <div class="breadcrumbs">
        <a href="/" title="Accueil Hôbou">Accueil</a>&nbsp;&nbsp;●&nbsp;&nbsp;<a class="last">Chambres</a>
      </div>

      <div class="caption white">
        <h1 class="animh2h1"><span>Les chambres<br>
Hôbou<i></i></span></h1>
        <div class="txt mw1000">
          <p><strong>Poussez la porte de nos chambres à Boulogne-Billancourt :<br>pour bien dormir, et encore mieux rêver !</strong></p>
        </div>

        <div class="bottom">
          <a href="#" title="(Dé)filez jusqu'hôbou" class="btn gotonxtsc">
            <span class="txt white">(Dé)filez jusqu'<span style="color: #dc7874;"><strong>Hôbou</strong></span></span>
            <span class="bulle" style="background-color: #dc7874;"></span>
          </a>
        </div>
      </div>

      <div class="keyhole-hero-container">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 80 180" width="80" height="180" class="keyhole-hero">
          <g>
            <path d="M80,39.92C80,17.87,62.09,0,40,0S0,17.87,0,39.92c0,15.56,8.93,29,21.94,35.59L0,180h80l-21.94-104.49c13.01-6.59,21.94-20.03,21.94-35.59" fill="#1a293e" />
          </g>
        </svg>
      </div>
    </section>
  </section>

  <div class="blankline1 z10 relative" data-bg="#1a293e" style="background-color: #1a293e;">
    <span style="background: #dc7874;"></span>
  </div>

  <section class="section sectionroom1 pt pb nxtsc z10 grandsticky" data-bg="#1a293e" style="background-color: #1a293e;">
    <div class="sidetitle">
      <h2 class="sidetitle-in wow animate__animated animate__fadeInDown">Profitez jusqu'<strong style="color:#dc7874;">hôbou de vos nuits</strong></h2>
    </div>
    
    <div class="wrapper full">
      <div class="container-center">
        <div style="color: #dc7874;" class="animh2 h2"><span>6 catégories <br>de chambres<i></i></span></div>
        <div class="content textcenter">
          <p class="white">
            <strong>Choisissez votre chambre idéale !</strong><br>
            Des chambres pour les lève-tôt, les couche-tard, les rêveurs, les pressés, et tous ceux qui aiment se sentir bien.<br>
            <strong>Tout simplement.</strong>
          </p>
        </div>
      </div>
    </div>

    <div class="wrapper full fullline pts">
      <span style="border-top: 1px solid #dc7874;"></span>
    </div>

    <div class="sticky-nav-container-ancestor">
      <div class="sticky-nav-container"></div>
    </div>

    <div id="cocoon" ancre-title="Cocoon"></div>
    <section data-bg="#1a293e" style="background-color: #1a293e;" class="pt pb sticky-chambre">
      <div class="sticky-chambre-visu img-desk" style="background-color: #1a293e; background-image: url(../img/chambres/cocoon/chambres/Chambre-Cocoon-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>
      <div class="sticky-chambre-visu img-mobile" style="background-color: #1a293e; background-image: url(../img/chambres/cocoon/chambres/Chambre-Cocoon-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>

      <div class="wrapper">
        <div class="visu wow animate__animated animate__fadeInUp" style="background-image: url(../img/chambres/cocoon/chambres/Chambre-Cocoon-Hobou-Hotel-a-Boulogne-Billancourt-4-etoiles.jpg);">
          <a href="chambre-cocoon.html" title="Chambre Cocoon Hôbou"></a>
        </div>
        <div class="content">
          <h3 style="color: #dc7874;" class="h2 animh2"><span>Cocoon<i></i></span></h3>
          <div class="leftbordered">
            <span class="border" style="background: #dc7874;"></span>
            <p class="white"><strong>Laissez-vous tenter par la chambre Cocoon :</strong> petite, charmante, douillette, et aux tarifs tout doux.</p>
            <ul class="white mb0">
              <li style="--bullet: #dc7874;">13m<sup><span style="font-size: 12px;">2</span></sup> minimum</li>
              <li style="--bullet: #dc7874;">1 ou 2 personnes</li>
              <li style="--bullet: #dc7874;">1 lit double</li>
            </ul>
          </div>
          <div class="actions leftbordered">
            <a href="chambre-cocoon.html" title="Chambre Cocoon Hôbou" class="btn simple">
              <span class="txt white">En savoir plus</span>
            </a>
            <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" target="_blank" title="Réservation Chambre Cocoon Hôbou" class="btn distributor">
              <span class="txt white">Réservez cette chambre</span>
              <span class="bulle" style="background-color: #dc7874;"></span>
            </a>
          </div>
        </div>
      </div>
    </section>

    <div id="nomade" ancre-title="Nomade"></div>
    <section data-bg="#1a293e" style="background-color: #1a293e;" class="pt pb sticky-chambre">
      <div class="sticky-chambre-visu img-desk" style="background-color: #1a293e; background-image: url(../img/chambres/nomade/chambres/Chambre-Nomade-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>
      <div class="sticky-chambre-visu img-mobile" style="background-color: #1a293e; background-image: url(../img/chambres/nomade/chambres/Chambre-Nomade-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>

      <div class="wrapper">
        <div class="content">
          <h3 style="color: #dc7874;" class="h2 animh2 num2"><span>Nomade<i></i></span></h3>
          <div class="leftbordered">
            <span class="border" style="background: #dc7874;"></span>
            <p class="white"><strong>Notre chambre Classique vous séduira :</strong> l’escale idéale pour poser vos valises et souffler un peu, élégante mais pas guindée.</p>
            <ul class="white mb0">
              <li style="--bullet: #dc7874;">16m<sup><span style="font-size: 12px;">2</span></sup> minimum</li>
              <li style="--bullet: #dc7874;">1 ou 2 personnes</li>
              <li style="--bullet: #dc7874;">1 lit King Size ou 2 lits jumeaux</li>
            </ul>
          </div>
          <div class="actions leftbordered">
            <a href="chambre-nomade.html" title="Chambre Nomade Hôbou" class="btn simple">
              <span class="txt white">En savoir plus</span>
            </a>
            <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" target="_blank" title="Réservation Chambre Nomade Hôbou" class="btn distributor">
              <span class="txt white">Réservez cette chambre</span>
              <span class="bulle" style="background-color: #dc7874;"></span>
            </a>
          </div>
        </div>
        <div class="visu wow animate__animated animate__fadeInUp" style="background-image: url(../img/chambres/nomade/chambres/Chambre-Nomade-Hobou-Hotel-a-Boulogne-Billancourt-4-etoiles.jpg);">
          <a href="chambre-nomade.html" title="Chambre Nomade Hôbou"></a>
        </div>
      </div>
    </section>

    <div id="reverie" ancre-title="Rêverie"></div>
    <section data-bg="#1a293e" style="background-color: #1a293e;" class="pt pb sticky-chambre">
      <div class="sticky-chambre-visu img-desk" style="background-color: #1a293e; background-image: url(../img/chambres/reverie/chambres/Chambre-Reverie-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>
      <div class="sticky-chambre-visu img-mobile" style="background-color: #1a293e; background-image: url(../img/chambres/reverie/chambres/Chambre-Reverie-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>

      <div class="wrapper">
        <div class="visu wow animate__animated animate__fadeInUp" style="background-image: url(../img/chambres/reverie/chambres/Chambre-Reverie-Hobou-Hotel-a-Boulogne-Billancourt-4-etoiles.jpg);">
          <a href="chambre-reverie.html" title="Chambre Rêverie Hôbou"></a>
        </div>
        <div class="content">
          <h3 style="color: #dc7874;" class="h2 animh2 num3"><span>Rêverie<i></i></span></h3>
          <div class="leftbordered">
            <span class="border" style="background: #dc7874;"></span>
            <p class="white"><strong>La chambre Supérieure vous enveloppe dès l’entrée :</strong> spacieuse, lumineuse et élégante, elle vous invite à savourer chaque instant.</p>
            <ul class="white mb0">
              <li style="--bullet: #dc7874;">19m<sup><span style="font-size: 12px;">2</span></sup> minimum</li>
              <li style="--bullet: #dc7874;">1 ou 2 personnes</li>
              <li style="--bullet: #dc7874;">1 lit King size extra large ou 2 lits jumeaux</li>
            </ul>
          </div>
          <div class="actions leftbordered">
            <a href="chambre-reverie.html" title="Chambre Rêverie Hôbou" class="btn simple">
              <span class="txt white">En savoir plus</span>
            </a>
            <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" target="_blank" title="Réservation Chambre Rêverie Hôbou" class="btn distributor">
              <span class="txt white">Réservez cette chambre</span>
              <span class="bulle" style="background-color: #dc7874;"></span>
            </a>
          </div>
        </div>
      </div>
    </section>

    <div id="horizon" ancre-title="Horizon"></div>
    <section data-bg="#1a293e" style="background-color: #1a293e;" class="pt pb sticky-chambre">
      <div class="sticky-chambre-visu img-desk" style="background-color: #1a293e; background-image: url(../img/chambres/horizon/chambres/Chambre-Horizon-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>
      <div class="sticky-chambre-visu img-mobile" style="background-color: #1a293e; background-image: url(../img/chambres/horizon/chambres/Chambre-Horizon-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>

      <div class="wrapper">
        <div class="content">
          <h3 style="color: #dc7874;" class="h2 animh2 num2"><span>Horizon<i></i></span></h3>
          <div class="leftbordered">
            <span class="border" style="background: #dc7874;"></span>
            <p class="white"><strong>Prenez de la hauteur avec la chambre Supérieure Balcon :</strong> la végétation s’invite pour “pimper” la vue et la vie.</p>
            <ul class="white mb0">
              <li style="--bullet: #dc7874;">18m<sup><span style="font-size: 12px;">2</span></sup> minimum</li>
              <li style="--bullet: #dc7874;">Terrasse / Balcon</li>
              <li style="--bullet: #dc7874;">1 ou 2 personnes</li>
              <li style="--bullet: #dc7874;">1 lit King Size ou 2 lits jumeaux</li>
            </ul>
          </div>
          <div class="actions leftbordered">
            <a href="chambre-horizon.html" title="Chambre Horizon Hôbou" class="btn simple">
              <span class="txt white">En savoir plus</span>
            </a>
            <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" target="_blank" title="Réservation Chambre Horizon Hôbou" class="btn distributor">
              <span class="txt white">Réservez cette chambre</span>
              <span class="bulle" style="background-color: #dc7874;"></span>
            </a>
          </div>
        </div>
        <div class="visu wow animate__animated animate__fadeInUp" style="background-image: url(../img/chambres/horizon/chambres/Chambre-Horizon-Hobou-Hotel-a-Boulogne-Billancourt-4-etoiles.jpg);">
          <a href="chambre-horizon.html" title="Chambre Horizon Hôbou"></a>
        </div>
      </div>
    </section>

    <div id="grandangle" ancre-title="Grand Angle"></div>
    <section data-bg="#1a293e" style="background-color: #1a293e;" class="pt pb sticky-chambre">
      <div class="sticky-chambre-visu img-desk" style="background-color: #1a293e; background-image: url(../img/chambres/grand-angle/chambres/Chambre-Grand-Angle-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>
      <div class="sticky-chambre-visu img-mobile" style="background-color: #1a293e; background-image: url(../img/chambres/grand-angle/chambres/Chambre-Grand-Angle-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>

      <div class="wrapper">
        <div class="visu wow animate__animated animate__fadeInUp" style="background-image: url(../img/chambres/grand-angle/chambres/Chambre-Grand-Angle-Hobou-Hotel-a-Boulogne-Billancourt-4-etoiles.jpg);">
          <a href="chambre-grand-angle.html" title="Chambre Grand Angle Hôbou"></a>
        </div>
        <div class="content">
          <h3 style="color: #dc7874;" class="h2 animh2 num3"><span>Grand Angle<i></i></span></h3>
          <div class="leftbordered">
            <span class="border" style="background: #dc7874;"></span>
            <p class="white"><strong>Passez en mode Deluxe :</strong> plus d’espace, plus de confort, des équipements premium et une belle énergie !</p>
            <ul class="white mb0">
              <li style="--bullet: #dc7874;">23m<sup><span style="font-size: 12px;">2</span></sup> minimum</li>
              <li style="--bullet: #dc7874;">1 à 3 personnes</li>
              <li style="--bullet: #dc7874;">1 lit King size extra large ou 2 lits jumeaux</li>
              <li style="--bullet: #dc7874;">Lit d'appoint sur demande</li>
            </ul>
          </div>
          <div class="actions leftbordered">
            <a href="chambre-grand-angle.html" title="Chambre Grand Angle Hôbou" class="btn simple">
              <span class="txt white">En savoir plus</span>
            </a>
            <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" target="_blank" title="Réservation Chambre Grand Angle Hôbou" class="btn distributor">
              <span class="txt white">Réservez cette chambre</span>
              <span class="bulle" style="background-color: #dc7874;"></span>
            </a>
          </div>
        </div>
      </div>
    </section>

    <div id="tribu" ancre-title="Tribu"></div>
    <section data-bg="#1a293e" style="background-color: #1a293e;" class="pt pb sticky-chambre">
      <div class="sticky-chambre-visu img-desk" style="background-color: #1a293e; background-image: url(../img/chambres/tribu/chambres/Chambre-Tribu-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>
      <div class="sticky-chambre-visu img-mobile" style="background-color: #1a293e; background-image: url(../img/chambres/tribu/chambres/Chambre-Tribu-Hobou-Hotel-a-Boulogne-Billancourt.jpg);"></div>

      <div class="wrapper">
        <div class="content">
          <h3 style="color: #dc7874;" class="h2 animh2 num2"><span>Tribu<i></i></span></h3>
          <div class="leftbordered">
            <span class="border" style="background: #dc7874;"></span>
            <p class="white"><strong>Rassemblez la tribu et profitez de nos chambres communicantes :</strong> jusqu’à 4 personnes peuvent s’installer dans ces chambres spacieuses et confortables !</p>
            <ul class="white mb0">
              <li style="--bullet: #dc7874;">36m<sup><span style="font-size: 12px;">2</span></sup> minimum</li>
              <li style="--bullet: #dc7874;">1 à 4 personnes</li>
              <li style="--bullet: #dc7874;">Lit(s) King Size et/ou lits jumeaux</li>
            </ul>
          </div>
          <div class="actions leftbordered">
            <a href="chambres-tribu.html" title="Chambres Tribu Hôbou" class="btn simple">
              <span class="txt white">En savoir plus</span>
            </a>
            <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" target="_blank" title="Réservation Chambres Tribu Hôbou" class="btn distributor">
              <span class="txt white">Réservez cette chambre</span>
              <span class="bulle" style="background-color: #dc7874;"></span>
            </a>
          </div>
        </div>
        <div class="visu wow animate__animated animate__fadeInUp" style="background-image: url(../img/chambres/tribu/chambres/Chambre-Tribu-Hobou-Hotel-a-Boulogne-Billancourt-4-etoiles.jpg);">
          <a href="chambres-tribu.html" title="Chambres Tribu Hôbou"></a>
        </div>
      </div>
    </section>
  </section>

  <section class="section section4 sectionroom2 z10 pt pb" data-bg="#e2b74d" style="background-color: #e2b74d;">
    <img src="../img/divers/serveur.png" alt="Serveur Hôbou" class="serveur wow animate__animated animate__fadeInUp" data-wow-duration="2s">

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

    <div id="experiences_en_chambres" class="wrapper full">
      <div class="container-center">
        <div style="color: #994c53;" class="animh2 h2"><span>Vos expériences <br>en chambres<i></i></span></div>
        <div class="content">
          <p class="white textcenter">
            <strong style="color:#1a293d;">Hôbou a pensé à tout !</strong><br>
            Découvrez ce que nos chambres ont à vous offrir…<br>et allez hôbou de chaque catégorie pour les petits plus de chacune&nbsp;!
          </p>
        </div>
      </div>

      <div class="arguments full">
        <div class="wow animate__animated animate__fadeIn">
          <img src="../img/pictos/chambres/Produits-Nuxe-Hobou-Hotel-Boulogne-Billancourt-yellow.png" alt="Produits Nuxe dans votre chambre Hôbou à Boulogne-Billancourt">
          <p><strong>PRODUITS NUXE</strong><br>Gamme rêve de miel, pour se chouchouter</p>
        </div>
        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
          <img src="../img/pictos/chambres/TV-LED-ecran-plat-Hobou-Hotel-Boulogne-Billancourt.png" alt="TV et Chromecast dans votre chambre Hôbou à Boulogne-Billancourt">
          <p><strong>TV ET CHROMECAST</strong><br>Zappez, streamez et décompressez</p>
        </div>
        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.4s">
          <img src="../img/pictos/chambres/Fer-repasser-Hobou-Hotel-Boulogne-Billancourt.png" alt="Planche et fer à repasser dans votre chambre Hôbou à Boulogne-Billancourt">
          <p><strong>PLANCHE ET FER À REPASSER</strong><br>Parce que les plis, ce n'est vraiment pas votre style</p>
        </div>
        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.6s">
          <img src="../img/pictos/chambres/Climatisation-chauffage-Hobou-Hotel-Boulogne-Billancourt.png" alt="Climatisation et chauffage dans votre chambre Hôbou à Boulogne-Billancourt">
          <p><strong>CLIMATISATION ET CHAUFFAGE</strong><br>La température idéale<br>été comme hiver</p>
        </div>
      </div>

      <div class="arguments full">
        <div class="v2 wow animate__animated animate__fadeIn">
          <img src="../img/pictos/chambres/Plateau-de-courtoisie-Hobou-Hotel-Boulogne-Billancourt.png" alt="Plateau de courtoisie dans votre chambre Hôbou à Boulogne-Billancourt">
          <p><strong>PLATEAU DE COURTOISIE</strong><br>Bouilloire, café, thé<br>et petites douceurs</p>
        </div>
        <div class="v2 wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
          <img src="../img/pictos/chambres/Lit-bebe-sur-demande-Hobou-Hotel-Boulogne-Billancourt-yellow.png" alt="Lit bébé sur demande dans votre chambre Hôbou à Boulogne-Billancourt">
          <p><strong>LIT BÉBÉ SUR DEMANDE</strong><br>Mini lit rêves à l’infini</p>
        </div>
        <div class="v2 wow animate__animated animate__fadeIn" data-wow-delay="0.4s">
          <img src="../img/pictos/chambres/Coffre-fort-Hobou-Hotel-Boulogne-Billancourt-red.png" alt="Coffre-fort dans votre chambre Hôbou à Boulogne-Billancourt">
          <p><strong>COFFRE-FORT</strong><br> Vos trésors,<br>bien protégés.</p>
        </div>
        <div class="v2 wow animate__animated animate__fadeIn" data-wow-delay="0.4s">
          <img src="../img/pictos/chambres/Animaux-admis-Hobou-Hotel-Boulogne-Billancourt-yellow.png" alt="Les animaux sont les bienvenus dans votre chambre Hôbou à Boulogne-Billancourt">
          <p><strong>PET FRIENDLY</strong><br>Vos compagnons à 4 pattes<br>sont les bienvenus</p>
        </div>
      </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>