{% extends 'base.html.twig' %}{% block title %}Maison Eiffel - IQ Plasma{% endblock %}{% block description %}Découvrez les bienfaits du IQ Plasma pour stimuler la croissance des cheveux et renforcer les follicules pileux. Traitement naturel et efficace contre la chute de cheveux, réalisé par nos experts à Maison Eiffel, Paris.{% endblock %}{% block keywords %}IQ Plasma, traitement capillaire, croissance des cheveux, chute de cheveux, Maison Eiffel, Paris{% endblock %}{% block og_title %}Maison Eiffel - IQ Plasma{% endblock %}{% block og_description %}Découvrez les bienfaits du IQ Plasma pour stimuler la croissance des cheveux et renforcer les follicules pileux. Traitement naturel et efficace contre la chute de cheveux, réalisé par nos experts à Maison Eiffel, Paris.{% endblock %}{% block stylesheets %} <style rel="stylesheet"> .table-container { width: 100%; max-width: 90%; margin-left: 5%; overflow-x: auto; display: flex; justify-content: center; } .table-wrapper { border: 1px solid #E0C15B; border-radius: 8px; padding: 12px; background-color: #fff; position: relative; width: 100%; } table { width: 100%; border-collapse: collapse; } td { padding: 8px 12px; text-align: left; border-bottom: 1px solid #E0C15B; } .text { font-weight: bold; width: 30%; } .prix, .temps { text-align: right; padding: 8px 4px; } .prix { width: 50%; } .temps { width: 50%; } tr:last-child td { border-bottom: 1px solid #E0C15B; } .legal-notice { font-size: 9px; color: #555; margin-top: 16px; text-align: center; } @media (max-width: 600px) { .table-container { width: 80%; margin-left: 10%; } .table-wrapper { width: 100%; } table { font-size: 14px; } td { padding: 6px 8px; } .text { font-weight: bold; width: auto; } .prix, .temps { width: auto; } } </style>{% endblock %}{% block body %} <div class="mainContainer" id="container-specialtes"> <header class="header"> <div class="header__top"> <p class="adress-top"> <a target="_blank" href="https://www.google.fr/maps/place/Maison+Esth%C3%A9tique/@48.8615633,2.2789474,16.69z/data=!4m6!3m5!1s0x47e66f5e9a727869:0x49ccc3d8e92e5224!8m2!3d48.8614277!4d2.2820639!16s%2Fg%2F11pxx2nfx0?entry=ttu"> <i class='fas fa-map-marker-alt'></i> Nous trouver sur la carte</a> <a href="/avis"> <i class="far fa-star"></i> Avis certifiés</a> </p> </div> <div class="header__main"> <div class="header__main__content"> <a href="{{ path('home') }}" class="logo"> <img src="{{ asset('assets/images/logo.png') }}" alt=""></a> <ul class='menu'> <li> <a href="{{ path('home') }}">Notre centre</a> </li> <li id="menuButton" class="deroul-specialites" onclick="openSpecialites()"> <a>Nos spécialités</a> </li> <li class="deroul-specialites"> <a href="{{ path('besoins') }}">Vos besoins</a> </li> <li> <a href="{{ path('blog') }}">Blog</a> </li> <li> <a href="{{ path('avis') }}">Avis</a> </li> <li class="link-contact"> <a href="{{ path('contact') }}">Contact</a> <div class="link-border-contact"></div> <div class="link-back-contact"></div> </li> </ul> <label class="mobile-menu-btn"> <i class="fas fa-bars" onclick='displayMenu()' id='open'></i> <i class="fas fa-times" onclick='closeMenu()' id='close'></i> </label> <div class="adress"> <div class="adress-box"> <strong> <a href="tel:0153700512" style="color:black;"> <i class="far fa-calendar"></i> 01 53 70 05 12</strong> </a> <br> <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/">Rendez-vous</a> </div> </div> <div class="header__list" id='header__list'> <ul class="menu-mobile"> <li> <a href="{{ path('home') }}">Notre centre</a> </li> <li><a href="{{ path('specialites_microneedling') }}">Microneedling</a></li> <li><a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a></li> <li><a href="{{ path('specialites_peeling') }}">Peeling</a></li> <li><a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie capillaire</a></li> <li><a href="{{ path('specialites_injection') }}">Injection hyaluronique</a></li> <li><a href="{{ path('specialites_toxine') }}">Toxine</a></li> <li><a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a></li> <li><a href="{{ path('specialites_philart') }}">Polynucléotides</a></li> <li><a href="{{ path('specialites_epilation-laser') }}">Épilation laser</a></li> <li><a href="{{ path('specialites_morpheus') }}">Virtu RF</a></li> <li><a href="{{ path('specialites_morpheus') }}">Morpheus</a></li> <li><a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a></li> <li><a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a></li> <li><a href="{{ path('specialites_zaffiro') }}">Zaffiro</a></li> <li><a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment dentaire</a></li> <li><a href="{{ path('specialites_luminotherapie') }}">Luminothérapie</a></li> <li><a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a></li> <li><a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a></li> <li><a href="{{ path('specialites_plasma') }}">Plasma</a></li> <li><a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a></li> <li><a href="{{ path('specialites_prp') }}">PRP</a></li> <li> <a href="{{ path('besoins') }}">Vos besoins</a> </li> <li> <a href="{{ path('blog') }}">Blog</a> </li> <li> <a href="{{ path('avis') }}"> Avis </a> </li> <li> <a href="{{ path('contact') }}"> Contact </a> </li> </ul> </div> </div> <ul class="deroul n1" id="deroulant-spe"> <li> <a href="{{ path('specialites_microneedling') }}">Microneedling</a> </li> <li> <a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a> </li> <li> <a href="{{ path('specialites_peeling') }}">Peeling</a> </li> <li> <a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie Capillaire</a> </li> <li> <a href="{{ path('specialites_injection') }}">Injection hyaluronique</a> </li> <li> <a href="{{ path('specialites_toxine') }}">Toxine</a> </li> <li> <a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a> </li> <li> <a href="{{ path('specialites_philart') }}">Polynucléotides</a> </li> <li> <a href="{{ path('specialites_epilation-laser') }}">Epilation laser</a> </li> <li> <a href="{{ path('specialites_morpheus') }}">Virtu RF</a> </li> <li> <a href="{{ path('specialites_morpheus') }}">Morpheus</a> </li> <li> <a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a> </li> <li> <a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a> </li> <li> <a href="{{ path('specialites_zaffiro') }}">Zaffiro</a> </li> <li> <a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment Dentaire</a> </li> <li> <a href="{{ path('specialites_luminotherapie') }}">Luminotherapie</a> </li> <li> <a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a> </li> <li> <a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a> </li> <li> <a href="{{ path('specialites_plasma') }}">Plasma</a> </li> <li> <a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a> </li> <li> <a href="{{ path('specialites_prp') }}">PRP</a> </li> </ul> </header> <div class="wrapper"> <input type="radio" name="slider" checked id="el"> <input type="radio" name="slider" id="me"> <input type="radio" name="slider" id="hy"> <input type="radio" name="slider" id="sv"> <input type="radio" name="slider" id="sc"> <input type="radio" name="slider" id="tp"> <!--<nav> <label for="el" class="label">Epilation laser</label> <label for="me" class="label">Medecine esthetique</label> <label for="hy" class="label">Hydrafacial</label> <label for="sv" class="lanel">Soins Visages</label> <label for="sc" class="label">Soins capillaires</label> <label for="tp" class="label">Traitements de peau</label> <div class="slider"></div> </nav>--> </div> <section style="padding-top:130px;"> <div class="about-us"> <div class="container-about-infos"> <div class="about-info" data-aos="fade-right" data-aos-duration="1500"> <h2 class="title-about">Le IQ Plasma</h2> <p class='about-text'> Le laser plasmatique induit une rétractation et un resserrement des tissus cutanés, notamment au niveau du tiers supérieur du visage, de la lèvre supérieure, des rides du cou et du décolleté, des rides de l’oreille ainsi que des cicatrices d’acné. </p> </div> </div> <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500"> <div class="video-container-test" style="text-align: center;"> <video controls autoplay muted loop width="600"> <source src="{{asset('assets/videos/19_PRP.mp4')}}" type="video/mp4"> Your browser does not support the video tag. </video> </div> </div> </div> <div class="detail-circle-container"> <div class="detail-circle"> <h3 class="details-circle-title">Éviction Sociale</h3> <p class="details-circle-text">Oui</p> </div> <div class="detail-circle"> <h3 class="details-circle-title">Douleur</h3> <p class="details-circle-text">6/10</p> </div> <div class="detail-circle circle-price" onclick="window.location='#section-price';"> <h3 class="details-circle-title">Coût</h3> <p class="details-circle-text">Voir grille</p> </div> <div class="detail-circle"> <h3 class="details-circle-title">Durabilité</h3> <p class="details-circle-text">3 ans</p> </div> </div> <div class="detail-timeline-containers"> <div class="detail-timeline detail-timeline-long"> <div class="detail-timeline-event detail-timeline-event-first"> <h4 class="detail-timeline-title">Séance<br/>n°1</h4> <p class="detail-timeline-text">j-0</p> </div> <div class="detail-timeline-event"> <h4 class="detail-timeline-title">Séance<br/>n°2</h4> <p class="detail-timeline-text">j-10</p> </div> <div class="detail-timeline-event"> <h4 class="detail-timeline-title">Séance<br/>n°3</h4> <p class="detail-timeline-text">j-28</p> </div> <div class="detail-timeline-event detail-timeline-event-last"> <h4 class="detail-timeline-title">Nouvelle séance entretien</h4> <p class="detail-timeline-text">3 ans</p> </div> <div class="detail-timeline-arrow"> <div class="detail-timeline-arrow-line"></div> <div class="detail-timeline-arrow-line"></div> </div> <div class="detail-timeline-arrow"> <div class="detail-timeline-arrow-line"></div> <div class="detail-timeline-arrow-line"></div> </div> </div> </div> </section> <section class="section-doctor specialite"> <div class="container-img-doctor" data-aos="fade-right" data-aos-duration="1500"> <img class="doctor-img specialite" src="{{ asset('assets/spe/plasma/1.png') }}" alt="docteur"/> <div class="square-border-doctor specialite"></div> </div> <div class="container-info-doctor" data-aos="fade-left" data-aos-duration="1500"> <h1 class="title-doctor specialite">Déroulé du soin</h1> <ul> <li> <div class="circle"> 1 </div> Nettoyage de la zone </li> <li> <div class="circle"> 2 </div> Séchage </li> <li> <div class="circle"> 3 </div> Traitement au laser Plasma </li> <li> <div class="circle"> 4 </div> Nettoyage après la séance avec antiseptique </li> <li> <div class="circle"> 5 </div> Application d’un masque Hydrocalmant </li> </ul> </div> <div class="square-border-info n1"></div> <div class="square-border-info n2"></div> </section> <!-- <div class="inner"> <div class="inner__text"> <div class="inner__text__content"> <h2 class="subtitle" data-aos="fade-right" data-aos-duration="1500"> Des traitements adaptes </h2> <p class="text" data-aos="fade-right" data-aos-duration="1500"> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum exercitationem quos! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Mollitia, doloribus? Tenetur totam laboriosam cupiditate accusantium nam, maiores, animi ratione iusto dolore illo dolor nihil ad ipsum aspernatur illum exercitationem quos! </p> </div> </div> <div class="inner__image" data-aos="fade-left" data-aos-duration="1500"> <div class="inner__image__content"> <div class="item"> <img src="{{ asset('assets/pictos/skincare.svg') }}" alt=""> <span>Hydrafacial</span> </div> <div class="item"> <img src="{{ asset('assets/pictos/organ-nose.svg') }}" alt=""> <span>Mesotherapie</span> </div> <div class="item"> <img src="{{ asset('assets/pictos/hair-root-skin.svg') }}" alt=""> <span>Peeling</span> </div> </div> </div> </div> --> <div class="about-us nosBesoin"> <div class="container-about-infos"> <div class="about-info" data-aos="fade-right" data-aos-duration="1500"> <h2 class="title-about">Optimisation du soin</h2> <p class="about-text besoin"> Il est recommandé d’éviter toute exposition au soleil durant les deux semaines précédant la séance. Pendant les 48 heures suivant le traitement, il convient d’éviter le sport intensif, la chaleur, la vapeur ainsi que l’exposition au soleil. Après ce délai, appliquez un écran solaire dès le matin et utilisez les crèmes de jour et de nuit prescrites par le docteur, tout en évitant le maquillage pendant une semaine. Passé ce délai d’une semaine, le maquillage peut être utilisé pour camoufler les rougeurs, tout en poursuivant l’application d’une crème solaire pendant au moins deux mois. </p> <br/> </div> </div> <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500"> <img class="about-img" src="{{ asset('assets/spe/plasma/2.png') }}" alt="image d'illustration centre"/> <div class="about-border-square"></div> </div> </div> <!-- <div class="inner"> <div class="inner__image" data-aos="fade-right" data-aos-duration="1500"> <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt=""> </div> <div class="inner__text" data-aos="fade-left" data-aos-duration="1500"> <h2 class="subtitle"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. </h2> <p class="text"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem</div> </div> --> <div class="about-us specialite"> <div class="container-about-infos"> <div class="about-info" data-aos="fade-left" data-aos-duration="1500"> <h2 class="title-about">Suis-je éligible ?</h2> <p class='about-text'> Le soin ne me sera pas proposé dans les cas suivants :<br/><br/> - Lésions inflammatoires ou infectieuses aigües sur la zone de traitement : Herpes, infection, psoriasis, eczéma <br/> - Pacemaker <br/> - Implant métallique dans la zone de traitement <br /> - Troubles de la coagulation, traitements anti coagulants, angiome, tatouages sur la zone de traitement <br /> - Phototypes foncés <br /> - Grossesse </p> </div> </div> <div class="about-image-container" data-aos="fade-right" data-aos-duration="1500"> <img class="about-img" src="{{ asset('assets/spe/plasma/3.png') }}" alt="image d'illustration centre"/> <div class="about-border-square"></div> </div> </div> <br/> <div class="about-us nosBesoin"> <div class="container-about-infos"> <div class="about-info" data-aos="fade-right" data-aos-duration="1500"> <h2 class="title-about">En résumé</h2> <br/> <p class="about-text besoin"> Le IQ Plasma est une technique innovante permettant de lisser et retendre la peau froissée ou abîmée sans recourir à la chirurgie. Grâce à un microfaisceau d’énergie plasmatique qui provoque une ionisation localisée, la peau se rétracte de manière ciblée sans endommager les tissus environnants. Ce traitement minimalement invasif offre des résultats visibles en 1 à 3 séances selon les cas, avec des effets pouvant durer jusqu’à 3 ans. De plus en plus utilisée, cette méthode constitue une alternative plus simple aux solutions chirurgicales et permet de réduire considérablement le temps d’éviction sociale. </p> <br/> </div> </div> <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500"> <img class="about-img" src="{{ asset('assets/spe/plasma/4.png') }}" alt="image d'illustration centre"/> <div class="about-border-square"></div> </div> </div> <!-- <div class="inner" data-aos="fade-right" data-aos-duration="1500"> <div class="inner__text"> <h2 class="subtitle"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. </h2> <p class="text"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua </p> <ul> <li> <div class="circle"> > </div> Lorem ipsum dolor sit amet, consetetu </li> <li> <div class="circle"> > </div> Lorem ipsum dolor sit amet, consetetu </li> <li> <div class="circle"> > </div> Lorem ipsum dolor sit amet, consetetu </li> <li> <div class="circle"> > </div> Lorem ipsum dolor sit amet, consetetu </li> <li> <div class="circle"> > </div> Lorem ipsum dolor sit amet, consetetu </li> </ul> </div> <div class="inner__image" data-aos="fade-left" data-aos-duration="1500"> <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt=""> </div> </div> --> <div class="price" data-aos="fade-up" data-aos-duration="1500" id="section-price"> <h2 class="title-about"> Notre grille tarifaire </h2> <div class="table-container"> <div class="table-wrapper"> <table> <tbody> <tr> <td class="text">Lèvres Supérieures</td> <td class="prix">250€</td> <td class="temps">60 min</td> </tr> <tr> <td class="text">Ride du Front</td> <td class="prix">250€</td> <td class="temps">60 min</td> </tr> <tr> <td class="text">Sillons Naso-Géniens</td> <td class="prix">250€</td> <td class="temps">60 min</td> </tr> <tr> <td class="text">Paupières Inférieures</td> <td class="prix">350€</td> <td class="temps">60 min</td> </tr> <tr> <td class="text">Paupières Supérieures</td> <td class="prix">350€</td> <td class="temps">60 min</td> </tr> <tr> <td class="text">Cou Petite Zone</td> <td class="prix">400€</td> <td class="temps">1h50</td> </tr> <tr> <td class="text">Cou Moyenne Zone</td> <td class="prix">600€</td> <td class="temps">2h55</td> </tr> <tr> <td class="text">Paupières Supérieures et Inférieures</td> <td class="prix">700€</td> <td class="temps">1h50</td> </tr> <tr> <td class="text">Cou Grande Zone</td> <td class="prix">900€</td> <td class="temps">3h40</td> </tr> </tbody> </table> <div class="legal-notice"> <p>Tous les tarifs affichés sont TTC (Toutes Taxes Comprises).<br> La prestation délivrée par votre professionnel de santé ne fait pas l’objet d’un conventionnement. Dès lors, elle n’est pas prise en charge par la sécurité sociale. Le montant des honoraires doit cependant être déterminé avec tact et mesure.</p> </div> </div> </div> <br> <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/" target="_blank"> <button class="container-buttonBorder"> <p class="buttonBorder">Prendre rendez-vous</p> <p class="border-buttonBorder"></p> <p class="back-buttonBorder"></p> </button> </a> </div> <br> <br> <footer> <div class="footerNew-container"> <div class="footerNew-left"> <div class="footerNew-contact-info"> <div class="footerNew-contact-item"> <div class="footerNew-icon-circle"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"> <path d="M21 15.8V18a2 2 0 0 1-2 2h-1a16.009 16.009 0 0 1-13-13V5a2 2 0 0 1 2-2h2.2a1 1 0 0 1 1 .76l.72 3.18a1 1 0 0 1-.27.95L8.53 9.47a12 12 0 0 0 6 6l1.58-1.58a1 1 0 0 1 .95-.27l3.18.72a1 1 0 0 1 .76 1Z" /> </svg> </div> <a href="tel:0153700512"> 01 53 70 05 12</a> </div> <div class="footerNew-contact-item"> <div class="footerNew-icon-circle"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"> <path d="M21 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2m18 0v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8m18 0L12 13 3 8" /> </svg> </div> <a href="mailto:contact@maison-eiffel-esthetique.fr">Envoyez-nous un message</a> </div> <div class="footerNew-contact-item"> <div class="footerNew-icon-circle"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="white" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"> <path d="M12 2a10 10 0 0 1 10 10c0 7.5-10 10-10 10S2 19.5 2 12A10 10 0 0 1 12 2Z" /> <circle cx="12" cy="12" r="3" /> </svg> </div> <a href="#">Nous trouver</a> </div> </div> </div> <div class="footerNew-right"> <div class="footerNew-column"> <h4>Nos spécialités</h4> <ul> <li><a href="/specialites/epilation-laser">Épilation laser</a></li> <li><a href="/specialites/hydrafacial">Hydrafacial</a></li> <li><a href="/specialites/injection">Injection</a></li> <li><a href="#">Polynucléotides</a></li> <li><a href="/specialites/morpheus">Morpheus</a></li> <li><a href="#">Virtu RF</a></li> </ul> </div> <div class="footerNew-column"> <h4>Vos besoins</h4> <ul class="footerNew-dropdown"> <li> <button class="footerNew-dropdown-button">Qualité de peau</button> <ul class="footerNew-submenu"> <li><a href="/specialites/peeling">Peeling</a></li> <li><a href="/specialites/laser-resurfacing">Laser resurfacing</a></li> <li><a href="/specialites/hydrafacial">Hydrafacial</a></li> <li><a href="/specialites/microneedling">Microneedling</a></li> </ul> </li> <li> <button class="footerNew-dropdown-button">Relâchement cutané</button> <ul class="footerNew-submenu"> <li><a href="/specialites/virturf">Virtu RF</a></li> </ul> </li> <li> <button class="footerNew-dropdown-button">Vieillissement cutané</button> <ul class="footerNew-submenu"> <li><a href="/specialites/philart">Philart</a></li> </ul> </li> <li> <button class="footerNew-dropdown-button">Densité des cheveux</button> <ul class="footerNew-submenu"> <li><a href="/specialites/philart">Polynucléotides cheveux (Philart Mésothérapie)</a></li> </ul> </li> <li> <button class="footerNew-dropdown-button">Amincissement</button> <ul class="footerNew-submenu"> <li><a href="/specialites/cryolipolyse">Cryolipolyse</a></li> </ul> </li> <li> <button class="footerNew-dropdown-button">Rides et ridules</button> <ul class="footerNew-submenu"> <li><a href="#">Philart</a></li> <li><a href="/specialites/morpheus">Morpheus</a></li> <li><a href="#">Injections et Toxine</a></li> </ul> </li> </ul> </div> <div class="footerNew-column"> <h4>Actualités</h4> <ul> <li><a href="/article/morpheus-une-avancee-spectaculaire-dans-le-domaine-de-la-beaute-a-tester-a-la-maison-eiffel">Morpheus : Une avancée spectaculaire</a></li> <li><a href="/article/le-centre-esthetique-maison-eiffel-recommande-4-soins-pour-avoir-une-peau-lumineuse-en-plein-hiver">4 soins pour une peau lumineuse</a></li> <li><a href="/article/les-3-soins-stars-de-la-parisienne-pour-bien-commencer-la-saison">Les 3 soins stars</a></li> <li><a href="/article/lasers-peeling-radiofrequence-des-traitements-de-reference-pour-une-peau-parfaite">Traitements de référence pour une peau parfaite</a></li> </ul> </div> </div> </div> <div class="footerNew-bottom"> <p>© 2024 | <a href="/mentions-legales">Mentions légales</a> | <a href="/politique-de-confidentialite">Politique de confidentialité</a></p> </div> </footer> </div> <script src="public/js/script.js"></script> <script src="https://unpkg.com/aos@next/dist/aos.js"></script> <script> AOS.init(); </script> <script> function openSpecialites() { const menu = document.getElementById('deroulant-spe'); // Toggle le menu if(menu.style.display === "none" || menu.style.display === "") { menu.style.display = 'block'; // Ajoute un écouteur pour détecter les clics en dehors document.addEventListener('click', closeOnClickOutside); } else { menu.style.display = 'none'; document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur } } // Fonction qui ferme le menu si on clique à l'extérieur function closeOnClickOutside(event) { const menu = document.getElementById('deroulant-spe'); const button = document.getElementById('menuButton'); // Le bouton qui ouvre le menu // Si l'élément cliqué n'est pas le menu ni le bouton, on referme le menu if (!menu.contains(event.target) && !button.contains(event.target)) { menu.style.display = 'none'; document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur } } document.querySelectorAll('.footerNew-dropdown-button').forEach(button => { button.addEventListener('click', () => { const parentLi = button.parentElement; // Toggle active class parentLi.classList.toggle('active'); // Close other open menus (optional, for better UX) document.querySelectorAll('.footerNew-dropdown li').forEach(li => { if (li !== parentLi) { li.classList.remove('active'); } }); }); });</script> {% endblock %}