C'est avec tristesse que l'établissement doit fermer ses portes à partir de vendredi 30/10 pour une durée encore indéterminée suite au reconfinement.

Hâte de vous revoir.

En attendant, prenez soin de vous et de vos proches.

Ancien code site css html

<section class="zvSec5">
<h2 class="zvH5">L’Univers Bohème Floral</h2>
<p class="zvP5">Découvrez notre ambiance unique : douceur, fleurs, lumière et détails raffinés. Chaque instant dans notre institut est pensé pour vous émerveiller.</p>

<div class="zvSlider5">
<div class="zvSlideTrack5">
<div class="zvSlide5">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768221247/Boheme_Floral_22_aintxw.jpg" alt="">
<div class="zvOverlay5"><h3>Moment Relax</h3><p>Profitez d’un espace de détente dans un décor floral et apaisant.</p></div>
</div>
<div class="zvSlide5">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768221248/Boheme_Floral_44_yttkuh.jpg" alt="">
<div class="zvOverlay5"><h3>Soins Douceur</h3><p>Des soins personnalisés pour révéler votre beauté naturelle.</p></div>
</div>
<div class="zvSlide5">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768221245/Boheme_Floral_3_wwf4hg.jpg" alt="">
<div class="zvOverlay5"><h3>Énergie Florale</h3><p>Laissez-vous envelopper par une atmosphère bohème et florale.</p></div>
</div>
<div class="zvSlide5">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768221245/Boheme_Floral_17_s5ajr7.jpg" alt="">
<div class="zvOverlay5"><h3>Bien-être Total</h3><p>Chaque détail est pensé pour votre confort et sérénité.</p></div>
</div>
<div class="zvSlide5">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768221245/Boheme_Floral_4_mjvlfj.jpg" alt="">
<div class="zvOverlay5"><h3>Décor Naturel</h3><p>Fleurs, bois et lumière tamisée pour un moment unique.</p></div>
</div>

<div class="zvSlide5">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768221247/Boheme_Floral_22_aintxw.jpg" alt="">
<div class="zvOverlay5"><h3>Moment Relax</h3><p>Profitez d’un espace de détente dans un décor floral et apaisant.</p></div>
</div>
<div class="zvSlide5">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768221248/Boheme_Floral_44_yttkuh.jpg" alt="">
<div class="zvOverlay5"><h3>Soins Douceur</h3><p>Des soins personnalisés pour révéler votre beauté naturelle.</p></div>
</div>
</div>
</div>
</section>

L’Univers Bohème Floral

<section class="header-video">
<video autoplay muted loop>
<source src="https://res.cloudinary.com/wavy/video/upload/v1767867229/AdobeStock_1542081791_wu9udg.mp4" type="video/mp4">
Votre navigateur ne supporte pas les vidéos HTML5.
</video>
<div class="header-overlay">
<h1>Institut Floral Bohème</h1>
<p>Offrez-vous un moment de détente et de beauté dans une ambiance florale et bohème unique.</p>
<div class="btn-container">
<a href="#services" class="btn">Nos Services</a>
<a href="#reservation" class="btn">Réserver</a>
<a href="#avis" class="btn">Avis Clients</a>
</div>
<div class="socials">
<a href="#"><img src="https://res.cloudinary.com/wavy/image/upload/v1765189653/instagram_sikzta.png" alt="Instagram"></a>
<a href="#"><img src="https://res.cloudinary.com/wavy/image/upload/v1765189653/facebook_fhpmeg.png" alt="Facebook"></a>
<a href="#"><img src="https://res.cloudinary.com/wavy/image/upload/v1765189653/linkedin_kcfsgs.png" alt="LinkedIn"></a>
<a href="#"><img src="https://res.cloudinary.com/wavy/image/upload/v1765189653/tiktok_iihkjl.png" alt="TikTok"></a>
</div>
</div>
</section>

<section class="zvSec1">
<div class="zvCont1">
<div class="zvTxt1">
<h2 class="zvH2">Beauté & Bien-être Bohème</h2>
<p class="zvP1">Plongez dans un univers apaisant où floraison, douceur et relaxation se rencontrent. Notre institut vous accompagne dans votre beauté naturelle.</p>
<div class="zvBtns1">
<a href="#services" class="zvBtn1">Nos Services</a>
<a href="#reservation" class="zvBtn2">Réserver</a>
</div>
</div>
<div class="zvImgBox1">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768211280/AdobeStock_268463488_zhgbil.webp" alt="Institut floral bohème">
</div>
</div>
</section>

