templates/specilites/injection.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Maison Eiffel - Injection{% endblock %}
  3. {% block description %}Découvrez les bienfaits de nos injections esthétiques pour un visage rajeuni et éclatant. Nos traitements personnalisés ciblent les rides et les signes de l'âge, offrant des résultats naturels et durables. Prenez rendez-vous dès aujourd'hui pour une consultation gratuite et retrouvez votre confiance en vous avec Maison Eiffel Esthétique.{% endblock %}
  4. {%    block keywords %}injection, botox, acide hyaluronique, rides, rajeunissement, esthétique, maison eiffel{% endblock %}
  5. {% block og_title %}Maison Eiffel - Injection{% endblock %}
  6. {% block og_description %}Découvrez les bienfaits de nos injections esthétiques pour un visage rajeuni et éclatant. Nos traitements personnalisés ciblent les rides et les signes de l'âge, offrant des résultats naturels et durables. Prenez rendez-vous dès aujourd'hui pour une consultation gratuite et retrouvez votre confiance en vous avec Maison Eiffel Esthétique.{% endblock %}
  7. {% block stylesheets %}
  8.     <style rel="stylesheet">
  9.         .table-container {
  10.             width: 100%;
  11.             max-width: 90%;
  12.             margin-left: 5%;
  13.             overflow-x: auto;
  14.             display: flex;
  15.             justify-content: center;
  16.         }
  17.         .table-wrapper {
  18.             border: 1px solid #E0C15B;
  19.             border-radius: 8px;
  20.             padding: 12px;
  21.             background-color: #fff;
  22.             position: relative;
  23.             width: 100%;
  24.         }
  25.         table {
  26.             width: 100%;
  27.             border-collapse: collapse;
  28.         }
  29.         td {
  30.             padding: 8px 12px;
  31.             text-align: left;
  32.             border-bottom: 1px solid #E0C15B;
  33.         }
  34.         .text {
  35.             font-weight: bold;
  36.             width: 30%;
  37.         }
  38.         .prix, .temps {
  39.             text-align: right;
  40.             padding: 8px 4px;
  41.         }
  42.         .prix {
  43.             width: 50%;
  44.         }
  45.         .temps {
  46.             width: 50%;
  47.         }
  48.         tr:last-child td {
  49.             border-bottom: 1px solid #E0C15B;
  50.         }
  51.         .legal-notice {
  52.             font-size: 9px;
  53.             color: #555;
  54.             margin-top: 16px;
  55.             text-align: center;
  56.         }
  57.         @media (max-width: 600px) {
  58.             .table-container {
  59.                 width: 80%;
  60.                 margin-left: 10%;
  61.             }
  62.             .table-wrapper {
  63.                 width: 100%;
  64.             }
  65.             table {
  66.                 font-size: 14px;
  67.             }
  68.             td {
  69.                 padding: 6px 8px;
  70.             }
  71.             .text {
  72.                 font-weight: bold;
  73.                 width: auto;
  74.             }
  75.             .prix, .temps {
  76.                 width: auto;
  77.             }
  78.         }
  79.     </style>
  80. {% endblock %}
  81. {% block body %}
  82.     <div class="mainContainer" id="container-specialtes">
  83.         <header class="header">
  84.             <div class="header__top">
  85.                 <p class="adress-top">
  86.                     <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">
  87.                         <i class='fas fa-map-marker-alt'></i>
  88.                         Nous trouver sur la carte</a>
  89.                     <a href="/avis">
  90.                         <i class="far fa-star"></i>
  91.                         Avis certifiés</a>
  92.                 </p>
  93.             </div>
  94.             <div class="header__main">
  95.                 <div class="header__main__content">
  96.                     <a href="{{ path('home') }}" class="logo">
  97.                         <img src="{{ asset('assets/images/logo.png') }}" alt=""></a>
  98.                     <ul class='menu'>
  99.                         <li>
  100.                             <a href="{{ path('home') }}">Notre centre</a>
  101.                         </li>
  102.                         <li id="menuButton" class="deroul-specialites" onclick="openSpecialites()">
  103.                             <a>Nos spécialités</a>
  104.                         </li>
  105.                         <li class="deroul-specialites">
  106.                             <a href="{{ path('besoins') }}">Vos besoins</a>
  107.                         </li>
  108.                         <li>
  109.                             <a href="{{ path('blog') }}">Blog</a>
  110.                         </li>
  111.                         <li>
  112.                             <a href="{{ path('avis') }}">Avis</a>
  113.                         </li>
  114.                         <li class="link-contact">
  115.                             <a href="{{ path('contact') }}">Contact</a>
  116.                             <div class="link-border-contact"></div>
  117.                             <div class="link-back-contact"></div>
  118.                         </li>
  119.                     </ul>
  120.                     <label class="mobile-menu-btn">
  121.                         <i class="fas fa-bars" onclick='displayMenu()' id='open'></i>
  122.                         <i class="fas fa-times" onclick='closeMenu()' id='close'></i>
  123.                     </label>
  124.                     <div class="adress">
  125.                         <div class="adress-box">
  126.                             <strong>
  127.                                 <a href="tel:0153700512" style="color:black;">
  128.                                     <i class="far fa-calendar"></i>
  129.                                     01 53 70 05 12</strong>
  130.                             </a>
  131.                             <br>
  132.                             <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/">Rendez-vous</a>
  133.                         </div>
  134.                     </div>
  135.                     <div class="header__list" id='header__list'>
  136.                         <ul class="menu-mobile">
  137.                             <li>
  138.                                 <a href="{{ path('home') }}">Notre centre</a>
  139.                             </li>
  140.                             <li><a href="{{ path('specialites_microneedling') }}">Microneedling</a></li>
  141.                             <li><a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a></li>
  142.                             <li><a href="{{ path('specialites_peeling') }}">Peeling</a></li>
  143.                             <li><a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie capillaire</a></li>
  144.                             <li><a href="{{ path('specialites_injection') }}">Injection hyaluronique</a></li>
  145.                             <li><a href="{{ path('specialites_toxine') }}">Toxine</a></li>
  146.                             <li><a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a></li>
  147.                             <li><a href="{{ path('specialites_philart') }}">Polynucléotides</a></li>
  148.                             <li><a href="{{ path('specialites_epilation-laser') }}">Épilation laser</a></li>
  149.                             <li><a href="{{ path('specialites_morpheus') }}">Virtu RF</a></li>
  150.                             <li><a href="{{ path('specialites_morpheus') }}">Morpheus</a></li>
  151.                             <li><a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a></li>
  152.                             <li><a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a></li>
  153.                             <li><a href="{{ path('specialites_zaffiro') }}">Zaffiro</a></li>
  154.                             <li><a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment dentaire</a></li>
  155.                             <li><a href="{{ path('specialites_luminotherapie') }}">Luminothérapie</a></li>
  156.                             <li><a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a></li>
  157.                             <li><a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a></li>
  158.                             <li><a href="{{ path('specialites_plasma') }}">Plasma</a></li>
  159.                             <li><a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a></li>
  160.                             <li><a href="#">PRP</a></li>
  161.                             <li>
  162.                                 <a href="{{ path('besoins') }}">Vos besoins</a>
  163.                             </li>
  164.                             <li>
  165.                                 <a href="{{ path('blog') }}">Blog</a>
  166.                             </li>
  167.                             <li>
  168.                                 <a href="{{ path('avis') }}">
  169.                                     Avis
  170.                                 </a>
  171.                             </li>
  172.                             <li>
  173.                                 <a href="{{ path('contact') }}">
  174.                                     Contact
  175.                                 </a>
  176.                             </li>
  177.                         </ul>
  178.                     </div>
  179.                 </div>
  180.                 <ul class="deroul n1" id="deroulant-spe">
  181.                                     <li>
  182.                                         <a href="{{ path('specialites_microneedling') }}">Microneedling</a>  
  183.                                     </li>
  184.                                     <li>
  185.                                         <a href="{{ path('specialites_hydrafacial') }}">Hydrafacial</a>
  186.                                     </li>
  187.                                     <li>
  188.                                         <a href="{{ path('specialites_peeling') }}">Peeling</a>
  189.                                     </li>
  190.                                     <li>
  191.                                         <a href="{{ path('specialites_mesotherapie-capillaire') }}">Mésothérapie Capillaire</a>
  192.                                     </li>
  193.                                     <li>
  194.                                         <a href="{{ path('specialites_injection') }}">Injection hyaluronique</a>
  195.                                     </li>
  196.                                     <li>
  197.                                         <a href="{{ path('specialites_toxine') }}">Toxine</a>
  198.                                     </li>
  199.                                     <li>
  200.                                         <a href="{{ path('specialites_biostimulateur') }}">Biostimulateur</a>
  201.                                     </li>                                    
  202.                                     <li>
  203.                                         <a href="{{ path('specialites_philart') }}">Polynucléotides</a>
  204.                                     </li>
  205.                                     <li>
  206.                                         <a href="{{ path('specialites_epilation-laser') }}">Epilation laser</a>
  207.                                     </li>
  208.                                     <li>
  209.                                         <a href="{{ path('specialites_morpheus') }}">Virtu RF</a>
  210.                                     </li>
  211.                                     <li>
  212.                                         <a href="{{ path('specialites_morpheus') }}">Morpheus</a>
  213.                                     </li>
  214.                                     <li>
  215.                                         <a href="{{ path('specialites_cryolipolyse') }}">Cryolipolyse</a>
  216.                                     </li>
  217.                                     <li>
  218.                                         <a href="{{ path('specialites_laser-resurfacing') }}">Laser resurfacing</a>
  219.                                     </li>
  220.                                     <li>
  221.                                         <a href="{{ path('specialites_zaffiro') }}">Zaffiro</a>
  222.                                     </li>
  223.                                    <li>
  224.                                         <a href="{{ path('specialites_blanchiment-dentaire') }}">Blanchiment Dentaire</a>
  225.                                     </li>
  226.                                     <li>
  227.                                         <a href="{{ path('specialites_luminotherapie') }}">Luminotherapie</a>
  228.                                     </li>
  229.                                     <li>
  230.                                         <a href="{{ path('specialites_drainage-cardiosynchronise-stendo') }}">Drainage</a>
  231.                                     </li>
  232.                                     <li>
  233.                                         <a href="{{ path('specialites_radiofrequence') }}">Radiofréquence</a>
  234.                                     </li>
  235.                                     <li>
  236.                                         <a href="{{ path('specialites_plasma') }}">Plasma</a>
  237.                                     </li>
  238.                                     <li>
  239.                                         <a href="{{ path('specialites_peel-mask-creme') }}">Peel Mask</a>
  240.                                     </li>
  241.                                     <li>
  242.                                         <a href="#">Prp</a>
  243.                                     </li>
  244.                 </ul>
  245.             </header>
  246.             <div class="wrapper">
  247.                 <input type="radio" name="slider" checked id="el">
  248.                 <input type="radio" name="slider" id="me">
  249.                 <input type="radio" name="slider" id="hy">
  250.                 <input type="radio" name="slider" id="sv">
  251.                 <input type="radio" name="slider" id="sc">
  252.                 <input type="radio" name="slider" id="tp">
  253.             </div>
  254.             <section style="padding-top:130px;">
  255.                 <div class="about-us">
  256.                     <div class="container-about-infos">
  257.                         <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  258.                             <h2 class="title-about">Injection de toxine botulique "botox"</h2>
  259.                             <p class='about-text'>
  260.                                 Injection sous-cutanée dans les muscles responsables des rides du lion, des pattes d’oie et du front.
  261.                                 <br/>Résultat naturel, sûr et durable jusqu’à 6 mois.
  262.                                 <br/>Lissage naturel des rides du tiers supérieur du visage, avec un effet bonne mine et reposé.
  263.                             </p>
  264.                         </div>
  265.                     </div>
  266.                     
  267.                     <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  268.                         <div class="video-container-test" style="text-align: center;">
  269.                             <video controls autoplay muted loop width="600">
  270.                                 <source src="{{asset('assets/videos/11_ Injections.mp4')}}" type="video/mp4">
  271.                                 Your browser does not support the video tag.
  272.                             </video>
  273.                         </div>
  274.                     </div>
  275.                 </div>
  276.                 <div class="detail-circle-container">
  277.                     <div class="detail-circle">
  278.                         <h3 class="details-circle-title">Éviction Sociale</h3>
  279.                         <p class="details-circle-text">Non</p>
  280.                     </div>
  281.                     <div class="detail-circle">
  282.                         <h3 class="details-circle-title">Douleur</h3>
  283.                         <p class="details-circle-text">2/10</p>
  284.                     </div>
  285.                     <div class="detail-circle circle-price" onclick="window.location='#section-price';">
  286.                         <h3 class="details-circle-title">Coût</h3>
  287.                         <p class="details-circle-text">Voir prix</p>
  288.                     </div>
  289.                     <div class="detail-circle">
  290.                         <h3 class="details-circle-title">Durabilité</h3>
  291.                         <p class="details-circle-text">6 mois</p>
  292.                     </div>
  293.                 </div>
  294.                 <div class="detail-timeline-containers">
  295.                     <div class="detail-timeline">
  296.                         <div class="detail-timeline-event detail-timeline-event-first">
  297.                             <h4 class="detail-timeline-title">Injection</h4>
  298.                             <p class="detail-timeline-text">j-0</p>
  299.                         </div>
  300.                         <div class="detail-timeline-event">
  301.                             <h4 class="detail-timeline-title">Contrôle</h4>
  302.                             <p class="detail-timeline-text">j-15</p>
  303.                         </div>
  304.                         <div class="detail-timeline-event detail-timeline-event-last">
  305.                             <h4 class="detail-timeline-title">Nouvelle injection</h4>
  306.                             <p class="detail-timeline-text">+/- 6 mois</p>
  307.                         </div>
  308.                         <div class="detail-timeline-arrow">
  309.                             <div class="detail-timeline-arrow-line"></div>
  310.                             <div class="detail-timeline-arrow-line"></div>
  311.                         </div>
  312.                     </div>
  313.                 </div>
  314.             </section>
  315.             <section class="section-doctor specialite">
  316.                 <div class="container-img-doctor" data-aos="fade-right" data-aos-duration="1500">
  317.                     <img class="doctor-img specialite" src="{{ asset('assets/spe/injection/1.png') }}" alt="docteur"/>
  318.                     <div class="square-border-doctor specialite"></div>
  319.                 </div>
  320.                 <div class="container-info-doctor" data-aos="fade-left" data-aos-duration="1500">
  321.                     <h1 class="title-doctor specialite">Déroulé du soin
  322.                     </h1>
  323.                     <p class="text-doctor specialite">
  324.                         En amont : application d’une crème anesthésiante, venir démaquillé(e).
  325.                     </p>
  326.                     <ul>
  327.                         <li>
  328.                             <div class="circle">
  329.                                 1
  330.                             </div>
  331.                             Nettoyage de la zone
  332.                         </li>
  333.                         <li>
  334.                             <div class="circle">
  335.                                 2
  336.                             </div>
  337.                             Analyse du visage en dynamique et au repos
  338.                         </li>
  339.                         <li>
  340.                             <div class="circle">
  341.                                 3
  342.                             </div>
  343.                             Injection des points repérés
  344.                         </li>
  345.                         <li>
  346.                             <div class="circle">
  347.                                 4
  348.                             </div>
  349.                             Nettoyage après la séance avec un antiseptique
  350.                         </li>
  351.                     </ul>
  352.                 </div>
  353.                 <div class="square-border-info n1"></div>
  354.                 <div class="square-border-info n2"></div>
  355.             </section>
  356.             <div class="about-us nosBesoin">
  357.                 <div class="container-about-infos">
  358.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  359.                         <h2 class="title-about">Optimisation du soin</h2>
  360.                         <p class='about-text besoin'>
  361.                             <span>Avant la séance :</span><br/>
  362.                             - Éviter l’aspirine 15 jours avant l’injection
  363.                         </p><br />
  364.                         <p class='about-text'>
  365.                             <span>Après la séance :</span><br/>
  366.                             - Ne pas porter de casque, casquette, chapeau, etc.
  367.                             <br/>
  368.                             - Ne pas faire de sauna ni de hammam
  369.                             <br/>
  370.                             - Éviter toute activité sportive
  371.                         </p>
  372.                     </div>
  373.                 </div>
  374.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  375.                     <img class="about-img" src="{{ asset('assets/spe/injection/2.png') }}" alt="image d'illustration centre"/>
  376.                     <div class="about-border-square"></div>
  377.                 </div>
  378.             </div>
  379.             <div class="about-us specialite">
  380.                 <div class="container-about-infos">
  381.                     <div class="about-info" data-aos="fade-left" data-aos-duration="1500">
  382.                         <h2 class="title-about">Suis-je éligible ?</h2>
  383.                         <p class='about-text'>
  384.                             Nous ne vous proposerons pas ce traitement dans les contextes suivants :<br/>
  385.                             - Certaines maladies neuromusculaires, comme la myasthénie
  386.                             <br/>
  387.                             - Grossesse et allaitement<br/>
  388.                             <br/>La toxine botulique est contre-indiquée en cas d’hypersensibilité connue à la neurotoxine botulinique A ou à la sérum-albumine, ainsi qu’en cas de traitement par les aminosides (famille d’antibiotiques dont font partie notamment l’Amikacine et la Gentamicine).
  389.                             Indications:
  390.                             <br/>
  391.                             - Transpiration excessive (hyperhydrose)<br/>
  392.                             - Migraine<br/>
  393.                             - Bruxisme (grincement de dents)<br/>
  394.                             - Asymétrie<br/>
  395.                             - Tension musculaire importante<br/>
  396.                             - Ride ridule<br/>
  397.                             - Sourire gingivale<br/>
  398.                             - Acide .... indications<br/>
  399.                             - Perte de volume<br/>
  400.                             - Masculinisation ou feminisation<br/>
  401.                             - Rinoplastie médicale<br/>
  402.                             - Comblement<br/>
  403.                             - Augmentation du volume fessier<br/>
  404.                             - Augmentation des lèvres<br/>
  405.                             - Hydratation et augmentation vulvo-vaginale<br/>
  406.                         </p>
  407.                     </div>
  408.                 </div>
  409.                 <div class="about-image-container" data-aos="fade-right" data-aos-duration="1500">
  410.                     <img class="about-img" src="{{ asset('assets/spe/injection/3.png') }}" alt="image d'illustration centre"/>
  411.                     <div class="about-border-square"></div>
  412.                 </div>
  413.             </div>
  414.             <br/>
  415.             <div class="about-us nosBesoin">
  416.                 <div class="container-about-infos">
  417.                     <div class="about-info" data-aos="fade-right" data-aos-duration="1500">
  418.                         <br/>
  419.                         <p class="about-text besoin">
  420.                             Si l’on commence les injections à partir de 40 ans, on peut prévenir le vieillissement et retrouver un visage rajeuni.<br/><br/>
  421.                             Le médecin commence par réaliser une analyse en dynamique et au repos des rides d’expression afin de déterminer les points d’injection en fonction de vos muscles.
  422.                             <br/>Après une asepsie du visage, le médecin injecte de très petites doses de toxine dans les muscles. La toxine inhibe progressivement la force de contraction de ceux-ci en les mettant au repos, ce qui permet une atténuation progressive des rides sans pour autant figer le visage et ses expressions.
  423.                         </p>
  424.                         <br/>
  425.                     </div>
  426.                 </div>
  427.                 <div class="about-image-container" data-aos="fade-left" data-aos-duration="1500">
  428.                     <img class="about-img" src="{{ asset('assets/spe/injection/1.png') }}" alt="image d'illustration centre"/>
  429.                     <div class="about-border-square"></div>
  430.                 </div>
  431.             </div>
  432.             <!-- <div class="inner" data-aos="fade-right" data-aos-duration="1500">
  433.                                                                                                                                                                                                                                              <div class="inner__text">
  434.                                                                                                                                                                                                                                                 <h2 class="subtitle">
  435.                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet consectetur, adipisicing elit.
  436.                                                                                                                                                                                                                                                 </h2>
  437.                                                                                                                                                                                                                                     
  438.                                                                                                                                                                                                                                                <p class="text">
  439.                                                                                                                                                                                                                                                                                     Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
  440.                                                                                                                                                                                                                                                                         sed diam nonumy eirmod tempor invidunt ut labore et
  441.                                                                                                                                                                                                                                                                         dolore magna aliquyam erat, sed diam voluptua
  442.                                                                                                                                                                                                                                     
  443.                                                                                                                                                                                                                                                     </p>
  444.                                                                                                                                                                                                                                                     <ul>
  445.                                                                                                                                                                                                                                                         <li>
  446.                                                                                                                                                                                                                                                             <div class="circle">
  447.                                                                                                                                                                                                                                                                 >
  448.                                                                                                                                                                                                                                                             </div>
  449.                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet, consetetu
  450.                                                                                                                                                                                                                                                         </li>
  451.                                                                                                                                                                                                                                     
  452.                                                                                                                                                                                                                                                         <li>
  453.                                                                                                                                                                                                                                                             <div class="circle">
  454.                                                                                                                                                                                                                                                                 >
  455.                                                                                                                                                                                                                                                             </div>
  456.                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet, consetetu
  457.                                                                                                                                                                                                                                                         </li>
  458.                                                                                                                                                                                                                                     
  459.                                                                                                                                                                                                                                                         <li>
  460.                                                                                                                                                                                                                                                             <div class="circle">
  461.                                                                                                                                                                                                                                                                 >
  462.                                                                                                                                                                                                                                                             </div>
  463.                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet, consetetu
  464.                                                                                                                                                                                                                                                         </li>
  465.                                                                                                                                                                                                                                     
  466.                                                                                                                                                                                                                                                         <li>
  467.                                                                                                                                                                                                                                                             <div class="circle">
  468.                                                                                                                                                                                                                                                                 >
  469.                                                                                                                                                                                                                                                             </div>
  470.                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet, consetetu
  471.                                                                                                                                                                                                                                                         </li>
  472.                                                                                                                                                                                                                                     
  473.                                                                                                                                                                                                                                                         <li>
  474.                                                                                                                                                                                                                                                             <div class="circle">
  475.                                                                                                                                                                                                                                                                 >
  476.                                                                                                                                                                                                                                                             </div>
  477.                                                                                                                                                                                                                                                             Lorem ipsum dolor sit amet, consetetu
  478.                                                                                                                                                                                                                                                         </li>
  479.                                                                                                                                                                                                                                                     </ul>
  480.                                                                                                                                                                                                                                             </div>
  481.                                                                                                                                                                                                                                     
  482.                                                                                                                                                                                                                                             <div class="inner__image" data-aos="fade-left" data-aos-duration="1500">
  483.                                                                                                                                                                                                                                                 <img src="{{ asset('assets/images/pexels-elina-fairytale-3865530.jpg') }}" alt="">
  484.                                                                                                                                                                                                                                             </div>
  485.                                                                                                                                                                                                                                     
  486.                                                                                                                                                                                                                                         </div> -->
  487.             <div class="price" data-aos="fade-up" data-aos-duration="1500" id="section-price">
  488.                 <h2 class="title-about">
  489.                     Notre grille tarifaire
  490.                 </h2>
  491.                 <div class="table-container">
  492.                     <div class="table-wrapper">
  493.                         <table>
  494.                             <tbody>
  495.                                 <tr>
  496.                                     <td class="text">Toxine Botulique</td>
  497.                                     <td class="prix">350€</td>
  498.                                     <td class="temps"></td>
  499.                                 </tr>
  500.                                 <tr>
  501.                                     <td class="text">Acide Hyaluronique</td>
  502.                                     <td class="prix">400€</td>
  503.                                     <td class="temps"></td>
  504.                                 </tr>
  505.                             </tbody>
  506.                         </table>
  507.                         <div class="legal-notice">
  508.                             <p>Tous les tarifs affichés sont TTC (Toutes Taxes Comprises).<br>
  509.                             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>
  510.                         </div>
  511.                     </div>
  512.                 </div>
  513.                 <br>
  514.                 <a href="https://www.treatwell.fr/salon/maison-eiffel-esthetique/" target="_blank">
  515.                     <button class="container-buttonBorder">
  516.                         <p class="buttonBorder">Prendre rendez-vous</p>
  517.                         <p class="border-buttonBorder"></p>
  518.                         <p class="back-buttonBorder"></p>
  519.                     </button>
  520.                 </a>
  521.             </div>
  522.             <br>
  523.             <br>
  524.             <footer>
  525.             <div class="footerNew-container">
  526.                 <div class="footerNew-left">
  527.                 <div class="footerNew-contact-info">
  528.                     <div class="footerNew-contact-item">
  529.                     <div class="footerNew-icon-circle">
  530.                         <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">
  531.                         <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" />
  532.                         </svg>
  533.                     </div>
  534.                     <a href="tel:0153700512"> 01 53 70 05 12</a>
  535.                     </div>
  536.                     <div class="footerNew-contact-item">
  537.                     <div class="footerNew-icon-circle">
  538.                         <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">
  539.                         <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" />
  540.                         </svg>
  541.                     </div>
  542.                     <a href="mailto:contact@maison-eiffel-esthetique.fr">Envoyez-nous un message</a>
  543.                     </div>
  544.                     <div class="footerNew-contact-item">
  545.                     <div class="footerNew-icon-circle">
  546.                         <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">
  547.                         <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" />
  548.                         <circle cx="12" cy="12" r="3" />
  549.                         </svg>
  550.                     </div>
  551.                     <a href="#">Nous trouver</a>
  552.                     </div>
  553.                 </div>
  554.                 </div>
  555.                 <div class="footerNew-right">
  556.                 <div class="footerNew-column">
  557.                     <h4>Nos spécialités</h4>
  558.                     <ul>
  559.                     <li><a href="/specialites/epilation-laser">Épilation laser</a></li>
  560.                     <li><a href="/specialites/hydrafacial">Hydrafacial</a></li>
  561.                     <li><a href="/specialites/injection">Injection</a></li>
  562.                     <li><a href="#">Polynucléotides</a></li>
  563.                     <li><a href="/specialites/morpheus">Morpheus</a></li>
  564.                     <li><a href="#">Virtu RF</a></li>
  565.                     </ul>
  566.                 </div>
  567.                 <div class="footerNew-column">
  568.                     <h4>Vos besoins</h4>
  569.                     <ul class="footerNew-dropdown">
  570.                         <li>
  571.                         <button class="footerNew-dropdown-button">Qualité de peau</button>
  572.                         <ul class="footerNew-submenu">
  573.                             <li><a href="/specialites/peeling">Peeling</a></li>
  574.                             <li><a href="/specialites/laser-resurfacing">Laser resurfacing</a></li>
  575.                             <li><a href="/specialites/hydrafacial">Hydrafacial</a></li>
  576.                             <li><a href="/specialites/microneedling">Microneedling</a></li>
  577.                         </ul>
  578.                         </li>
  579.                         <li>
  580.                         <button class="footerNew-dropdown-button">Relâchement cutané</button>
  581.                         <ul class="footerNew-submenu">
  582.                             <li><a href="/specialites/virturf">Virtu RF</a></li>
  583.                         </ul>
  584.                         </li>
  585.                         <li>
  586.                         <button class="footerNew-dropdown-button">Vieillissement cutané</button>
  587.                         <ul class="footerNew-submenu">
  588.                             <li><a href="/specialites/philart">Philart</a></li>
  589.                         </ul>
  590.                         </li>
  591.                         <li>
  592.                         <button class="footerNew-dropdown-button">Densité des cheveux</button>
  593.                         <ul class="footerNew-submenu">
  594.                             <li><a href="/specialites/philart">Polynucléotides cheveux (Philart Mésothérapie)</a></li>
  595.                         </ul>
  596.                         </li>
  597.                         <li>
  598.                         <button class="footerNew-dropdown-button">Amincissement</button>
  599.                         <ul class="footerNew-submenu">
  600.                             <li><a href="/specialites/cryolipolyse">Cryolipolyse</a></li>
  601.                         </ul>
  602.                         </li>
  603.                         <li>
  604.                         <button class="footerNew-dropdown-button">Rides et ridules</button>
  605.                         <ul class="footerNew-submenu">
  606.                             <li><a href="#">Philart</a></li>
  607.                             <li><a href="/specialites/morpheus">Morpheus</a></li>
  608.                             <li><a href="#">Injections et Toxine</a></li>
  609.                         </ul>
  610.                         </li>
  611.                     </ul>
  612.                     </div>
  613.                 <div class="footerNew-column">
  614.                     <h4>Actualités</h4>
  615.                     <ul>
  616.                     <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>
  617.                     <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>
  618.                     <li><a href="/article/les-3-soins-stars-de-la-parisienne-pour-bien-commencer-la-saison">Les 3 soins stars</a></li>
  619.                     <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>
  620.                     </ul>
  621.                 </div>
  622.                 </div>
  623.             </div>
  624.             <div class="footerNew-bottom">
  625.                 <p>&copy; 2024 | <a href="/mentions-legales">Mentions légales</a> | <a href="/politique-de-confidentialite">Politique de confidentialité</a></p>
  626.             </div>
  627.             </footer>
  628.         </div>
  629.         <script src="public/js/script.js"></script>
  630.         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  631.         <script>
  632.             AOS.init();
  633.         </script>
  634.         <script>
  635.     function openSpecialites() {
  636.     const menu = document.getElementById('deroulant-spe');
  637.     
  638.     // Toggle le menu
  639.     if(menu.style.display === "none" || menu.style.display === "") {
  640.         menu.style.display = 'block';
  641.         
  642.         // Ajoute un écouteur pour détecter les clics en dehors
  643.         document.addEventListener('click', closeOnClickOutside);
  644.     } else {
  645.         menu.style.display = 'none';
  646.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  647.     }
  648.     }
  649.     // Fonction qui ferme le menu si on clique à l'extérieur
  650.     function closeOnClickOutside(event) {
  651.     const menu = document.getElementById('deroulant-spe');
  652.     const button = document.getElementById('menuButton'); // Le bouton qui ouvre le menu
  653.     // Si l'élément cliqué n'est pas le menu ni le bouton, on referme le menu
  654.     if (!menu.contains(event.target) && !button.contains(event.target)) {
  655.         menu.style.display = 'none';
  656.         document.removeEventListener('click', closeOnClickOutside); // Retire l'écouteur
  657.     }
  658.     }
  659.             document.querySelectorAll('.footerNew-dropdown-button').forEach(button => {
  660.         button.addEventListener('click', () => {
  661.             const parentLi = button.parentElement;
  662.             // Toggle active class
  663.             parentLi.classList.toggle('active');
  664.             // Close other open menus (optional, for better UX)
  665.             document.querySelectorAll('.footerNew-dropdown li').forEach(li => {
  666.             if (li !== parentLi) {
  667.                 li.classList.remove('active');
  668.             }
  669.             });
  670.         });
  671.         });
  672. </script>
  673.     {% endblock %}