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>Chambre Cocoon Hôbou | Hôtel Boulogne-Billancourt</title>
  <meta name="description" content="Chambre Cocoon Hôbou : petite, charmante, douillette, et aux tarifs tout doux, cette chambre vous offre tout le nécessaire pour une pause confortable… sans compromis sur l'essentiel.">
  <link rel="canonical" href="https://www.hobou.com/fr/chambre-cocoon.html">
  <link rel="alternate" hreflang="fr" href="https://www.hobou.com/fr/chambre-cocoon.html" />
  <link rel="alternate" hreflang="en" href="https://www.hobou.com/en/room-cocoon.html" />
  <link rel="alternate" hreflang="x-default" href="https://www.hobou.com/en/room-cocoon.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="Chambre Cocoon Hôbou | Hôtel Boulogne-Billancourt">
    <meta property="og:description" content="Chambre Cocoon Hôbou : petite, charmante, douillette, et aux tarifs tout doux, cette chambre vous offre tout le nécessaire pour une pause confortable… sans compromis sur l'essentiel.">
    <meta property="og:image" content="https://www.hobou.com/img/logo_hobou.png">
    <meta property="og:url" content="https://www.hobou.com/fr/chambre-cocoon.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"
          }
      },{
          "@type": "ListItem",
          "position": 3,
          "item": {
        "@id": "https://www.hobou.com/fr/chambre-cocoon.html",
              "name": "Chambre Cocoon"
          }
      }]
  }
  </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="active">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="salon">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="time">HÔBOU TIME</a></li>
            <li><a href="parking.html" title="Parking Hôbou" class="parking">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="active">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">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/room-cocoon.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>

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

      <div class="caption white">
        <h1 class="animh2h1"><span>Cocoon<i></i></span></h1>
        <div class="txt">
          <p><strong>Notre charmante petite chambre aux prix doux.<br>Pour 1 ou 2 personnes.</strong></p>
          <p>
            <img src="../img/pictos/chambres/Surface-Chambre-Hotel-Hobou.png" alt="Surface Chambre Hôbou">&nbsp;&nbsp;13m<sup><span style="font-size: 12px;">2</span></sup> minimum<br>
            <img src="../img/pictos/chambres/Lit-Chambre-Hotel-Hobou.png" alt="Taille lit Chambre Hôbou">&nbsp;&nbsp;1 lit double (140x200 cm)
          </p>
        </div>
        <div class="bottom">
          <a href="#" title="(Dé)filez jusqu'hôbou" class="btn gotonxtsc">
            <span class="txt white">Allez vite jusqu'au <span style="color: #dc7874;"><strong>Hôbou</strong></span></span>
            <span class="bulle" style="background-color: #dc7874;"></span>
          </a>
        </div>
      </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 pushside pt pb nxtsc z10" data-bg="#1a293e" style="background-color: #1a293e;">
    <div class="sidetitle">
      <h2 class="sidetitle-in wow animate__animated animate__fadeInDown">Votre chambre aux prix doux<strong style="color:#dc7874;"> à Boulogne-Billancourt</strong></h2>
    </div>
    
    <div class="wrapper full">
      <div class="container-center">
        <div class="animh2 h2" style="color: #dc7874;"><span>Elle a tout <br />d'une grande !<i></i></span></div>
        <div class="content textcenter">
          <p class="white">
            <strong>Petite, charmante, douillette et lumineuse,</strong> notre chambre Cocoon vous offre tout le nécessaire pour une pause confortable…<br>
            <strong>sans compromis sur l'essentiel.</strong>
          </p>
          <p>
            <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" target="_blank" title="Réservation chambre Cocoon Hôbou" class="btn-book"><span>Réservez</span></a>
          </p>
        </div>
      </div>

      <img src="../img/chambres/cocoon/chambre-cocoon/NB-chambre-cocoon-hotel-Hobou-Boulogne-Billancourt.png" alt="Dames fenêtre Hôbou" class="woomen-window wow animate__animated animate__fadeIn">
    </div>

    <div class="wrapper bottom">
      <div class="images">
        <img src="../img/chambres/cocoon/chambre-cocoon/Petite-chambre-Cocoon-Hobou-Hotel-Boulogne-Billancourt.png" alt="Petite Chambre Cocoon Hôbou, Hôtel Boulogne-Billancourt" class="imgroom2 wow animate__animated animate__fadeInUp">
        <img src="../img/chambres/cocoon/chambre-cocoon/Petite-chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt.png" alt="Petite Chambre Cocoon de l'hôtel Hôbou à Boulogne-Billancourt" class="main wow animate__animated animate__fadeInUp">
      </div>

      <div class="content white">
        <p>Petite par sa taille mais <strong>grande par son confort,</strong> cette chambre élégante à Boulogne-Billancourt a été pensée pour <strong>un séjour agréable.</strong></p>
        <p><strong>Lumineuse et bien agencée,</strong> elle offre un espace chaleureux où l'on se sent vite à l'aise, que ce soit pour une nuit ou pour quelques jours.</p>
        <p><strong>Un cocon simple et accueillant,</strong> idéal pour se reposer et profiter pleinement de son séjour. </p>
        <p>Et pour découvrir tout ce que <strong>la chambre Cocoon</strong> a à vous offrir, swippez encore un peu…</p>
        <p class="text-center">
          <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" target="_blank" title="Réservation chambre Cocoon Hôbou" class="btn-book"><span>Réservez</span></a>
        </p>
      </div>
    </div>
  </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 class="wrapper full">
      <div class="container-center">
        <div style="color: #994c53;" class="animh2 h2"><span>Votre expérience <br>Cocoon<i></i></span></div>
        <div class="content">
          <p class="white textcenter">
            <strong style="color:#1a293d;">Pour votre confort, Hôbou a pensé à tout.</strong><br>
            Découvrez les petits plus de votre chambre Cocoon !
          </p>
        </div>
      </div>

      <div class="arguments full">
        <div class="wow animate__animated animate__fadeIn">
          <img src="../img/pictos/chambres/Douche-ciel-de-pluie-Hobou-Hotel-Boulogne-Billancourt-yellow.png" alt="Ciel de Pluie DOuche Hôbou à Boulogne-Billancourt">
          <p><strong>Douche à effet pluie</strong><br>Pour se laver, se réveiller… ou juste faire semblant de danser sous la pluie</p>
        </div>
        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.2s">
          <img src="../img/pictos/chambres/PMR-Hobou-Hotel-Boulogne-Billancourt.png" alt="Accès PMR sur demande pour votre chambre Hôbou à Boulogne-Billancourt">
          <p><strong>Accès PMR sur demande</strong><br>Barres de maintien & douche à l'italienne accessible</p>
        </div>
        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.4s">
          <img src="../img/pictos/chambres/Lit-double-Hobou-Hotel-Boulogne-Billancourt.png" alt="Lit double Hôbou à Boulogne-Billancourt">
          <p><strong>Lit double uniquement</strong><br>Pas de lits jumeaux possible</p>
        </div>
        <div class="wow animate__animated animate__fadeIn" data-wow-delay="0.6s">
          <img src="../img/pictos/chambres/Lit-bebe-sur-demande-Hobou-Hotel-Boulogne-Billancourt.png" alt="Lit bébé sur demande pour votre chambre Hôbou à Boulogne-Billancourt">
          <p><strong>Lit bébé sur demande</strong><br>Mini lit, rêves à l'infini</p>
        </div>
      </div>
    </div>

    <div class="container-center pt" >
      <div class="bottom">
        <p class="white textcenter">
          <a href="https://www.hobou.com/fr/chambres.html#experiences_en_chambres" title="Toutes nos experiences en chambres" class="btn">
            <span class="txt white">Voir tous nos petits plus</span>
            <span class="bulle" style="background-color: #994c53;"></span>
          </a>
        </p>
      </div>
    </div>
  </section>

  <section class="section pushside z10 pt pb" data-bg="#95c6a2" style="background-color: #95c6a2;">
    <div class="sidetitle">
      <h2 class="sidetitle-in wow animate__animated animate__fadeInDown">Réservez votre chambre Cocoon<strong style="color:#4666aa;"> à Boulogne-Billancourt</strong></h2>
    </div>

    <div class="wrapper full">
      <div class="container-center"><div style="color: #4666aa;" class="animh2 h2"><span>En photos, <br>c'est mieux !<i></i></span></div><div class="content">
          <p class="white textcenter">
            <strong>Cliquez et imprégnez vous de l'ambiance Cocoon !</strong><br>
            Vous êtes maintenant prêt.s pour réserver !
          </p>
		      <p class="white textcenter">
            <a href="https://app.mews.com/distributor/48078842-e1fd-4616-a56c-af3400cf9683" target="_blank" title="Réservation chambre Cocoon Hôbou" class="btn-book"><span>Réservez</span></a>
          </p>
        </div>
      </div>

      <div class="gal-photos">
        <a href="../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie1.jpg" data-fancybox="gal" data-caption="Plateau de courtoisie">
          <span class="hover">Plateau de courtoisie</span>
          <span class="visu" style="background-image: url(../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie1-min.jpg);"></span>
        </a>
        <a href="../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie2.jpg" data-fancybox="gal" data-caption="Grasse Matinée">
          <span class="hover">Grasse matinée</span>
          <span class="visu" style="background-image: url(../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie2-min.jpg);"></span>
        </a>
        <a href="../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie3.jpg" data-fancybox="gal" data-caption="Télé-travail">
          <span class="hover">Télé-travail</span>
          <span class="visu" style="background-image: url(../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie3-min.jpg);"></span>
        </a>
        <a href="../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie4.jpg" data-fancybox="gal" data-caption="Faire ma chambre">
          <span class="hover">Faire ma chambre</span>
          <span class="visu" style="background-image: url(../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie4-min.jpg);"></span>
        </a>
        <a href="../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie5.jpg" data-fancybox="gal" data-caption="Table de nuit">
          <span class="hover">Table de nuit</span>
          <span class="visu" style="background-image: url(../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie5-min.jpg);"></span>
        </a>
        <a href="../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie6.jpg" data-fancybox="gal" data-caption="L'art du soin">
          <span class="hover">L'art du soin</span>
          <span class="visu" style="background-image: url(../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie6-min.jpg);"></span>
        </a>
        <a href="../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie7.jpg" data-fancybox="gal" data-caption="Un peu de lecture">
          <span class="hover">Un peu de lecture</span>
          <span class="visu" style="background-image: url(../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie7-min.jpg);"></span>
        </a>
        <a href="../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie8.jpg" data-fancybox="gal" data-caption="Les animaux sont nos amis">
          <span class="hover">Les animaux sont nos amis</span>
          <span class="visu" style="background-image: url(../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie8-min.jpg);"></span>
        </a>
        <a href="../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie9.jpg" data-fancybox="gal" data-caption="Un bureau pour travailler">
          <span class="hover">Un bureau pour travailler</span>
          <span class="visu" style="background-image: url(../img/chambres/cocoon/chambre-cocoon/galerie/Chambre-Cocoon-Hotel-Hobou-Boulogne-Billancourt-Galerie9-min.jpg);"></span>
        </a>
      </div>
    </div>
  </section>

  <section class="section pushside z10 pt pb oxh" data-bg="#1a293e" style="background-color: #1a293e;">
    <img src="../img/divers/damecle2.png" alt="Dame avec raquette Hôbou" class="key2">

    <div class="sidetitle">
      <h2 class="sidetitle-in wow animate__animated animate__fadeInDown">Nos autres chambres<strong style="color:#dc7874;"> à Boulogne-Billancourt</strong></h2>
    </div>

    <div class="wrapper">
      <div class="container-center">        <div style="color: #dc7874;" class="animh2 h2"><span>Allez jusqu'hôbou <br>
de vos rêves<i></i></span></div>
<div class="content">
          <p class="white textcenter">
            <strong>Des chambres de toutes les tailles, pour tous les goûts,<br> c'est l'esprit Hôbou !</strong><br>
            Choisissez votre chambre idéale, de 1 à 4 personnes.
          </p>
        </div>
      </div>
    </div>

    <div class="carrousel-chambres-container-ancestor v2">
      <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-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> 36m<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-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>

          <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>

        </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>