<section class="zvSec2">
<div class="zvCont2">
<div class="zvImgBox2">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768211279/AdobeStock_287673522_k1jaac.jpg" alt="Beauté naturelle bohème">
</div>
<div class="zvTxt2">
<h2 class="zvH22">Nature & Harmonie</h2>
<p class="zvP2">Chaque soin est pensé pour révéler votre éclat intérieur grâce à des gestes experts et un environnement inspiré par la nature.</p>
<div class="zvBtns2">
<a href="#services" class="zvBtn1">Découvrir</a>
<a href="#reservation" class="zvBtn2">Prendre RDV</a>
</div>
</div>
</div>
</section>

<section class="zvSec3">
<div class="zvWrap3">
<div class="zvTxt3">
<h2 class="zvH3">Votre espace beauté bohème</h2>
<p class="zvP3">Explorez un cocon chaleureux mêlant nature, fleurs séchées, matières douces et lumière tamisée. Notre institut vous accueille pour un moment de soin, de calme et d’harmonie avec votre beauté naturelle.</p>
<p class="zvP3b">📞 06 34 03 42 37<br>📍 91 Bis Rue des Bourguignons - 92270 Bois-Colombes</p>
<div class="zvBtns3">
<a href="#services" class="zvBtn1">Voir nos services</a>
<a href="#reservation" class="zvBtn2">Réserver</a>
</div>
</div>
<div class="zvGallery3">
<div class="zvImgItem3"><img src="https://res.cloudinary.com/wavy/image/upload/v1768213357/boh%C3%A8me-floral_4_g2ni9l.jpg" alt=""></div>
<div class="zvImgItem3"><img src="https://res.cloudinary.com/wavy/image/upload/v1768213357/boh%C3%A8me-floral_1_lnmr2r.jpg" alt=""></div>
<div class="zvImgItem3"><img src="https://res.cloudinary.com/wavy/image/upload/v1768213357/boh%C3%A8me-floral_2_ujwzbr.jpg" alt=""></div>
<div class="zvImgItem3"><img src="https://res.cloudinary.com/wavy/image/upload/v1768213357/boh%C3%A8me-floral_3_ptgidw.jpg" alt=""></div>
</div>
</div>
</section>

<section class="zvMapSec">
<h2 class="zvH3 zvCenter3">Nous trouver facilement</h2>
<div class="zvMapBox">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2621.9647667345157!2d2.2755686531646724!3d48.91606352381493!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e665adad24ef7f%3A0x5000ffc0db154d15!2sC%26L%20Nail&#39;s%2037!5e0!3m2!1sen!2stn!4v1768213397692!5m2!1sen!2stn" width="100%" height="450" style="border:0;" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>

<section class="zvSec4">
<div class="zvWrap4">
<h2 class="zvH4">Notre Équipe</h2>
<p class="zvP4">Une équipe aux doigts de fée : Institut Floral Bohème vous accueille avec passion, énergie et sensibilité pour un moment unique de bien‑être.</p>

<div class="zvTeamCircle4">

<div class="zvMemberCircle4">
<div class="zvImgCircle4"><img src="https://res.cloudinary.com/wavy/image/upload/v1768220619/boh%C3%A8me-floral_1_ztmq7m.webp" alt="Aurélia Fondatrice"></div>
<h3 class="zvName4">Aurélia — Fondatrice</h3>
<p class="zvDesc4">Solaire, empathique et créative. Elle partage douceur, écoute et moments de détente à chaque soin.</p>
<ul class="zvSkills4">
<li>Écoute</li>
<li>Créativité</li>
<li>Bienveillance</li>
</ul>
</div>

<div class="zvMemberCircle4">
<div class="zvImgCircle4"><img src="https://res.cloudinary.com/wavy/image/upload/v1768220618/boh%C3%A8me-floral_2_rr9d1h.webp" alt="Élodie Coéquipière"></div>
<h3 class="zvName4">Élodie — Coéquipière</h3>
<p class="zvDesc4">Rayon de soleil de l’institut : dynamique, spontanée et toujours souriante. Son humour rend chaque visite agréable.</p>
<ul class="zvSkills4">
<li>Bonne humeur</li>
<li>Professionnalisme</li>
</ul>
</div>

<div class="zvMemberCircle4">
<div class="zvImgCircle4"><img src="https://res.cloudinary.com/wavy/image/upload/v1768220618/boh%C3%A8me-floral_3_fsafzb.webp" alt="Alicia Alternante"></div>
<h3 class="zvName4">Alicia — Alternante</h3>
<p class="zvDesc4">Jeune talent en CAP Esthétique, attentionnée et enthousiaste, elle partage les valeurs de l’institut à chaque soin.</p>
<ul class="zvSkills4">
<li>Jeune talent</li>
<li>Attentionnée</li>
</ul>
</div>

</div>

<div class="zvBtns4">
<a href="#services" class="zvBtn1">Voir nos services</a>
<a href="#reservation" class="zvBtn2">Réserver</a>
</div>

</div>
</section>




