Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n margin-left: -10px;\r\n margin-right: -10px;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .hero{\r\n margin-left: -3px;\r\n margin-right: -3px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;\r\n margin-left: 0px;\r\n margin-right: 0px;\r\n }\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"hero\">\r\n <div class=\"container hero-grid\">\r\n <div>\r\n <span class=\"badge\">Consultation Premium<\/span>\r\n <h1 style=\"color:white\">Reservez votre consultation personnalisee<\/h1>\r\n <p class=\"hero-lead\">Obtenez des conseils strategiques, des orientations concretes et un accompagnement adapte a votre situation.<\/p>\r\n <p class=\"hero-copy\">Que ce soit pour vos etudes, votre carriere, un projet personnel ou professionnel, cette consultation vous permet d'avancer avec clarte et methode.<\/p>\r\n <div class=\"hero-cta\">\r\n <a href=\"#booking\" class=\"btn btn-primary\">Reserver ma consultation<\/a>\r\n <a href=\"https:\/\/wa.me\/22644892222?text=Bonjour%2C%20je%20souhaite%20reserver%20une%20consultation.\" class=\"btn btn-soft\" target=\"_blank\" rel=\"noopener\">Contacter sur WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n <aside class=\"hero-panel\">\r\n <h2 style=\"color:white\">Une experience premium et rassurante<\/h2>\r\n <ul>\r\n <li>\ud83d\udd34 Cabinet serieux et approche professionnelle<\/li>\r\n <li>\ud83d\udd34 Processus simple, rapide et fluide<\/li>\r\n <li>\ud83d\udd34 Forte valeur ajoutee et recommandations utiles<\/li>\r\n <\/ul>\r\n <\/aside>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-359be43 elementor-widget elementor-widget-html\" data-id=\"359be43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n\r\n <main class=\"container\">\r\n <section id=\"formules\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">Choisissez votre formule<\/span>\r\n <h2>Selectionnez la consultation adaptee a votre besoin<\/h2>\r\n <\/div>\r\n <div class=\"pricing-grid\">\r\n <article class=\"price-card\" data-plan=\"express\" data-price=\"30000\" data-label=\"Consultation Express (30 min)\">\r\n <h3>Consultation Express<\/h3>\r\n <p class=\"duration\">30 Minutes<\/p>\r\n <p class=\"amount\">30 000 FCFA<\/p>\r\n <ul class=\"list\">\r\n <li>\u2714 ideal pour une question precise<\/li>\r\n <li>\u2714 besoin rapide<\/li>\r\n <li>\u2714 orientation ciblee<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary plan-btn\" type=\"button\">Reserver 30 min<\/button>\r\n <\/article>\r\n\r\n <article class=\"price-card featured\" data-plan=\"premium\" data-price=\"50000\" data-label=\"Consultation Premium (1h)\">\r\n <span class=\"highlight\">Recommande<\/span>\r\n <h3>Consultation Premium<\/h3>\r\n <p class=\"duration\">1 Heure<\/p>\r\n <p class=\"amount\">50 000 FCFA<\/p>\r\n <ul class=\"list\">\r\n <li>\u2714 analyse plus approfondie<\/li>\r\n <li>\u2714 plusieurs questions possibles<\/li>\r\n <li>\u2714 recommandations strategiques<\/li>\r\n <li>\u2714 plan d'action concret<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary plan-btn\" type=\"button\">Reserver 1h<\/button>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5377888 elementor-widget elementor-widget-html\" data-id=\"5377888\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n <main class=\"container\">\r\n \r\n\r\n <section id=\"calendar\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">Choisissez votre date<\/span>\r\n <h2>Selectionnez un creneau disponible<\/h2>\r\n <p class=\"muted\">Calendrier interactif simplifie (modifiable selon vos disponibilites WordPress).<\/p>\r\n <\/div>\r\n <div class=\"slot-grid\">\r\n <button type=\"button\" class=\"slot-btn\" data-slot=\"Lundi 10h00\">Lundi 10h00<\/button>\r\n <button type=\"button\" class=\"slot-btn\" data-slot=\"Mardi 14h00\">Mardi 14h00<\/button>\r\n <button type=\"button\" class=\"slot-btn\" data-slot=\"Mercredi 16h30\">Mercredi 16h30<\/button>\r\n <button type=\"button\" class=\"slot-btn\" data-slot=\"Jeudi 11h00\">Jeudi 11h00<\/button>\r\n <button type=\"button\" class=\"slot-btn\" data-slot=\"Vendredi 15h00\">Vendredi 15h00<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-718756a elementor-widget elementor-widget-html\" data-id=\"718756a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <main class=\"container\">\r\n <section id=\"booking\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">Formulaire client<\/span>\r\n <h2>Confirmez votre reservation<\/h2>\r\n <\/div>\r\n\r\n <div id=\"bookingFlow\" class=\"booking-wrap\">\r\n <form id=\"bookingForm\" class=\"panel\">\r\n <div class=\"field\">\r\n <label for=\"fullname\">Nom complet<\/label>\r\n <input id=\"fullname\" name=\"fullname\" type=\"text\" required \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"whatsapp\">Numero WhatsApp<\/label>\r\n <input id=\"whatsapp\" name=\"whatsapp\" type=\"tel\" required \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"email\">Email (optionnel)<\/label>\r\n <input id=\"email\" name=\"email\" type=\"email\" \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"topic\">Sujet de la consultation<\/label>\r\n <select id=\"topic\" name=\"topic\" required>\r\n <option value=\"\">Selectionnez un sujet<\/option>\r\n <option>Etudes a l'etranger<\/option>\r\n <option>Bourses d'etudes<\/option>\r\n <option>Orientation academique<\/option>\r\n <option>Carriere professionnelle<\/option>\r\n <option>Business \/ Projet<\/option>\r\n <option>Projet personnel<\/option>\r\n <option>Autre<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"details\">Decrivez brievement votre besoin<\/label>\r\n <textarea id=\"details\" name=\"details\" required><\/textarea>\r\n <\/div>\r\n\r\n <h3>Mode de paiement<\/h3>\r\n <div class=\"pay-list\">\r\n <label class=\"pay-item\"><input type=\"radio\" name=\"payment\" value=\"Orange Money\" required \/> Orange Money<\/label>\r\n <label class=\"pay-item\"><input type=\"radio\" name=\"payment\" value=\"Moov Money\" \/> Moov Money<\/label>\r\n <label class=\"pay-item\"><input type=\"radio\" name=\"payment\" value=\"Wave\" \/> Wave<\/label>\r\n <label class=\"pay-item\"><input type=\"radio\" name=\"payment\" value=\"Carte bancaire\" \/> Carte bancaire (si disponible)<\/label>\r\n <\/div>\r\n\r\n <div class=\"upsell\">\r\n <label class=\"pay-item\">\r\n <input type=\"checkbox\" id=\"urgent\" \/>\r\n Besoin urgent ? Consultation prioritaire sous 24h (+15 000 FCFA)\r\n <\/label>\r\n <\/div>\r\n\r\n <button class=\"btn btn-primary\" type=\"submit\">Confirmer et payer<\/button>\r\n <\/form>\r\n\r\n <aside class=\"panel recap\">\r\n <h3>Recapitulatif<\/h3>\r\n <ul>\r\n <li><span>Formule<\/span><strong id=\"selectedPlan\">Consultation Premium (1h)<\/strong><\/li>\r\n <li><span>Creneau<\/span><strong id=\"selectedSlot\">A selectionner<\/strong><\/li>\r\n <li><span>Paiement<\/span><strong id=\"selectedPayment\">A selectionner<\/strong><\/li>\r\n <li><span>Prioritaire 24h<\/span><strong id=\"selectedUpsell\">Non<\/strong><\/li>\r\n <\/ul>\r\n <div class=\"total\">\r\n <span>Total<\/span>\r\n <span id=\"totalPrice\">50 000 FCFA<\/span>\r\n <\/div>\r\n <p class=\"muted\" style=\"margin-top:12px;\">Le rendez-vous est confirme apres paiement. Vous recevrez ensuite un message WhatsApp.<\/p>\r\n <\/aside>\r\n <\/div>\r\n\r\n <div id=\"successScreen\" class=\"success-screen\">\r\n <h3>Merci pour votre reservation<\/h3>\r\n <p>Votre demande a bien ete recue.<\/p>\r\n <ul class=\"success-list\">\r\n <li>\u2714 Consultation confirmee apres paiement<\/li>\r\n <li>\u2714 Vous recevrez un message WhatsApp<\/li>\r\n <li>\u2714 Preparez vos questions<\/li>\r\n <\/ul>\r\n <a id=\"waConfirmBtn\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-whatsapp\">Ouvrir WhatsApp<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd439a6 elementor-widget elementor-widget-html\" data-id=\"fd439a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <main class=\"container\">\r\n \r\n <section id=\"trust\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">Pourquoi reserver avec nous ?<\/span>\r\n <h2>Une consultation utile, concrete et orientee resultats<\/h2>\r\n <\/div>\r\n <ul class=\"trust-list\">\r\n <li>\u2714 Conseils concrets et applicables<\/li>\r\n <li>\u2714 Regard exterieur professionnel<\/li>\r\n <li>\u2714 Gain de temps considerable<\/li>\r\n <li>\u2714 Orientation claire<\/li>\r\n <li>\u2714 Accompagnement personnalise<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-060ee90 elementor-widget elementor-widget-html\" data-id=\"060ee90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n\r\n <main class=\"container\">\r\n\r\n <section id=\"faq\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">FAQ<\/span>\r\n <h2>Questions frequentes<\/h2>\r\n <\/div>\r\n <div class=\"faq\">\r\n <details open>\r\n <summary>La consultation est-elle en ligne ?<\/summary>\r\n <p>Oui, via WhatsApp appel, Zoom ou Google Meet.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Puis-je poser plusieurs questions ?<\/summary>\r\n <p>Oui, surtout avec la formule 1 heure.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Puis-je deplacer mon rendez-vous ?<\/summary>\r\n <p>Oui, selon disponibilite.<\/p>\r\n <\/details>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88b2523 elementor-widget elementor-widget-html\" data-id=\"88b2523\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <main class=\"container\">\r\n \r\n <section class=\"cta-bottom\">\r\n <h2 style=\"color:white\">Prenez une vraie avance sur vos decisions<\/h2>\r\n <p>Reservez maintenant votre consultation et obtenez une orientation claire.<\/p>\r\n <a href=\"#booking\" class=\"btn btn-primary\">Reserver maintenant<\/a>\r\n <\/section>\r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Reservation Consultation Premium Consultation Premium Reservez votre consultation personnalisee Obtenez des conseils strategiques, des orientations concretes et un accompagnement adapte a votre situation. Que ce soit pour vos etudes, votre carriere, un projet personnel ou professionnel, cette consultation vous permet d’avancer avec clarte et methode. Reserver ma consultation Contacter sur WhatsApp Une experience premium et rassurante \ud83d\udd34 Cabinet serieux et approche professionnelle \ud83d\udd34 Processus simple, rapide et fluide \ud83d\udd34 Forte valeur ajoutee et recommandations utiles Reservation Consultation Premium Choisissez votre formule Selectionnez la consultation adaptee a votre besoin Consultation Express 30 Minutes 30 000 FCFA \u2714 ideal pour une question precise \u2714 besoin rapide \u2714 orientation ciblee Reserver 30 min Recommande Consultation Premium 1 Heure 50 000 FCFA \u2714 analyse plus approfondie \u2714 plusieurs questions possibles \u2714 recommandations strategiques \u2714 plan d’action concret Reserver 1h Reservation Consultation Premium Choisissez votre date Selectionnez un creneau disponible Calendrier interactif simplifie (modifiable selon vos disponibilites WordPress). Lundi 10h00 Mardi 14h00 Mercredi 16h30 Jeudi 11h00 Vendredi 15h00 Reservation Consultation Premium Formulaire client Confirmez votre reservation Nom complet Numero WhatsApp Email (optionnel) Sujet de la consultation Selectionnez un sujetEtudes a l’etrangerBourses d’etudesOrientation academiqueCarriere professionnelleBusiness \/ ProjetProjet personnelAutre Decrivez brievement votre besoin Mode de paiement Orange Money Moov Money Wave Carte bancaire (si disponible) Besoin urgent ? Consultation prioritaire sous 24h (+15 000 FCFA) Confirmer et payer Recapitulatif FormuleConsultation Premium (1h) CreneauA selectionner PaiementA selectionner Prioritaire 24hNon Total 50 000 FCFA Le rendez-vous est confirme apres paiement. Vous recevrez ensuite un message WhatsApp. Merci pour votre reservation Votre demande a bien ete recue. \u2714 Consultation confirmee apres paiement \u2714 Vous recevrez un message WhatsApp \u2714 Preparez vos questions Ouvrir WhatsApp Reservation Consultation Premium Pourquoi reserver avec nous ? Une consultation utile, concrete et orientee resultats \u2714 Conseils concrets et applicables \u2714 Regard exterieur professionnel \u2714 Gain de temps considerable \u2714 Orientation claire \u2714 Accompagnement personnalise Reservation Consultation Premium FAQ Questions frequentes La consultation est-elle en ligne ? Oui, via WhatsApp appel, Zoom ou Google Meet. Puis-je poser plusieurs questions ? Oui, surtout avec la formule 1 heure. Puis-je deplacer mon rendez-vous ? Oui, selon disponibilite. Reservation Consultation Premium Prenez une vraie avance sur vos decisions Reservez maintenant votre consultation et obtenez une orientation claire. Reserver maintenant<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-5775","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/pages\/5775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/comments?post=5775"}],"version-history":[{"count":44,"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/pages\/5775\/revisions"}],"predecessor-version":[{"id":5830,"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/pages\/5775\/revisions\/5830"}],"wp:attachment":[{"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/media?parent=5775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n margin-left: -10px;\r\n margin-right: -10px;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .hero{\r\n margin-left: -3px;\r\n margin-right: -3px;\r\n }\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;\r\n margin-left: 0px;\r\n margin-right: 0px;\r\n }\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"hero\">\r\n <div class=\"container hero-grid\">\r\n <div>\r\n <span class=\"badge\">Consultation Premium<\/span>\r\n <h1 style=\"color:white\">Reservez votre consultation personnalisee<\/h1>\r\n <p class=\"hero-lead\">Obtenez des conseils strategiques, des orientations concretes et un accompagnement adapte a votre situation.<\/p>\r\n <p class=\"hero-copy\">Que ce soit pour vos etudes, votre carriere, un projet personnel ou professionnel, cette consultation vous permet d'avancer avec clarte et methode.<\/p>\r\n <div class=\"hero-cta\">\r\n <a href=\"#booking\" class=\"btn btn-primary\">Reserver ma consultation<\/a>\r\n <a href=\"https:\/\/wa.me\/22644892222?text=Bonjour%2C%20je%20souhaite%20reserver%20une%20consultation.\" class=\"btn btn-soft\" target=\"_blank\" rel=\"noopener\">Contacter sur WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n <aside class=\"hero-panel\">\r\n <h2 style=\"color:white\">Une experience premium et rassurante<\/h2>\r\n <ul>\r\n <li>\ud83d\udd34 Cabinet serieux et approche professionnelle<\/li>\r\n <li>\ud83d\udd34 Processus simple, rapide et fluide<\/li>\r\n <li>\ud83d\udd34 Forte valeur ajoutee et recommandations utiles<\/li>\r\n <\/ul>\r\n <\/aside>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-359be43 elementor-widget elementor-widget-html\" data-id=\"359be43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n\r\n <main class=\"container\">\r\n <section id=\"formules\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">Choisissez votre formule<\/span>\r\n <h2>Selectionnez la consultation adaptee a votre besoin<\/h2>\r\n <\/div>\r\n <div class=\"pricing-grid\">\r\n <article class=\"price-card\" data-plan=\"express\" data-price=\"30000\" data-label=\"Consultation Express (30 min)\">\r\n <h3>Consultation Express<\/h3>\r\n <p class=\"duration\">30 Minutes<\/p>\r\n <p class=\"amount\">30 000 FCFA<\/p>\r\n <ul class=\"list\">\r\n <li>\u2714 ideal pour une question precise<\/li>\r\n <li>\u2714 besoin rapide<\/li>\r\n <li>\u2714 orientation ciblee<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary plan-btn\" type=\"button\">Reserver 30 min<\/button>\r\n <\/article>\r\n\r\n <article class=\"price-card featured\" data-plan=\"premium\" data-price=\"50000\" data-label=\"Consultation Premium (1h)\">\r\n <span class=\"highlight\">Recommande<\/span>\r\n <h3>Consultation Premium<\/h3>\r\n <p class=\"duration\">1 Heure<\/p>\r\n <p class=\"amount\">50 000 FCFA<\/p>\r\n <ul class=\"list\">\r\n <li>\u2714 analyse plus approfondie<\/li>\r\n <li>\u2714 plusieurs questions possibles<\/li>\r\n <li>\u2714 recommandations strategiques<\/li>\r\n <li>\u2714 plan d'action concret<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary plan-btn\" type=\"button\">Reserver 1h<\/button>\r\n <\/article>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5377888 elementor-widget elementor-widget-html\" data-id=\"5377888\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n <main class=\"container\">\r\n \r\n\r\n <section id=\"calendar\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">Choisissez votre date<\/span>\r\n <h2>Selectionnez un creneau disponible<\/h2>\r\n <p class=\"muted\">Calendrier interactif simplifie (modifiable selon vos disponibilites WordPress).<\/p>\r\n <\/div>\r\n <div class=\"slot-grid\">\r\n <button type=\"button\" class=\"slot-btn\" data-slot=\"Lundi 10h00\">Lundi 10h00<\/button>\r\n <button type=\"button\" class=\"slot-btn\" data-slot=\"Mardi 14h00\">Mardi 14h00<\/button>\r\n <button type=\"button\" class=\"slot-btn\" data-slot=\"Mercredi 16h30\">Mercredi 16h30<\/button>\r\n <button type=\"button\" class=\"slot-btn\" data-slot=\"Jeudi 11h00\">Jeudi 11h00<\/button>\r\n <button type=\"button\" class=\"slot-btn\" data-slot=\"Vendredi 15h00\">Vendredi 15h00<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-718756a elementor-widget elementor-widget-html\" data-id=\"718756a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <main class=\"container\">\r\n <section id=\"booking\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">Formulaire client<\/span>\r\n <h2>Confirmez votre reservation<\/h2>\r\n <\/div>\r\n\r\n <div id=\"bookingFlow\" class=\"booking-wrap\">\r\n <form id=\"bookingForm\" class=\"panel\">\r\n <div class=\"field\">\r\n <label for=\"fullname\">Nom complet<\/label>\r\n <input id=\"fullname\" name=\"fullname\" type=\"text\" required \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"whatsapp\">Numero WhatsApp<\/label>\r\n <input id=\"whatsapp\" name=\"whatsapp\" type=\"tel\" required \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"email\">Email (optionnel)<\/label>\r\n <input id=\"email\" name=\"email\" type=\"email\" \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"topic\">Sujet de la consultation<\/label>\r\n <select id=\"topic\" name=\"topic\" required>\r\n <option value=\"\">Selectionnez un sujet<\/option>\r\n <option>Etudes a l'etranger<\/option>\r\n <option>Bourses d'etudes<\/option>\r\n <option>Orientation academique<\/option>\r\n <option>Carriere professionnelle<\/option>\r\n <option>Business \/ Projet<\/option>\r\n <option>Projet personnel<\/option>\r\n <option>Autre<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"details\">Decrivez brievement votre besoin<\/label>\r\n <textarea id=\"details\" name=\"details\" required><\/textarea>\r\n <\/div>\r\n\r\n <h3>Mode de paiement<\/h3>\r\n <div class=\"pay-list\">\r\n <label class=\"pay-item\"><input type=\"radio\" name=\"payment\" value=\"Orange Money\" required \/> Orange Money<\/label>\r\n <label class=\"pay-item\"><input type=\"radio\" name=\"payment\" value=\"Moov Money\" \/> Moov Money<\/label>\r\n <label class=\"pay-item\"><input type=\"radio\" name=\"payment\" value=\"Wave\" \/> Wave<\/label>\r\n <label class=\"pay-item\"><input type=\"radio\" name=\"payment\" value=\"Carte bancaire\" \/> Carte bancaire (si disponible)<\/label>\r\n <\/div>\r\n\r\n <div class=\"upsell\">\r\n <label class=\"pay-item\">\r\n <input type=\"checkbox\" id=\"urgent\" \/>\r\n Besoin urgent ? Consultation prioritaire sous 24h (+15 000 FCFA)\r\n <\/label>\r\n <\/div>\r\n\r\n <button class=\"btn btn-primary\" type=\"submit\">Confirmer et payer<\/button>\r\n <\/form>\r\n\r\n <aside class=\"panel recap\">\r\n <h3>Recapitulatif<\/h3>\r\n <ul>\r\n <li><span>Formule<\/span><strong id=\"selectedPlan\">Consultation Premium (1h)<\/strong><\/li>\r\n <li><span>Creneau<\/span><strong id=\"selectedSlot\">A selectionner<\/strong><\/li>\r\n <li><span>Paiement<\/span><strong id=\"selectedPayment\">A selectionner<\/strong><\/li>\r\n <li><span>Prioritaire 24h<\/span><strong id=\"selectedUpsell\">Non<\/strong><\/li>\r\n <\/ul>\r\n <div class=\"total\">\r\n <span>Total<\/span>\r\n <span id=\"totalPrice\">50 000 FCFA<\/span>\r\n <\/div>\r\n <p class=\"muted\" style=\"margin-top:12px;\">Le rendez-vous est confirme apres paiement. Vous recevrez ensuite un message WhatsApp.<\/p>\r\n <\/aside>\r\n <\/div>\r\n\r\n <div id=\"successScreen\" class=\"success-screen\">\r\n <h3>Merci pour votre reservation<\/h3>\r\n <p>Votre demande a bien ete recue.<\/p>\r\n <ul class=\"success-list\">\r\n <li>\u2714 Consultation confirmee apres paiement<\/li>\r\n <li>\u2714 Vous recevrez un message WhatsApp<\/li>\r\n <li>\u2714 Preparez vos questions<\/li>\r\n <\/ul>\r\n <a id=\"waConfirmBtn\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-whatsapp\">Ouvrir WhatsApp<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd439a6 elementor-widget elementor-widget-html\" data-id=\"fd439a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <main class=\"container\">\r\n \r\n <section id=\"trust\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">Pourquoi reserver avec nous ?<\/span>\r\n <h2>Une consultation utile, concrete et orientee resultats<\/h2>\r\n <\/div>\r\n <ul class=\"trust-list\">\r\n <li>\u2714 Conseils concrets et applicables<\/li>\r\n <li>\u2714 Regard exterieur professionnel<\/li>\r\n <li>\u2714 Gain de temps considerable<\/li>\r\n <li>\u2714 Orientation claire<\/li>\r\n <li>\u2714 Accompagnement personnalise<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-060ee90 elementor-widget elementor-widget-html\" data-id=\"060ee90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n\r\n <main class=\"container\">\r\n\r\n <section id=\"faq\">\r\n <div class=\"section-head\">\r\n <span class=\"kicker\">FAQ<\/span>\r\n <h2>Questions frequentes<\/h2>\r\n <\/div>\r\n <div class=\"faq\">\r\n <details open>\r\n <summary>La consultation est-elle en ligne ?<\/summary>\r\n <p>Oui, via WhatsApp appel, Zoom ou Google Meet.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Puis-je poser plusieurs questions ?<\/summary>\r\n <p>Oui, surtout avec la formule 1 heure.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Puis-je deplacer mon rendez-vous ?<\/summary>\r\n <p>Oui, selon disponibilite.<\/p>\r\n <\/details>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88b2523 elementor-widget elementor-widget-html\" data-id=\"88b2523\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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.0\" \/>\r\n <title>Reservation Consultation Premium<\/title>\r\n <meta name=\"description\" content=\"Reservez votre consultation personnalisee et obtenez des conseils strategiques clairs, concrets et applicables.\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\" \/>\r\n <style>\r\n :root{\r\n --navy:#05173f;\r\n --navy-soft:#0b2a64;\r\n --white:#ffffff;\r\n --bg:#f3f6ff;\r\n --text:#0f1b33;\r\n --muted:#60708f;\r\n --danger:#c3192d;\r\n --success:#1f9a51;\r\n --ring:rgba(10,27,70,.12);\r\n --shadow:0 20px 45px rgba(5,23,63,.14);\r\n --radius:18px;\r\n }\r\n\r\n \r\n\r\n html{scroll-behavior:smooth;}\r\n\r\n body{\r\n font-family:\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(900px 450px at -10% -10%, rgba(195,25,45,.10), transparent 60%),\r\n radial-gradient(900px 550px at 120% -10%, rgba(11,42,100,.15), transparent 60%),\r\n var(--bg);\r\n line-height:1.6;\r\n \r\n }\r\n\r\n .container{\r\n width:min(1120px, 92%);\r\n margin-inline:auto;\r\n }\r\n\r\n .hero{\r\n padding:90px 0 72px;\r\n background:\r\n linear-gradient(120deg, rgba(4,15,44,.92), rgba(8,33,84,.78)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=80\") center\/cover no-repeat;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(180deg, rgba(8,21,56,.35), rgba(8,21,56,.78));\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:1;\r\n display:grid;\r\n grid-template-columns:1.25fr .75fr;\r\n gap:26px;\r\n align-items:start;\r\n }\r\n\r\n .badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:.78rem;\r\n text-transform:uppercase;\r\n letter-spacing:.08em;\r\n font-weight:700;\r\n padding:8px 14px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.36);\r\n background:rgba(255,255,255,.10);\r\n margin-bottom:16px;\r\n }\r\n\r\n h1{\r\n font-size:clamp(2rem, 4vw, 3.2rem);\r\n line-height:1.1;\r\n margin-bottom:12px;\r\n }\r\n\r\n .hero-lead{font-size:1.12rem;color:rgba(255,255,255,.95);margin-bottom:10px;}\r\n .hero-copy{color:rgba(255,255,255,.86);}\r\n\r\n .hero-cta{\r\n margin-top:22px;\r\n display:flex;\r\n gap:12px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn{\r\n border:none;\r\n border-radius:999px;\r\n padding:13px 24px;\r\n min-height:48px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n cursor:pointer;\r\n transition:.22s ease;\r\n text-decoration:none;\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:7px;\r\n }\r\n .btn:hover{transform:translateY(-2px);}\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #c3192d, #df3348);\r\n box-shadow:0 14px 28px rgba(195,25,45,.35);\r\n }\r\n .btn-soft{\r\n color:#fff;\r\n border:1px solid rgba(255,255,255,.45);\r\n background:rgba(255,255,255,.09);\r\n }\r\n .btn-whatsapp{\r\n color:#fff;\r\n background:linear-gradient(135deg, #1a9a4f, #22b05d);\r\n box-shadow:0 12px 22px rgba(22,112,58,.26);\r\n }\r\n\r\n .hero-panel{\r\n background:rgba(255,255,255,.12);\r\n border:1px solid rgba(255,255,255,.3);\r\n border-radius:var(--radius);\r\n padding:22px;\r\n backdrop-filter:blur(8px);\r\n }\r\n .hero-panel h2{font-size:1.1rem;margin-bottom:12px;}\r\n .hero-panel ul{list-style:none;display:grid;gap:10px;}\r\n .hero-panel li{display:flex;gap:8px;align-items:flex-start;}\r\n\r\n main{padding:58px 0 84px;}\r\n section + section{margin-top:52px;}\r\n\r\n .section-head{margin-bottom:18px;}\r\n .kicker{\r\n color:var(--danger);\r\n font-size:.78rem;\r\n letter-spacing:.1em;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:6px;\r\n display:inline-block;\r\n }\r\n h2{font-size:clamp(1.45rem, 2.8vw, 2.1rem);line-height:1.2;}\r\n .muted{color:var(--muted);}\r\n\r\n .pricing-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2, minmax(0,1fr));\r\n gap:18px;\r\n }\r\n\r\n .price-card{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:22px;\r\n position:relative;\r\n transition:.24s ease;\r\n }\r\n\r\n .price-card:hover{transform:translateY(-4px);}\r\n .price-card.featured{\r\n border:2px solid rgba(195,25,45,.45);\r\n background:linear-gradient(180deg, #fff, #fff7f8);\r\n }\r\n .highlight{\r\n position:absolute;\r\n top:12px;\r\n right:12px;\r\n background:#c3192d;\r\n color:#fff;\r\n border-radius:999px;\r\n font-size:.72rem;\r\n font-weight:700;\r\n padding:6px 10px;\r\n }\r\n\r\n .price-card h3{font-size:1.25rem;}\r\n .duration{font-weight:700;color:var(--navy-soft);margin-top:2px;}\r\n .amount{font-size:1.52rem;font-weight:800;margin:9px 0 12px;}\r\n .list{list-style:none;display:grid;gap:8px;margin-bottom:16px;}\r\n .list li{display:flex;gap:9px;align-items:flex-start;color:#23375d;}\r\n\r\n .slot-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:12px;\r\n }\r\n\r\n .slot-btn{\r\n width:100%;\r\n padding:12px;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n background:#fff;\r\n color:#1c3057;\r\n font-weight:600;\r\n cursor:pointer;\r\n transition:.2s ease;\r\n }\r\n .slot-btn:hover{border-color:#1d4a93;transform:translateY(-2px);}\r\n .slot-btn.active{\r\n background:#0b2a64;\r\n color:#fff;\r\n border-color:#0b2a64;\r\n box-shadow:0 12px 24px rgba(11,42,100,.26);\r\n }\r\n\r\n .booking-wrap{\r\n display:grid;\r\n grid-template-columns:1.1fr .9fr;\r\n gap:18px;\r\n }\r\n\r\n .panel{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:var(--radius);\r\n box-shadow:var(--shadow);\r\n padding:20px;\r\n }\r\n\r\n .field{\r\n display:grid;\r\n gap:7px;\r\n margin-bottom:14px;\r\n }\r\n label{font-weight:600;font-size:.92rem;}\r\n input, select, textarea{\r\n border:1px solid #ccd5e6;\r\n border-radius:12px;\r\n padding:12px 13px;\r\n font:inherit;\r\n color:var(--text);\r\n width:100%;\r\n transition:.2s ease;\r\n background:#fff;\r\n }\r\n input:focus, select:focus, textarea:focus{\r\n outline:none;\r\n border-color:#2b62be;\r\n box-shadow:0 0 0 3px rgba(43,98,190,.14);\r\n }\r\n textarea{min-height:116px;resize:vertical;}\r\n\r\n .pay-list{\r\n display:grid;\r\n gap:9px;\r\n margin-top:8px;\r\n }\r\n .pay-item{\r\n display:flex;\r\n align-items:center;\r\n gap:9px;\r\n padding:10px 12px;\r\n border:1px solid var(--ring);\r\n border-radius:11px;\r\n }\r\n .pay-item input{width:auto;}\r\n\r\n .upsell{\r\n margin:14px 0;\r\n padding:14px;\r\n border-radius:14px;\r\n border:1px dashed rgba(195,25,45,.55);\r\n background:#fff7f8;\r\n }\r\n\r\n .recap{\r\n background:linear-gradient(180deg, #f8faff, #eef3ff);\r\n }\r\n .recap h3{margin-bottom:10px;}\r\n .recap ul{list-style:none;display:grid;gap:7px;}\r\n .recap li{\r\n display:flex;\r\n justify-content:space-between;\r\n gap:10px;\r\n color:#23375d;\r\n }\r\n .recap strong{color:#06183f;}\r\n .total{\r\n margin-top:12px;\r\n padding-top:12px;\r\n border-top:1px solid rgba(10,27,70,.2);\r\n font-size:1.12rem;\r\n font-weight:800;\r\n display:flex;\r\n justify-content:space-between;\r\n }\r\n\r\n .trust-list{\r\n list-style:none;\r\n display:grid;\r\n grid-template-columns:repeat(5, minmax(0,1fr));\r\n gap:10px;\r\n }\r\n .trust-list li{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n box-shadow:0 8px 20px rgba(8,24,64,.08);\r\n padding:12px;\r\n font-weight:600;\r\n color:#1d3258;\r\n }\r\n\r\n .faq{display:grid;gap:12px;}\r\n details{\r\n background:#fff;\r\n border:1px solid var(--ring);\r\n border-radius:12px;\r\n padding:14px;\r\n }\r\n summary{cursor:pointer;font-weight:700;}\r\n details p{margin-top:8px;color:#43587f;}\r\n\r\n .cta-bottom{\r\n padding:28px;\r\n border-radius:20px;\r\n color:#fff;\r\n background:linear-gradient(120deg, #081f52, #143987);\r\n box-shadow:0 20px 40px rgba(8,24,64,.3);\r\n text-align:center;\r\n }\r\n .cta-bottom p{opacity:.9;margin:10px 0 16px;}\r\n\r\n .success-screen{\r\n display:none;\r\n padding:24px;\r\n background:#effcf4;\r\n border:1px solid rgba(31,154,81,.35);\r\n border-radius:18px;\r\n box-shadow:0 18px 34px rgba(31,154,81,.12);\r\n }\r\n .success-screen.show{display:block;}\r\n .success-screen h3{color:#166f3e;margin-bottom:6px;}\r\n .success-list{list-style:none;display:grid;gap:7px;margin:12px 0 16px;}\r\n\r\n .hide{display:none !important;}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid,\r\n .booking-wrap,\r\n .pricing-grid{grid-template-columns:1fr;}\r\n .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n .trust-list{grid-template-columns:repeat(2,minmax(0,1fr));}\r\n }\r\n\r\n @media (max-width: 640px){\r\n .hero{padding-top:74px;}\r\n .slot-grid{grid-template-columns:1fr;}\r\n .trust-list{grid-template-columns:1fr;}\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <main class=\"container\">\r\n \r\n <section class=\"cta-bottom\">\r\n <h2 style=\"color:white\">Prenez une vraie avance sur vos decisions<\/h2>\r\n <p>Reservez maintenant votre consultation et obtenez une orientation claire.<\/p>\r\n <a href=\"#booking\" class=\"btn btn-primary\">Reserver maintenant<\/a>\r\n <\/section>\r\n <\/main>\r\n\r\n <script>\r\n (function(){\r\n const WHATSAPP_NUMBER = \"22644892222\";\r\n const DEFAULT_PLAN = {\r\n label: \"Consultation Premium (1h)\",\r\n price: 50000\r\n };\r\n const UPSSELL_PRICE = 15000;\r\n\r\n let chosenPlan = {...DEFAULT_PLAN};\r\n let chosenSlot = \"\";\r\n\r\n const planButtons = document.querySelectorAll(\".plan-btn\");\r\n const planCards = document.querySelectorAll(\".price-card\");\r\n const slotButtons = document.querySelectorAll(\".slot-btn\");\r\n const paymentInputs = document.querySelectorAll(\"input[name='payment']\");\r\n const urgentInput = document.getElementById(\"urgent\");\r\n const bookingForm = document.getElementById(\"bookingForm\");\r\n\r\n const selectedPlan = document.getElementById(\"selectedPlan\");\r\n const selectedSlot = document.getElementById(\"selectedSlot\");\r\n const selectedPayment = document.getElementById(\"selectedPayment\");\r\n const selectedUpsell = document.getElementById(\"selectedUpsell\");\r\n const totalPrice = document.getElementById(\"totalPrice\");\r\n\r\n const bookingFlow = document.getElementById(\"bookingFlow\");\r\n const successScreen = document.getElementById(\"successScreen\");\r\n const waConfirmBtn = document.getElementById(\"waConfirmBtn\");\r\n\r\n function formatFcfa(amount){\r\n return amount.toLocaleString(\"fr-FR\") + \" FCFA\";\r\n }\r\n\r\n function updateRecap(){\r\n selectedPlan.textContent = chosenPlan.label;\r\n selectedSlot.textContent = chosenSlot || \"A selectionner\";\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n selectedPayment.textContent = selectedPay ? selectedPay.value : \"A selectionner\";\r\n selectedUpsell.textContent = urgentInput.checked ? \"Oui (+15 000 FCFA)\" : \"Non\";\r\n const amount = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n totalPrice.textContent = formatFcfa(amount);\r\n }\r\n\r\n planButtons.forEach((button) => {\r\n button.addEventListener(\"click\", () => {\r\n const card = button.closest(\".price-card\");\r\n planCards.forEach((item) => item.style.outline = \"none\");\r\n card.style.outline = \"3px solid rgba(11,42,100,.25)\";\r\n chosenPlan = {\r\n label: card.dataset.label,\r\n price: Number(card.dataset.price)\r\n };\r\n updateRecap();\r\n document.getElementById(\"booking\").scrollIntoView({behavior:\"smooth\"});\r\n });\r\n });\r\n\r\n slotButtons.forEach((slot) => {\r\n slot.addEventListener(\"click\", () => {\r\n slotButtons.forEach((s) => s.classList.remove(\"active\"));\r\n slot.classList.add(\"active\");\r\n chosenSlot = slot.dataset.slot;\r\n updateRecap();\r\n });\r\n });\r\n\r\n paymentInputs.forEach((input) => {\r\n input.addEventListener(\"change\", updateRecap);\r\n });\r\n urgentInput.addEventListener(\"change\", updateRecap);\r\n\r\n bookingForm.addEventListener(\"submit\", (event) => {\r\n event.preventDefault();\r\n\r\n if (!chosenSlot) {\r\n alert(\"Veuillez selectionner un creneau avant de confirmer.\");\r\n document.getElementById(\"calendar\").scrollIntoView({behavior:\"smooth\"});\r\n return;\r\n }\r\n\r\n const selectedPay = document.querySelector(\"input[name='payment']:checked\");\r\n if (!selectedPay) {\r\n alert(\"Veuillez selectionner un mode de paiement.\");\r\n return;\r\n }\r\n\r\n const formData = new FormData(bookingForm);\r\n const total = chosenPlan.price + (urgentInput.checked ? UPSSELL_PRICE : 0);\r\n const message = [\r\n \"Bonjour, je viens de reserver une consultation :\",\r\n \"- Nom: \" + formData.get(\"fullname\"),\r\n \"- WhatsApp: \" + formData.get(\"whatsapp\"),\r\n \"- Email: \" + (formData.get(\"email\") || \"Non renseigne\"),\r\n \"- Formule: \" + chosenPlan.label,\r\n \"- Creneau: \" + chosenSlot,\r\n \"- Sujet: \" + formData.get(\"topic\"),\r\n \"- Besoin: \" + formData.get(\"details\"),\r\n \"- Paiement choisi: \" + selectedPay.value,\r\n \"- Prioritaire 24h: \" + (urgentInput.checked ? \"Oui\" : \"Non\"),\r\n \"- Total: \" + formatFcfa(total)\r\n ].join(\"\\n\");\r\n\r\n waConfirmBtn.href = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n bookingFlow.classList.add(\"hide\");\r\n successScreen.classList.add(\"show\");\r\n successScreen.scrollIntoView({behavior:\"smooth\"});\r\n });\r\n\r\n updateRecap();\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>Reservation Consultation Premium Consultation Premium Reservez votre consultation personnalisee Obtenez des conseils strategiques, des orientations concretes et un accompagnement adapte a votre situation. Que ce soit pour vos etudes, votre carriere, un projet personnel ou professionnel, cette consultation vous permet d’avancer avec clarte et methode. Reserver ma consultation Contacter sur WhatsApp Une experience premium et rassurante \ud83d\udd34 Cabinet serieux et approche professionnelle \ud83d\udd34 Processus simple, rapide et fluide \ud83d\udd34 Forte valeur ajoutee et recommandations utiles Reservation Consultation Premium Choisissez votre formule Selectionnez la consultation adaptee a votre besoin Consultation Express 30 Minutes 30 000 FCFA \u2714 ideal pour une question precise \u2714 besoin rapide \u2714 orientation ciblee Reserver 30 min Recommande Consultation Premium 1 Heure 50 000 FCFA \u2714 analyse plus approfondie \u2714 plusieurs questions possibles \u2714 recommandations strategiques \u2714 plan d’action concret Reserver 1h Reservation Consultation Premium Choisissez votre date Selectionnez un creneau disponible Calendrier interactif simplifie (modifiable selon vos disponibilites WordPress). Lundi 10h00 Mardi 14h00 Mercredi 16h30 Jeudi 11h00 Vendredi 15h00 Reservation Consultation Premium Formulaire client Confirmez votre reservation Nom complet Numero WhatsApp Email (optionnel) Sujet de la consultation Selectionnez un sujetEtudes a l’etrangerBourses d’etudesOrientation academiqueCarriere professionnelleBusiness \/ ProjetProjet personnelAutre Decrivez brievement votre besoin Mode de paiement Orange Money Moov Money Wave Carte bancaire (si disponible) Besoin urgent ? Consultation prioritaire sous 24h (+15 000 FCFA) Confirmer et payer Recapitulatif FormuleConsultation Premium (1h) CreneauA selectionner PaiementA selectionner Prioritaire 24hNon Total 50 000 FCFA Le rendez-vous est confirme apres paiement. Vous recevrez ensuite un message WhatsApp. Merci pour votre reservation Votre demande a bien ete recue. \u2714 Consultation confirmee apres paiement \u2714 Vous recevrez un message WhatsApp \u2714 Preparez vos questions Ouvrir WhatsApp Reservation Consultation Premium Pourquoi reserver avec nous ? Une consultation utile, concrete et orientee resultats \u2714 Conseils concrets et applicables \u2714 Regard exterieur professionnel \u2714 Gain de temps considerable \u2714 Orientation claire \u2714 Accompagnement personnalise Reservation Consultation Premium FAQ Questions frequentes La consultation est-elle en ligne ? Oui, via WhatsApp appel, Zoom ou Google Meet. Puis-je poser plusieurs questions ? Oui, surtout avec la formule 1 heure. Puis-je deplacer mon rendez-vous ? Oui, selon disponibilite. Reservation Consultation Premium Prenez une vraie avance sur vos decisions Reservez maintenant votre consultation et obtenez une orientation claire. Reserver maintenant<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-5775","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/pages\/5775","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/comments?post=5775"}],"version-history":[{"count":44,"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/pages\/5775\/revisions"}],"predecessor-version":[{"id":5830,"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/pages\/5775\/revisions\/5830"}],"wp:attachment":[{"href":"https:\/\/haminehappy.fr\/index.php\/wp-json\/wp\/v2\/media?parent=5775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}