LaserVie - Rendez-vous<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: Arial, sans-serif;\r\n overflow-x: hidden;\r\n }\r\n\r\n .navbar-bg {\r\n background-color: white;\r\n width: 100%;\r\n }\r\n\r\n .navbar-container {\r\n max-width: 1800px;\r\n margin: 0 auto;\r\n padding-left: 10px;\r\n padding-right: 40px;\r\n }\r\n\r\n .navbar {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 20px 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .logo img {\r\n height: 70px;\r\n width: auto;\r\n }\r\n\r\n .nav-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .nav-left li {\r\n list-style: none;\r\n position: relative;\r\n }\r\n\r\n .nav-left li a {\r\n color: #0cb8b6;\r\n text-decoration: none;\r\n font-weight: bold;\r\n font-size: 18px;\r\n padding: 10px 15px;\r\n display: block;\r\n transition: background 0.3s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .nav-left li a:hover {\r\n background-color: rgba(12, 184, 182, 0.1);\r\n border-radius: 6px;\r\n }\r\n\r\n .dropdown-menu {\r\n display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n background-color: white;\r\n min-width: 220px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n border-radius: 6px;\r\n z-index: 1000;\r\n }\r\n\r\n .dropdown-menu li a {\r\n font-size: 15px;\r\n padding: 12px 16px;\r\n display: block;\r\n color: #0cb8b6;\r\n }\r\n\r\n .dropdown-menu li a:hover {\r\n background-color: #f0f0f0;\r\n }\r\n\r\n .nav-left li:hover .dropdown-menu {\r\n display: block;\r\n }\r\n\r\n .nav-right {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n\r\n .btn-outline,\r\n .btn-filled {\r\n padding: 10px 20px;\r\n border-radius: 30px;\r\n font-weight: bold;\r\n text-decoration: none;\r\n font-size: 14px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-outline {\r\n border: 2px solid #0cb8b6;\r\n color: #0cb8b6;\r\n background: transparent;\r\n }\r\n\r\n .btn-outline:hover {\r\n background-color: #0cb8b6;\r\n color: white;\r\n }\r\n\r\n .btn-filled {\r\n background-color: #0cb8b6;\r\n color: white;\r\n }\r\n\r\n .btn-filled:hover {\r\n background-color: #099c9a;\r\n }\r\n\r\n .burger {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n gap: 5px;\r\n }\r\n\r\n .burger div {\r\n width: 25px;\r\n height: 3px;\r\n background-color: #0cb8b6;\r\n border-radius: 2px;\r\n }\r\n\r\n \/* Mobile Styles *\/\r\n @media (max-width: 960px) {\r\n .navbar {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 20px;\r\n }\r\n\r\n .navbar-top {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .nav-left,\r\n .nav-right {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 12px;\r\n width: 100%;\r\n display: none;\r\n }\r\n\r\n .nav-left.active,\r\n .nav-right.active {\r\n display: flex;\r\n }\r\n\r\n .dropdown-menu {\r\n position: static;\r\n box-shadow: none;\r\n background-color: #e6f8f8;\r\n }\r\n\r\n .dropdown-menu li a {\r\n padding-left: 30px;\r\n }\r\n\r\n .btn-outline,\r\n .btn-filled {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .burger {\r\n display: flex;\r\n margin-left: auto;\r\n }\r\n\r\n .logo img {\r\n height: 60px;\r\n }\r\n }\r\n\r\n \/* Formulaire *\/\r\n .form-container {\r\n max-width: 800px;\r\n margin: 40px auto;\r\n padding: 20px;\r\n border-radius: 10px;\r\n background-color: #f9f9f9;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n animation: zoomIn 0.6s ease;\r\n }\r\n\r\n .form-container h2 {\r\n color: #0cb8b6;\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .form-container form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .form-container label {\r\n font-weight: bold;\r\n }\r\n\r\n .form-container input,\r\n .form-container textarea {\r\n padding: 10px;\r\n border: 1px solid #ccc;\r\n border-radius: 5px;\r\n width: 100%;\r\n }\r\n\r\n .form-container button {\r\n background-color: #0cb8b6;\r\n color: white;\r\n padding: 12px;\r\n border: none;\r\n border-radius: 30px;\r\n font-size: 16px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n }\r\n\r\n .form-container button:hover {\r\n background-color: #099c9a;\r\n }\r\n\r\n @keyframes zoomIn {\r\n from {\r\n transform: scale(0.9);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"navbar-bg\">\r\n <div class=\"navbar-container\">\r\n <div class=\"navbar\">\r\n\r\n \r\n <div class=\"navbar-top\">\r\n \r\n <a href=\"https:\/\/laservie.com\/\" class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/laservie.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-14-a-10.03.01_e9f8a5b8.png\" alt=\"Logo LaserVie\">\r\n <\/a>\r\n\r\n \r\n <div class=\"burger\" onclick=\"toggleMenu()\">\r\n <div><\/div>\r\n <div><\/div>\r\n <div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <ul class=\"nav-left\" id=\"nav-left\">\r\n <li><a href=\"https:\/\/laservie.com\/\">Accueil<\/a><\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-502\/\">M\u00e9thode<\/a><\/li>\r\n <li>\r\n <a href=\"#\">Addictions \u25bc<\/a>\r\n <ul class=\"dropdown-menu\">\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/tabac\/\">Sevrage tabac<\/a><\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-894\/\">Sevrage cannabis<\/a><\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/2025\/07\/10\/alcol\/\">Sevrage alcool<\/a><\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-734\/\">Sevrage sucre<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-757\/\">Nos Centres<\/a><\/li>\r\n <li>\r\n <a href=\"#\">Infos \u25bc<\/a>\r\n <ul class=\"dropdown-menu\">\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-751\/\">Avis<\/a><\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-434\/\">Devenir Franchis\u00e9<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <\/ul>\r\n\r\n \r\n <div class=\"nav-right\" id=\"nav-right\">\r\n <a href=\"https:\/\/laservie.com\/?page_id=847&preview_id=847\/\" style=\"background-color: #0cb8b6; color: white; padding: 10px 20px; border-radius: 5px; display: inline-block; text-decoration: none; font-weight: bold;\">\r\n \ud83d\udcc5 Prendre rendez-vous\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function toggleMenu() {\r\n document.getElementById('nav-left').classList.toggle('active');\r\n document.getElementById('nav-right').classList.toggle('active');\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<br>\r\n<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n <title>LaserVie - Prendre rendez-vous<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background-color: #f4f4f4;\r\n padding: 20px;\r\n }\r\n form {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n background: white;\r\n padding: 30px;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n }\r\n h2 {\r\n text-align: center;\r\n color: #0cb8b6;\r\n margin-bottom: 20px;\r\n }\r\n label {\r\n display: block;\r\n margin-top: 15px;\r\n font-weight: bold;\r\n }\r\n input, textarea {\r\n width: 100%;\r\n padding: 10px;\r\n margin-top: 5px;\r\n border: 1px solid #ccc;\r\n border-radius: 5px;\r\n font-size: 14px;\r\n }\r\n button {\r\n margin-top: 20px;\r\n background-color: #0cb8b6;\r\n color: white;\r\n border: none;\r\n padding: 12px;\r\n font-size: 16px;\r\n border-radius: 30px;\r\n cursor: pointer;\r\n width: 100%;\r\n }\r\n button:hover {\r\n background-color: #099c9a;\r\n }\r\n .message {\r\n margin-top: 15px;\r\n font-weight: bold;\r\n text-align: center;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <form action=\"https:\/\/laservie.com\/envoie.php\" method=\"POST\">\r\n\r\n <h2>Prendre rendez-vous<\/h2>\r\n\r\n <label for=\"nom\">Nom<\/label>\r\n <input type=\"text\" id=\"nom\" name=\"nom\" required \/>\r\n\r\n <label for=\"prenom\">Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"prenom\" name=\"prenom\" required \/>\r\n\r\n <label for=\"email\">Adresse e-mail<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"exemple@mail.com\" \/>\r\n\r\n <label for=\"telephone\">T\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"telephone\" required placeholder=\"+216XXXXXXXX\" \/>\r\n\r\n <label for=\"naissance\">Date de naissance<\/label>\r\n <input type=\"date\" id=\"naissance\" name=\"naissance\" required \/>\r\n\r\n <label for=\"daterdv\">Date du rendez-vous<\/label>\r\n <input type=\"date\" id=\"daterdv\" name=\"daterdv\" required \/>\r\n\r\n <label for=\"remarques\">Remarques<\/label>\r\n <textarea id=\"remarques\" name=\"remarques\" rows=\"4\" placeholder=\"Votre message...\"><\/textarea>\r\n\r\n <button type=\"submit\">Envoyer \ud83d\udce9<\/button>\r\n\r\n <div class=\"message\" id=\"messageForm\"><\/div>\r\n <\/form>\r\n\r\n <script>\r\n const form = document.getElementById(\"rendezvousForm\");\r\n const messageDiv = document.getElementById(\"messageForm\");\r\n\r\n form.addEventListener(\"submit\", function(event) {\r\n event.preventDefault(); \/\/ bloque la soumission normale\r\n messageDiv.textContent = \"\";\r\n messageDiv.style.color = \"black\";\r\n\r\n const formData = new FormData(form);\r\n\r\n fetch(\"\/home\/laservie\/public_html\/envoie.php\r\n\", {\r\n method: \"POST\",\r\n body: formData\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n if (data.status === \"success\") {\r\n messageDiv.style.color = \"green\";\r\n messageDiv.textContent = data.message;\r\n form.reset();\r\n } else {\r\n messageDiv.style.color = \"red\";\r\n messageDiv.textContent = \"\u274c \" + data.message;\r\n }\r\n })\r\n .catch(() => {\r\n messageDiv.style.color = \"red\";\r\n messageDiv.textContent = \"\u274c Erreur r\u00e9seau ou serveur.\";\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LaserVie – Rendez-vous Accueil M\u00e9thode Addictions \u25bc Sevrage tabac Sevrage cannabis Sevrage alcool Sevrage sucre Nos Centres Infos \u25bc Avis Devenir Franchis\u00e9 \ud83d\udcc5 Prendre rendez-vous LaserVie – Prendre rendez-vous Prendre rendez-vous Nom Pr\u00e9nom Adresse e-mail T\u00e9l\u00e9phone Date de naissance Date du rendez-vous Remarques Envoyer \ud83d\udce9<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-847","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/pages\/847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/comments?post=847"}],"version-history":[{"count":64,"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/pages\/847\/revisions"}],"predecessor-version":[{"id":1120,"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/pages\/847\/revisions\/1120"}],"wp:attachment":[{"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/media?parent=847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n LaserVie - Rendez-vous<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: Arial, sans-serif;\r\n overflow-x: hidden;\r\n }\r\n\r\n .navbar-bg {\r\n background-color: white;\r\n width: 100%;\r\n }\r\n\r\n .navbar-container {\r\n max-width: 1800px;\r\n margin: 0 auto;\r\n padding-left: 10px;\r\n padding-right: 40px;\r\n }\r\n\r\n .navbar {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 20px 0;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .logo img {\r\n height: 70px;\r\n width: auto;\r\n }\r\n\r\n .nav-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .nav-left li {\r\n list-style: none;\r\n position: relative;\r\n }\r\n\r\n .nav-left li a {\r\n color: #0cb8b6;\r\n text-decoration: none;\r\n font-weight: bold;\r\n font-size: 18px;\r\n padding: 10px 15px;\r\n display: block;\r\n transition: background 0.3s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .nav-left li a:hover {\r\n background-color: rgba(12, 184, 182, 0.1);\r\n border-radius: 6px;\r\n }\r\n\r\n .dropdown-menu {\r\n display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n background-color: white;\r\n min-width: 220px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n border-radius: 6px;\r\n z-index: 1000;\r\n }\r\n\r\n .dropdown-menu li a {\r\n font-size: 15px;\r\n padding: 12px 16px;\r\n display: block;\r\n color: #0cb8b6;\r\n }\r\n\r\n .dropdown-menu li a:hover {\r\n background-color: #f0f0f0;\r\n }\r\n\r\n .nav-left li:hover .dropdown-menu {\r\n display: block;\r\n }\r\n\r\n .nav-right {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n\r\n .btn-outline,\r\n .btn-filled {\r\n padding: 10px 20px;\r\n border-radius: 30px;\r\n font-weight: bold;\r\n text-decoration: none;\r\n font-size: 14px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-outline {\r\n border: 2px solid #0cb8b6;\r\n color: #0cb8b6;\r\n background: transparent;\r\n }\r\n\r\n .btn-outline:hover {\r\n background-color: #0cb8b6;\r\n color: white;\r\n }\r\n\r\n .btn-filled {\r\n background-color: #0cb8b6;\r\n color: white;\r\n }\r\n\r\n .btn-filled:hover {\r\n background-color: #099c9a;\r\n }\r\n\r\n .burger {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n gap: 5px;\r\n }\r\n\r\n .burger div {\r\n width: 25px;\r\n height: 3px;\r\n background-color: #0cb8b6;\r\n border-radius: 2px;\r\n }\r\n\r\n \/* Mobile Styles *\/\r\n @media (max-width: 960px) {\r\n .navbar {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 20px;\r\n }\r\n\r\n .navbar-top {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .nav-left,\r\n .nav-right {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 12px;\r\n width: 100%;\r\n display: none;\r\n }\r\n\r\n .nav-left.active,\r\n .nav-right.active {\r\n display: flex;\r\n }\r\n\r\n .dropdown-menu {\r\n position: static;\r\n box-shadow: none;\r\n background-color: #e6f8f8;\r\n }\r\n\r\n .dropdown-menu li a {\r\n padding-left: 30px;\r\n }\r\n\r\n .btn-outline,\r\n .btn-filled {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .burger {\r\n display: flex;\r\n margin-left: auto;\r\n }\r\n\r\n .logo img {\r\n height: 60px;\r\n }\r\n }\r\n\r\n \/* Formulaire *\/\r\n .form-container {\r\n max-width: 800px;\r\n margin: 40px auto;\r\n padding: 20px;\r\n border-radius: 10px;\r\n background-color: #f9f9f9;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n animation: zoomIn 0.6s ease;\r\n }\r\n\r\n .form-container h2 {\r\n color: #0cb8b6;\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .form-container form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .form-container label {\r\n font-weight: bold;\r\n }\r\n\r\n .form-container input,\r\n .form-container textarea {\r\n padding: 10px;\r\n border: 1px solid #ccc;\r\n border-radius: 5px;\r\n width: 100%;\r\n }\r\n\r\n .form-container button {\r\n background-color: #0cb8b6;\r\n color: white;\r\n padding: 12px;\r\n border: none;\r\n border-radius: 30px;\r\n font-size: 16px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n }\r\n\r\n .form-container button:hover {\r\n background-color: #099c9a;\r\n }\r\n\r\n @keyframes zoomIn {\r\n from {\r\n transform: scale(0.9);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"navbar-bg\">\r\n <div class=\"navbar-container\">\r\n <div class=\"navbar\">\r\n\r\n \r\n <div class=\"navbar-top\">\r\n \r\n <a href=\"https:\/\/laservie.com\/\" class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/laservie.com\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-14-a-10.03.01_e9f8a5b8.png\" alt=\"Logo LaserVie\">\r\n <\/a>\r\n\r\n \r\n <div class=\"burger\" onclick=\"toggleMenu()\">\r\n <div><\/div>\r\n <div><\/div>\r\n <div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <ul class=\"nav-left\" id=\"nav-left\">\r\n <li><a href=\"https:\/\/laservie.com\/\">Accueil<\/a><\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-502\/\">M\u00e9thode<\/a><\/li>\r\n <li>\r\n <a href=\"#\">Addictions \u25bc<\/a>\r\n <ul class=\"dropdown-menu\">\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/tabac\/\">Sevrage tabac<\/a><\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-894\/\">Sevrage cannabis<\/a><\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/2025\/07\/10\/alcol\/\">Sevrage alcool<\/a><\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-734\/\">Sevrage sucre<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-757\/\">Nos Centres<\/a><\/li>\r\n <li>\r\n <a href=\"#\">Infos \u25bc<\/a>\r\n <ul class=\"dropdown-menu\">\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-751\/\">Avis<\/a><\/li>\r\n <li><a href=\"https:\/\/laservie.com\/index.php\/elementor-434\/\">Devenir Franchis\u00e9<\/a><\/li>\r\n <\/ul>\r\n <\/li>\r\n <\/ul>\r\n\r\n \r\n <div class=\"nav-right\" id=\"nav-right\">\r\n <a href=\"https:\/\/laservie.com\/?page_id=847&preview_id=847\/\" style=\"background-color: #0cb8b6; color: white; padding: 10px 20px; border-radius: 5px; display: inline-block; text-decoration: none; font-weight: bold;\">\r\n \ud83d\udcc5 Prendre rendez-vous\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function toggleMenu() {\r\n document.getElementById('nav-left').classList.toggle('active');\r\n document.getElementById('nav-right').classList.toggle('active');\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<br>\r\n<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n <title>LaserVie - Prendre rendez-vous<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background-color: #f4f4f4;\r\n padding: 20px;\r\n }\r\n form {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n background: white;\r\n padding: 30px;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n }\r\n h2 {\r\n text-align: center;\r\n color: #0cb8b6;\r\n margin-bottom: 20px;\r\n }\r\n label {\r\n display: block;\r\n margin-top: 15px;\r\n font-weight: bold;\r\n }\r\n input, textarea {\r\n width: 100%;\r\n padding: 10px;\r\n margin-top: 5px;\r\n border: 1px solid #ccc;\r\n border-radius: 5px;\r\n font-size: 14px;\r\n }\r\n button {\r\n margin-top: 20px;\r\n background-color: #0cb8b6;\r\n color: white;\r\n border: none;\r\n padding: 12px;\r\n font-size: 16px;\r\n border-radius: 30px;\r\n cursor: pointer;\r\n width: 100%;\r\n }\r\n button:hover {\r\n background-color: #099c9a;\r\n }\r\n .message {\r\n margin-top: 15px;\r\n font-weight: bold;\r\n text-align: center;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <form action=\"https:\/\/laservie.com\/envoie.php\" method=\"POST\">\r\n\r\n <h2>Prendre rendez-vous<\/h2>\r\n\r\n <label for=\"nom\">Nom<\/label>\r\n <input type=\"text\" id=\"nom\" name=\"nom\" required \/>\r\n\r\n <label for=\"prenom\">Pr\u00e9nom<\/label>\r\n <input type=\"text\" id=\"prenom\" name=\"prenom\" required \/>\r\n\r\n <label for=\"email\">Adresse e-mail<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"exemple@mail.com\" \/>\r\n\r\n <label for=\"telephone\">T\u00e9l\u00e9phone<\/label>\r\n <input type=\"tel\" id=\"telephone\" name=\"telephone\" required placeholder=\"+216XXXXXXXX\" \/>\r\n\r\n <label for=\"naissance\">Date de naissance<\/label>\r\n <input type=\"date\" id=\"naissance\" name=\"naissance\" required \/>\r\n\r\n <label for=\"daterdv\">Date du rendez-vous<\/label>\r\n <input type=\"date\" id=\"daterdv\" name=\"daterdv\" required \/>\r\n\r\n <label for=\"remarques\">Remarques<\/label>\r\n <textarea id=\"remarques\" name=\"remarques\" rows=\"4\" placeholder=\"Votre message...\"><\/textarea>\r\n\r\n <button type=\"submit\">Envoyer \ud83d\udce9<\/button>\r\n\r\n <div class=\"message\" id=\"messageForm\"><\/div>\r\n <\/form>\r\n\r\n <script>\r\n const form = document.getElementById(\"rendezvousForm\");\r\n const messageDiv = document.getElementById(\"messageForm\");\r\n\r\n form.addEventListener(\"submit\", function(event) {\r\n event.preventDefault(); \/\/ bloque la soumission normale\r\n messageDiv.textContent = \"\";\r\n messageDiv.style.color = \"black\";\r\n\r\n const formData = new FormData(form);\r\n\r\n fetch(\"\/home\/laservie\/public_html\/envoie.php\r\n\", {\r\n method: \"POST\",\r\n body: formData\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n if (data.status === \"success\") {\r\n messageDiv.style.color = \"green\";\r\n messageDiv.textContent = data.message;\r\n form.reset();\r\n } else {\r\n messageDiv.style.color = \"red\";\r\n messageDiv.textContent = \"\u274c \" + data.message;\r\n }\r\n })\r\n .catch(() => {\r\n messageDiv.style.color = \"red\";\r\n messageDiv.textContent = \"\u274c Erreur r\u00e9seau ou serveur.\";\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LaserVie – Rendez-vous Accueil M\u00e9thode Addictions \u25bc Sevrage tabac Sevrage cannabis Sevrage alcool Sevrage sucre Nos Centres Infos \u25bc Avis Devenir Franchis\u00e9 \ud83d\udcc5 Prendre rendez-vous LaserVie – Prendre rendez-vous Prendre rendez-vous Nom Pr\u00e9nom Adresse e-mail T\u00e9l\u00e9phone Date de naissance Date du rendez-vous Remarques Envoyer \ud83d\udce9<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-847","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/pages\/847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/comments?post=847"}],"version-history":[{"count":64,"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/pages\/847\/revisions"}],"predecessor-version":[{"id":1120,"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/pages\/847\/revisions\/1120"}],"wp:attachment":[{"href":"https:\/\/laservie.com\/index.php\/wp-json\/wp\/v2\/media?parent=847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}