<section class="bfSection">
<h2 class="bfTitle">Institut Floral Bohème</h2>
<p class="bfDesc">Chaque instant dans notre institut est pensé pour éveiller vos sens et vous immerger dans un monde floral et poétique.</p>

<div class="bfMosaic">
<div class="bfItem bfItem1">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768221762/boh%C3%A8me-floral-fin_3_jkrwtw.jpg" alt="Moment Relax">
<div class="bfOverlay">
<h3>Moment Relax</h3>
<p>Un instant pour se détendre et se reconnecter avec soi-même dans un cadre bohème floral.</p>
<a href="#reservation" class="bfBtn">Réserver</a>
</div>
</div>

<div class="bfItem bfItem2">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768221763/boh%C3%A8me-floral-fin_1_hn3p1k.jpg" alt="Soins Douceur">
<div class="bfOverlay">
<h3>Soins Douceur</h3>
<p>Des soins sur-mesure pour révéler l’éclat de votre peau et votre bien-être.</p>
<a href="#services" class="bfBtn">Voir nos services</a>
</div>
</div>

<div class="bfItem bfItem3">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768221762/boh%C3%A8me-floral-fin_2_yjqsea.jpg" alt="Ambiance Florale">
<div class="bfOverlay">
<h3>Ambiance Florale</h3>
<p>Laissez-vous transporter par une atmosphère bohème et poétique unique.</p>
<a href="#services" class="bfBtn">Découvrir</a>
</div>
</div>

<div class="bfItem bfItem4">
<img src="https://res.cloudinary.com/wavy/image/upload/v1768222135/Love_in_the_hair-bandeau_contenu_h5cvkk.jpg" alt="Éclat et Douceur">
<div class="bfOverlay">
<h3>Éclat et Douceur</h3>
<p>Un soin complet pour sublimer votre beauté et illuminer votre journée.</p>
<a href="#services" class="bfBtn">Découvrir</a>
</div>
</div>

</div>
</section>


<section class="bfVideoSection bfVideo1">
<video autoplay muted loop class="bfVideoBg">
<source src="https://res.cloudinary.com/wavy/video/upload/v1768223455/AdobeStock_1621598275_zrwkma.mp4" type="video/mp4">
Votre navigateur ne supporte pas les vidéos HTML5.
</video>
<div class="bfVideoOverlay">
<h2 class="bfVideoTitle">Découvrez nos prestations</h2>
<a href="#services" class="bfVideoBtn">CARTE DES SERVICES</a>
</div>
</section>


<div class="bfVideoSeparator"></div>


<section class="bfVideoSection bfVideo2">
<video autoplay muted loop class="bfVideoBg">
<source src="https://res.cloudinary.com/wavy/video/upload/v1768223446/AdobeStock_1628649111_rlidur.mp4" type="video/mp4">
Votre navigateur ne supporte pas les vidéos HTML5.
</video>
<div class="bfVideoOverlay">
<h2 class="bfVideoTitle">Laissez un message</h2>
<a href="#contact" class="bfVideoBtn">CONTACT</a>
</div>
</section>

<footer class="bfFooter">
<div class="bfFooterContainer">
<div class="bfFooterInfo">
<h3 class="bfFooterTitle">Institut Floral Bohème</h3>
<p class="bfFooterText">01 75 45 61 47<br>7 Rue Ampère - 78140 Vélizy-Villacoublay</p>
</div>
<div class="bfFooterNav">
<h4 class="bfFooterNavTitle">Pages</h4>
<ul>
<li><a href="#accueil">Accueil</a></li>
<li><a href="#services">Carte des services</a></li>
<li><a href="#contact">Accès/contact</a></li>
<li><a href="#photos">Photos</a></li>
<li><a href="#equipe">Équipe</a></li>
</ul>
</div>
<div class="bfFooterSocials">
<h4 class="bfFooterNavTitle">Réseaux sociaux</h4>
<div class="bfSocialIcons">
<a href="#"><img src="https://res.cloudinary.com/wavy/image/upload/v1765189653/instagram_sikzta.png" alt="Instagram"></a>
<a href="#"><img src="https://res.cloudinary.com/wavy/image/upload/v1765189653/facebook_fhpmeg.png" alt="Facebook"></a>
<a href="#"><img src="https://res.cloudinary.com/wavy/image/upload/v1765189653/linkedin_kcfsgs.png" alt="LinkedIn"></a>
<a href="#"><img src="https://res.cloudinary.com/wavy/image/upload/v1765189653/tiktok_iihkjl.png" alt="TikTok"></a>
</div>
</div>
</div>
<p class="bfFooterCopy">© 2026 Institut Floral Bohème. Tous droits réservés.</p>

<div class="bfParticles">
<div class="petal petal1"></div>
<div class="petal petal2"></div>
<div class="petal petal3"></div>
<div class="petal petal4"></div>
<div class="petal petal5"></div>
</div>
</footer>