{"id":12,"date":"2026-01-27T17:26:16","date_gmt":"2026-01-27T17:26:16","guid":{"rendered":"https:\/\/www.myclinia.com\/?page_id=12"},"modified":"2026-02-26T08:29:18","modified_gmt":"2026-02-26T08:29:18","slug":"chat","status":"publish","type":"page","link":"https:\/\/www.myclinia.com\/en\/","title":{"rendered":"Conseil Pharmacien &amp; M\u00e9dicaments en Ligne | MyClinia"},"content":{"rendered":"<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n    \n    <style>\n        .clinia-card {\n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n            border: 1px solid #f1f5f9;\n        }\n        .clinia-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(0,74,153,0.08) !important;\n            border-color: #004a99 !important;\n        }\n        .clinia-quick-btn {\n            transition: all 0.2s;\n            border: 1px solid #e2e8f0 !important;\n            text-align: left;\n            background: white;\n            color: #475569;\n            padding: 14px;\n            border-radius: 14px;\n            cursor: pointer;\n            font-size: 0.95em;\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        .clinia-quick-btn:hover {\n            background: #f8fafc !important;\n            border-color: #004a99 !important;\n            color: #004a99 !important;\n            transform: translateX(4px);\n        }\n        #clinia-chat-container {\n            animation: fadeInChat 0.8s ease-out;\n            border: 1px solid #e2e8f0;\n        }\n        @keyframes fadeInChat {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        .trust-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 5px;\n            background: #f0f7ff;\n            color: #004a99;\n            padding: 5px 12px;\n            border-radius: 20px;\n            font-size: 0.85em;\n            font-weight: 600;\n            margin-bottom: 15px;\n        }\n\n        \/* --- NOUVEAU STYLE WHATSAPP (STYLE EXPERTS) --- *\/\n        @keyframes wa-pulse {\n            0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5); }\n            70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }\n            100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }\n        }\n        .wa-float-btn {\n            position: fixed; bottom: 30px; right: 30px;\n            background: #25d366; color: white !important;\n            padding: 12px 22px; border-radius: 50px;\n            text-decoration: none !important; font-weight: bold; font-size: 15px;\n            display: flex; align-items: center; gap: 10px;\n            box-shadow: 0 10px 25px rgba(37, 211, 102, 0.3);\n            z-index: 99999; transition: all 0.3s ease;\n            border: 2px solid white;\n            animation: wa-pulse 2s infinite;\n        }\n        .wa-float-btn:hover { transform: scale(1.05); background: #128c7e; animation: none; }\n        \n        @media (max-width: 600px) {\n            .wa-float-btn { bottom: 20px; right: 20px; padding: 10px 15px; font-size: 14px; }\n            .wa-text-label { display: none; } \/* Masque le texte sur mobile pour garder l'ic\u00f4ne *\/\n        }\n    <\/style>\n\n    <a href=\"https:\/\/wa.me\/33756948090?text=Bonjour%20MyClinia%2C%20je%20souhaite%20\u00e9changer%20avec%20un%20expert.\" class=\"wa-float-btn\" target=\"_blank\">\n        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.411-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n        <span class=\"wa-text-label\">Besoin d'aide?<\/span>\n    <\/a>\n\n    <div style=\"max-width: 900px; margin: 0 auto 20px auto; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; padding: 10px 20px; text-align: center;\">\n    <div class=\"trust-badge\">\ud83d\udee1\ufe0f Certified Secure Health Service<\/div>\n    \n    <h1 style=\"color: #004a99; font-size: 2.4em; margin-bottom: 10px; font-weight: 800; letter-spacing: -1px; line-height: 1.1;\">\n        Take care of yourself <span style=\"color: #2563eb;\">easily<\/span>\n    <\/h1>\n\n    <p style=\"font-size: 1.2em; color: #1e293b; max-width: 700px; margin: 0 auto; font-weight: 500;\">\n        L'alliance entre la <span style=\"color: #2563eb; font-weight: 700;\">rapidit\u00e9 de l'IA<\/span> et <span style=\"color: #004a99; font-weight: 700;\">l'expertise de l'humain<\/span>.\n    <\/p>\n<\/div>\n\n<div style=\"display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; margin-bottom: 30px; max-width: 800px; margin-left: auto; margin-right: auto;\">\n    <div style=\"flex: 1; min-width: 250px; background: #ffffff; padding: 15px 20px; border-radius: 15px; display: flex; align-items: center; gap: 15px; border: 1px solid #f1f5f9; box-shadow: 0 2px 10px rgba(0,0,0,0.02);\">\n        <span style=\"font-size: 24px;\">\u26a1<\/span>\n        <div style=\"text-align: left;\">\n            <h4 style=\"color: #004a99; margin: 0; font-size: 0.95em; font-weight: 700;\">IA Express 24h\/24<\/h4>\n            <p style=\"font-size: 0.85em; color: #64748b; margin: 0;\">Analyse imm\u00e9diate<\/p>\n        <\/div>\n    <\/div>\n    <div style=\"flex: 1; min-width: 250px; background: #ffffff; padding: 15px 20px; border-radius: 15px; display: flex; align-items: center; gap: 15px; border: 1px solid #f1f5f9; box-shadow: 0 2px 10px rgba(0,0,0,0.02);\">\n        <span style=\"font-size: 24px;\">\ud83d\udc68\u200d\u2695\ufe0f<\/span>\n        <div style=\"text-align: left;\">\n            <h4 style=\"color: #16a34a; margin: 0; font-size: 0.95em; font-weight: 700;\">Experts Dipl\u00f4m\u00e9s<\/h4>\n            <p style=\"font-size: 0.85em; color: #64748b; margin: 0;\">Validation humaine<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"clinia-chat-container\" style=\"max-width:650px; margin:0 auto 40px auto; font-family: sans-serif; border-radius: 28px; overflow: hidden; background: #fff; box-shadow: 0 30px 60px rgba(0,74,153,0.15);\">\n        \n        <div style=\"background: #004a99; padding: 25px; display: flex; align-items: center; gap: 15px; color: white;\">\n            <div style=\"position: relative;\">\n                <div style=\"width: 52px; height: 52px; background: #fff; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 24px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\ud83e\udd16<\/div>\n                <span style=\"position: absolute; bottom: -2px; right: -2px; width: 14px; height: 14px; background: #4ade80; border: 3px solid #004a99; border-radius: 50%;\"><\/span>\n            <\/div>\n            <div>\n                <div style=\"font-weight: 700; font-size: 1.2em; letter-spacing: 0.2px;\">MyClinia asistant<\/div>\n                <div style=\"font-size: 0.85em; opacity: 0.9; font-weight: 400;\">Answers in under 5 seconds<\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"clinia-log\" style=\"height:450px; padding:30px; overflow-y:auto; background:#f8fafc; scroll-behavior: smooth;\">\n            <div style=\"margin-bottom:25px;\">\n                <span style=\"background:white; color:#1f2937; padding:15px 20px; border-radius:20px 20px 20px 5px; display:inline-block; max-width:85%; box-shadow: 0 4px 15px rgba(0,0,0,0.04); line-height: 1.5; font-size: 1.05em;\">\n                    Hi! I'm here to guide you through your health concerns. How may I assist you?\n                <\/span>\n            <\/div>\n            \n            <div id=\"clinia-quick-actions\" style=\"display: flex; flex-direction: column; gap: 12px; margin-top: 15px;\">\n                <button class=\"clinia-quick-btn\" onclick=\"sendQuickMessage('\ud83d\udc8a D\u00e9crypter une ordonnance ou un m\u00e9dicament')\"><span>\ud83d\udc8a<\/span> Understand your prescription or medication<\/button>\n                <button class=\"clinia-quick-btn\" onclick=\"sendQuickMessage('\ud83c\udf7c Conseil Maternit\u00e9 et B\u00e9b\u00e9')\"><span>\ud83c\udf7c<\/span> \ud83c\udf7c Maternity &amp; Baby<\/button>\n                <button class=\"clinia-quick-btn\" onclick=\"sendQuickMessage('\ud83e\udd66 Programme Nutrition et Sommeil')\"><span>\ud83e\udd66<\/span> \ud83e\udd66 Nutrition &amp; Sleep<\/button>\n                <button class=\"clinia-quick-btn\" onclick=\"window.location.href='\/homeo-chat\/'\" style=\"border-color: #16a34a !important; color:#16a34a !important; background: #f0fdf4 !important; font-weight: 600;\"><span>\ud83c\udf3f<\/span> \ud83c\udf3f Homeopathy &amp; Natural Care<\/button>\n                <button class=\"clinia-quick-btn\" onclick=\"sendQuickMessage('\u26a0\ufe0f Analyser un sympt\u00f4me inqui\u00e9tant')\" style=\"border-color: #f43f5e !important; color:#f43f5e !important; background: #fff1f2 !important;\"><span>\u26a0\ufe0f<\/span> \u26a0\ufe0f I have a worrying symptom<\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"clinia-pro-suggestion\" style=\"display:none; padding:25px; background:#fff; border-top:1px solid #e2e8f0; text-align:center; animation: slideUp 0.4s ease-out;\">\n            <p id=\"pro-text\" style=\"margin-bottom:18px; font-weight:600; color:#1e293b; font-size: 1.1em;\">\n                \ud83d\udee1\ufe0f Your health deserves a professional opinion.\n            <\/p>\n            <button id=\"btn-go-premium\" style=\"background:#004a99; color:white; padding:16px 30px; border:none; border-radius:15px; cursor:pointer; font-weight:bold; width: 100%; font-size: 1.1em; transition: 0.3s; box-shadow: 0 4px 15px rgba(0,74,153,0.3);\">\n                Consult an expert now\n            <\/button>\n            <p style=\"text-align: center; font-size: 13px; color: #94a3b8; margin-top: 15px; font-style: italic;\">\n                Or chat for free below\n            <\/p>\n        <\/div>\n\n        <div style=\"display:flex; gap:12px; padding:25px; background:#fff; border-top:1px solid #f1f5f9; align-items: center;\">\n            <input type=\"text\" id=\"clinia-user-input\" placeholder=\"Describe your concern here...\" style=\"flex:1; padding:16px; border:2px solid #f1f5f9; border-radius:16px; outline:none; font-size: 1em; transition: 0.2s;\">\n            <button onclick=\"sendCliniaMessage()\" style=\"height: 54px; width: 54px; background:#004a99; color:white; border:none; border-radius:16px; cursor:pointer; display: flex; align-items: center; justify-content: center; font-size: 24px; transition: 0.3s;\" title=\"Send\">\u27a4<\/button>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const inputField = document.getElementById('clinia-user-input');\n        if (inputField) {\n            inputField.addEventListener('keypress', function (e) {\n                if (e.key === 'Enter') { \n                    e.preventDefault();\n                    sendCliniaMessage(); \n                }\n            });\n        }\n    });\n\n    function sendQuickMessage(text) {\n        document.getElementById('clinia-user-input').value = text;\n        const qa = document.getElementById('clinia-quick-actions');\n        if(qa) qa.style.display = 'none';\n        sendCliniaMessage();\n    }\n\n    async function sendCliniaMessage() {\n        const input = document.getElementById('clinia-user-input');\n        const log = document.getElementById('clinia-log');\n        const msg = input.value.trim();\n        if(!msg) return;\n        \n        const qa = document.getElementById('clinia-quick-actions');\n        if(qa) qa.style.display = 'none';\n\n        log.innerHTML += `<div style=\"text-align:right; margin-bottom:25px;\"><span style=\"background:#004a99; color:white; padding:14px 20px; border-radius:22px 22px 4px 22px; display:inline-block; max-width:80%; box-shadow: 0 10px 20px rgba(0,74,153,0.1); line-height: 1.5; font-weight: 500;\">${msg}<\/span><\/div>`;\n        input.value = '';\n        log.scrollTop = log.scrollHeight;\n\n        try {\n            const response = await fetch('\/wp-json\/clinia\/v1\/chat', {\n                method: 'POST',\n                headers: {'Content-Type': 'application\/json'},\n                body: JSON.stringify({ message: msg })\n            });\n            const data = await response.json();\n            log.innerHTML += `<div style=\"margin-bottom:25px;\"><span style=\"background:white; color:#1e293b; padding:15px 20px; border-radius:22px 22px 22px 4px; display:inline-block; max-width:85%; box-shadow: 0 4px 15px rgba(0,0,0,0.04); line-height: 1.5;\">${data.answer}<\/span><\/div>`;\n            log.scrollTop = log.scrollHeight;\n            \n            if(data.pro_suggestion && data.pro_suggestion.status === 'show_button') {\n                const suggBox = document.getElementById('clinia-pro-suggestion');\n                if (suggBox) {\n                    suggBox.style.display = 'block';\n                    document.getElementById('btn-go-premium').onclick = function() { window.location.href = \"\/choix-parcours\/\"; };\n                }\n            }\n        } catch (e) { console.error(\"Erreur:\", e); }\n    }\n    <\/script>\n    \n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.myclinia.com\/en\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.myclinia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.myclinia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.myclinia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.myclinia.com\/en\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":15,"href":"https:\/\/www.myclinia.com\/en\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":153,"href":"https:\/\/www.myclinia.com\/en\/wp-json\/wp\/v2\/pages\/12\/revisions\/153"}],"wp:attachment":[{"href":"https:\/\/www.myclinia.com\/en\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}