<!DOCTYPE html> <html lang= »fr »> <head> <meta charset= »UTF-8″> <meta name= »viewport » content= »width=device-width, initial-scale=1.0″> <title>Système d’Anamnèse Intégrée – Dr Jean-Yves Henry</title> <style> :root { –primary-blue: #2E4BC6; –secondary-blue: #4A67D4; –accent-blue: #6B82E2; –primary-green: #7ED321; –secondary-green: #9AE234; –neutral-dark: #2C3E50; –neutral-light: #ECF0F1; –white: #FFFFFF; –gradient-primary: linear-gradient(135deg, #2E4BC6 0%, #4A67D4 100%); –gradient-accent: linear-gradient(135deg, #7ED321 0%, #9AE234 100%); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; } .container { background: white; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.2); max-width: 1200px; width: 100%; overflow: hidden; } .header { background: var(–gradient-primary); color: white; padding: 30px; text-align: center; } .header h1 { font-size: 2.5rem; margin-bottom: 10px; animation: fadeInDown 0.8s ease; } .header p { font-size: 1.1rem; opacity: 0.9; } .tab-container { display: flex; background: var(–neutral-light); overflow-x: auto; } .tab { flex: 1; padding: 20px; background: var(–neutral-light); border: none; cursor: pointer; transition: all 0.3s ease; font-size: 1rem; font-weight: 500; color: var(–neutral-dark); position: relative; min-width: 150px; } .tab:hover { background: #d5dbdc; } .tab.active { background: white; color: var(–primary-blue); box-shadow: 0 -3px 0 var(–primary-blue) inset; } .content-area { padding: 40px; min-height: 500px; } .envelope-section { display: none; animation: fadeIn 0.5s ease; } .envelope-section.active { display: block; } .question-card { background: var(–neutral-light); border-radius: 12px; padding: 25px; margin-bottom: 20px; border-left: 4px solid var(–primary-green); transition: all 0.3s ease; } .question-card:hover { transform: translateX(5px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .question-card h3 { color: var(–primary-blue); margin-bottom: 15px; display: flex; align-items: center; gap: 10px; } .question-card .number { background: var(–gradient-accent); color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; } .clinical-sense { background: white; padding: 15px; border-radius: 8px; margin-top: 15px; border: 1px solid #e0e0e0; } .clinical-sense h4 { color: var(–secondary-blue); margin-bottom: 10px; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; } .clinical-sense p { color: #666; line-height: 1.6; } .mtc-questions { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 30px; } .mtc-card { background: white; border: 2px solid var(–accent-blue); border-radius: 12px; padding: 20px; transition: all 0.3s ease; } .mtc-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .mtc-card h4 { color: var(–primary-blue); margin-bottom: 10px; } .interpretation { background: var(–neutral-light); padding: 10px; border-radius: 6px; margin-top: 10px; font-size: 0.9rem; } .cascade-logic { background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); border-radius: 12px; padding: 25px; margin-top: 30px; } .cascade-step { display: flex; align-items: center; margin-bottom: 20px; opacity: 0; animation: slideIn 0.5s ease forwards; } .cascade-step:nth-child(1) { animation-delay: 0.1s; } .cascade-step:nth-child(2) { animation-delay: 0.2s; } .cascade-step:nth-child(3) { animation-delay: 0.3s; } .cascade-step:nth-child(4) { animation-delay: 0.4s; } .arrow { font-size: 2rem; color: var(–primary-green); margin: 0 15px; } .step-content { background: white; padding: 15px; border-radius: 8px; flex: 1; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideIn { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } .interactive-demo { background: var(–neutral-light); border-radius: 12px; padding: 25px; margin-top: 30px; } .demo-button { background: var(–gradient-primary); color: white; border: none; padding: 12px 24px; border-radius: 8px; cursor: pointer; font-size: 1rem; font-weight: 500; transition: all 0.3s ease; margin: 5px; } .demo-button:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(46, 75, 198, 0.3); } .result-display { background: white; border: 2px solid var(–primary-green); border-radius: 8px; padding: 20px; margin-top: 20px; display: none; } .result-display.show { display: block; animation: fadeIn 0.5s ease; } @media (max-width: 768px) { .container { border-radius: 0; } .header h1 { font-size: 1.8rem; } .tab-container { flex-wrap: nowrap; overflow-x: scroll; } .mtc-questions { grid-template-columns: 1fr; } } </style> </head> <body> <div class= »container »> <div class= »header »> <h1>🔍 Système d’Anamnèse Intégrée</h1> <p>Fusion du Système de l’Enveloppe et des 8 Questions MTC</p> </div> <div class= »tab-container »> <button class= »tab active » onclick= »showSection(‘enveloppe’) »>📋 Système Enveloppe</button> <button class= »tab » onclick= »showSection(‘mtc’) »>☯️ 8 Questions MTC</button> <button class= »tab » onclick= »showSection(‘homeo’) »>🌿 Questions Homéo</button> <button class= »tab » onclick= »showSection(‘cascade’) »>🔄 Logique en Cascade</button> <button class= »tab » onclick= »showSection(‘demo’) »>💡 Démo Interactive</button> </div> <div class= »content-area »> <!– Section Système Enveloppe –> <div id= »enveloppe » class= »envelope-section active »> <h2>Les 7 Enveloppes de l’Investigation Clinique</h2> <div class= »question-card »> <h3><span class= »number »>1</span> Enveloppe Temporelle</h3> <p><strong>Questions clés :</strong> Depuis quand ? Comment a commencé ? Évolution ?</p> <div class= »clinical-sense »> <h4>Sens Clinique</h4> <p>L’ancienneté détermine la profondeur de l’atteinte et guide le choix de la dilution homéopathique. Un symptôme récent (< 3 mois) nécessite des basses dilutions, tandis qu’un trouble ancien requiert des hautes dilutions.</p> </div> </div> <div class= »question-card »> <h3><span class= »number »>2</span> Enveloppe Sensorielle</h3> <p><strong>Questions clés :</strong> Où exactement ? Comment décrivez-vous ? Intensité 0-10 ?</p> <div class= »clinical-sense »> <h4>Sens Clinique</h4> <p>La description précise « c’est comme si… » révèle souvent le similimum homéopathique. Les sensations étranges et particulières sont les plus précieuses pour le diagnostic.</p> </div> </div> <div class= »question-card »> <h3><span class= »number »>3</span> Enveloppe des Modalités</h3> <p><strong>Questions clés :</strong> Qu’est-ce qui améliore ? Qu’est-ce qui aggrave ?</p> <div class= »clinical-sense »> <h4>Sens Clinique</h4> <p>Les modalités orientent le diagnostic énergétique : amélioration par la chaleur = vide de Yang, amélioration par le mouvement = stagnation de Qi, aggravation par l’humidité = accumulation de Tan.</p> </div> </div> <div class= »question-card »> <h3><span class= »number »>4</span> Enveloppe Physiologique</h3> <p><strong>Questions clés :</strong> Sommeil ? Digestion ? Éliminations ?</p> <div class= »clinical-sense »> <h4>Sens Clinique</h4> <p>Les fonctions de base révèlent l’état des organes : insomnie d’endormissement = Yang du Cœur en excès, ballonnements = Rate en vide, constipation sèche = vide de Yin.</p> </div> </div> <div class= »question-card »> <h3><span class= »number »>5</span> Enveloppe Énergétique</h3> <p><strong>Application :</strong> Les 8 questions MTC pour diagnostic rapide</p> <div class= »clinical-sense »> <h4>Sens Clinique</h4> <p>Permet d’identifier rapidement le déséquilibre énergétique principal et d’orienter vers le bon pôle organique.</p> </div> </div> <div class= »question-card »> <h3><span class= »number »>6</span> Enveloppe Émotionnelle</h3> <p><strong>Questions clés :</strong> Émotion dominante ? Événements marquants ?</p> <div class= »clinical-sense »> <h4>Sens Clinique</h4> <p>Chaque émotion est liée à un organe : colère = Foie, tristesse = Poumon, peur = Rein, joie excessive = Cœur, rumination = Rate.</p> </div> </div> <div class= »question-card »> <h3><span class= »number »>7</span> Enveloppe Environnementale</h3> <p><strong>Questions clés :</strong> Environnement de vie/travail ? Expositions ?</p> <div class= »clinical-sense »> <h4>Sens Clinique</h4> <p>Les intoxications professionnelles et environnementales sont souvent sous-diagnostiquées mais peuvent être la cause principale des symptômes.</p> </div> </div> </div> <!– Section 8 Questions MTC –> <div id= »mtc » class= »envelope-section »> <h2>Les 8 Questions Fondamentales de la MTC</h2> <p style= »margin-bottom: 20px; color: #666; »>Méthode de diagnostic énergétique rapide en 8 questions essentielles</p> <div class= »mtc-questions »> <div class= »mtc-card »> <h4>1️⃣ FROID ou CHAUD ?</h4> <p><strong>Question :</strong> « Êtes-vous plutôt frileux ou avez-vous toujours chaud ? »</p> <div class= »interpretation »> <strong>Froid →</strong> Vide de Yang, terrain déminéralisé<br> <strong>Chaud →</strong> Plénitude de Yang, terrain intoxiqué </div> </div> <div class= »mtc-card »> <h4>2️⃣ JOUR ou NUIT ?</h4> <p><strong>Question :</strong> « Vos symptômes sont-ils pires le jour ou la nuit ? »</p> <div class= »interpretation »> <strong>Jour →</strong> Pathologie Yang, métabolique<br> <strong>Nuit →</strong> Pathologie Yin, régénération perturbée </div> </div> <div class= »mtc-card »> <h4>3️⃣ INTÉRIEUR ou EXTÉRIEUR ?</h4> <p><strong>Question :</strong> « Troubles en surface ou en profondeur ? »</p> <div class= »interpretation »> <strong>Extérieur →</strong> Pathologie récente, bon pronostic<br> <strong>Intérieur →</strong> Chronique, terrain atteint </div> </div> <div class= »mtc-card »> <h4>4️⃣ VIDE ou PLÉNITUDE ?</h4> <p><strong>Question :</strong> « Fatigue ou agitation ? »</p> <div class= »interpretation »> <strong>Vide →</strong> Insuffisance, hypofonction<br> <strong>Plénitude →</strong> Excès, hyperfonction </div> </div> <div class= »mtc-card »> <h4>5️⃣ TRANSPIRATION ?</h4> <p><strong>Question :</strong> « Comment transpirez-vous ? »</p> <div class= »interpretation »> <strong>Absente →</strong> Sécheresse, vide de liquides<br> <strong>Excessive →</strong> Vide de Qi, épuisement </div> </div> <div class= »mtc-card »> <h4>6️⃣ DOULEUR ?</h4> <p><strong>Question :</strong> « Où et comment ? »</p> <div class= »interpretation »> <strong>Fixe →</strong> Stase de sang<br> <strong>Mobile →</strong> Stagnation de Qi </div> </div> <div class= »mtc-card »> <h4>7️⃣ APPÉTIT et SOIF ?</h4> <p><strong>Question :</strong> « Comment sont-ils ? »</p> <div class= »interpretation »> <strong>Pas de soif →</strong> Humidité interne<br> <strong>Soif intense →</strong> Chaleur ou sécheresse </div> </div> <div class= »mtc-card »> <h4>8️⃣ SELLES et URINES ?</h4> <p><strong>Question :</strong> « Comment sont vos éliminations ? »</p> <div class= »interpretation »> <strong>Constipation →</strong> Sécheresse ou chaleur<br> <strong>Diarrhée →</strong> Humidité ou froid </div> </div> </div> </div> <!– Section Questions Homéopathiques –> <div id= »homeo » class= »envelope-section »> <h2>L’Art de l’Interrogatoire Homéopathique Subtil</h2> <div class= »question-card »> <h3>🔮 Les Sensations Étranges</h3> <p><em> »Avez-vous des sensations inhabituelles que vous hésitez à décrire ? »</em></p> <div class= »clinical-sense »> <h4>Exemples Révélateurs</h4> <p> • « Boule qui monte et descend » → IGNATIA<br> • « Os en verre » → THUYA<br> • « Deux volontés » → ANACARDIUM<br> • « Araignée sur la peau » → AGARICUS </p> </div> </div> <div class= »question-card »> <h3>💭 Les Rêves Récurrents</h3> <p><em> »De quoi rêvez-vous souvent ? »</em></p> <div class= »clinical-sense »> <h4>Correspondances</h4> <p> • Rêves de morts → THUYA, LACHESIS<br> • Rêves d’animaux → BELLADONNA<br> • Rêves de chute → SULFUR<br> • Rêves d’eau → NATRUM MUR </p> </div> </div> <div class= »question-card »> <h3>🍽️ Désirs et Aversions Alimentaires</h3> <p><em> »Qu’adorez-vous ou détestez-vous bizarrement ? »</em></p> <div class= »clinical-sense »> <h4>Signatures</h4> <p> • Désir de sel ++ → NATRUM MURIATICUM<br> • Aversion viande → GRAPHITES<br> • Désir œufs durs → CALCAREA CARBONICA<br> • Désir citron → BELLADONNA </p> </div> </div> <div class= »question-card »> <h3>⏰ Modalités Horaires Précises</h3> <p><em> »À quelle heure EXACTE ? »</em></p> <div class= »clinical-sense »> <h4>Horaires Pathognomoniques</h4> <p> • 10h matin → NATRUM MUR<br> • 16h → LYCOPODIUM<br> • Minuit → ARSENICUM<br> • 3h matin → KALI CARB </p> </div> </div> </div> <!– Section Logique en Cascade –> <div id= »cascade » class= »envelope-section »> <h2>Logique d’Investigation en Cascade – Exemple Anémie</h2> <div class= »cascade-logic »> <div class= »cascade-step »> <div class= »step-content »> <h4>Question 1</h4> <p> »Avez-vous facilement froid ? »</p> <em>→ Si OUI : Suspicion vide de Yang</em> </div> <span class= »arrow »>→</span> </div> <div class= »cascade-step »> <div class= »step-content »> <h4>Question 2</h4> <p> »Vous essoufflez-vous en montant les escaliers ? »</p> <em>→ Si OUI : Manque d’oxygénation (fer ?)</em> </div> <span class= »arrow »>→</span> </div> <div class= »cascade-step »> <div class= »step-content »> <h4>Question 3</h4> <p> »Vos ongles sont-ils striés ? »</p> <em>→ Si OUI : Carence fer/protéines probable</em> </div> <span class= »arrow »>→</span> </div> <div class= »cascade-step »> <div class= »step-content »> <h4>Conclusion</h4> <p><strong>3 signes positifs = Anémie ferriprive</strong></p> <em>Prescription : FERRUM MET 9CH + FeroMax 1g</em> </div> </div> </div> <div class= »cascade-logic » style= »margin-top: 30px; »> <h3>Autre Exemple : Investigation Digestive</h3> <div class= »cascade-step »> <div class= »step-content »> <h4>Question 1</h4> <p> »Avez-vous des ballonnements ? »</p> <em>→ Si OUI : Dysfonction digestive</em> </div> <span class= »arrow »>→</span> </div> <div class= »cascade-step »> <div class= »step-content »> <h4>Question 2</h4> <p> »Après quels aliments ? »</p> <em>→ Identifier intolérances potentielles</em> </div> <span class= »arrow »>→</span> </div> <div class= »cascade-step »> <div class= »step-content »> <h4>Question 3</h4> <p> »Fatigue après repas ? »</p> <em>→ Si OUI : Hyperperméabilité intestinale</em> </div> <span class= »arrow »>→</span> </div> <div class= »cascade-step »> <div class= »step-content »> <h4>Prescription</h4> <p><strong>L-Glutamine 5g + Enteroprotect + Évictions</strong></p> </div> </div> </div> </div> <!– Section Démo Interactive –> <div id= »demo » class= »envelope-section »> <h2>Démonstration Interactive</h2> <p>Testez votre compréhension de l’anamnèse intégrée</p> <div class= »interactive-demo »> <h3>Cas Clinique Virtuel</h3> <p>Femme, 45 ans, se présente avec fatigue chronique. Choisissez vos questions :</p> <div style= »margin-top: 20px; »> <button class= »demo-button » onclick= »askQuestion(‘cold’) »> ❄️ Avez-vous froid facilement ? </button> <button class= »demo-button » onclick= »askQuestion(‘stairs’) »> 🏃 Essoufflement dans les escaliers ? </button> <button class= »demo-button » onclick= »askQuestion(‘nails’) »> 💅 Vos ongles sont-ils striés ? </button> <button class= »demo-button » onclick= »askQuestion(‘sleep’) »> 😴 Comment dormez-vous ? </button> </div> <div id= »result » class= »result-display »> <h4>Réponse du patient :</h4> <p id= »answer »></p> <h4>Interprétation clinique :</h4> <p id= »interpretation »></p> </div> </div> <div class= »interactive-demo » style= »margin-top: 30px; »> <h3>Quiz : Correspondances Organes-Émotions</h3> <p>Associez chaque émotion à son organe en MTC :</p> <div style= »display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 20px; »> <button class= »demo-button » onclick= »checkEmotion(‘colere’) »>Colère</button> <button class= »demo-button » onclick= »checkEmotion(‘tristesse’) »>Tristesse</button> <button class= »demo-button » onclick= »checkEmotion(‘peur’) »>Peur</button> <button class= »demo-button » onclick= »checkEmotion(‘joie’) »>Joie excessive</button> </div> <div id= »emotion-result » class= »result-display »> <p id= »emotion-answer »></p> </div> </div> </div> </div> </div> <script> function showSection(section) { // Hide all sections document.querySelectorAll(‘.envelope-section’).forEach(s => { s.classList.remove(‘active’); }); // Remove active class from all tabs document.querySelectorAll(‘.tab’).forEach(t => { t.classList.remove(‘active’); }); // Show selected section document.getElementById(section).classList.add(‘active’); // Activate corresponding tab event.target.classList.add(‘active’); } function askQuestion(type) { const result = document.getElementById(‘result’); const answer = document.getElementById(‘answer’); const interpretation = document.getElementById(‘interpretation’); result.classList.add(‘show’); const responses = { ‘cold’: { answer: « Oui, j’ai toujours froid, surtout aux extrémités. », interpretation: « Vide de Yang probable. Explorer l’anémie et la fonction thyroïdienne. Continuer avec questions sur l’essoufflement. » }, ‘stairs’: { answer: « Oui, je dois m’arrêter après un étage. », interpretation: « Déficit en oxygénation tissulaire. Forte suspicion d’anémie ferriprive. Vérifier ongles et chute de cheveux. » }, ‘nails’: { answer: « Oui, ils sont striés verticalement et cassants. », interpretation: « Signe de carence en fer et protéines. Avec les 2 autres signes = diagnostic d’anémie confirmé. Prescrire FeroMax + Ferrum Met. » }, ‘sleep’: { answer: « Je me réveille vers 3-4h du matin. », interpretation: « Réveil à l’heure du Poumon en MTC. Possible tristesse non exprimée ou problème respiratoire. Explorer l’émotionnel. » } }; const response = responses[type]; answer.textContent = response.answer; interpretation.textContent = response.interpretation; } function checkEmotion(emotion) { const result = document.getElementById(’emotion-result’); const answer = document.getElementById(’emotion-answer’); result.classList.add(‘show’); const correspondances = { ‘colere’: « ✅ Correct ! La colère est liée au FOIE. En excès, elle provoque des céphalées temporales et de l’irritabilité. », ‘tristesse’: « ✅ Correct ! La tristesse est liée au POUMON. Elle peut causer de la fatigue et des problèmes respiratoires. », ‘peur’: « ✅ Correct ! La peur est liée au REIN. Elle peut provoquer des problèmes urinaires et des douleurs lombaires. », ‘joie’: « ✅ Correct ! La joie excessive est liée au CŒUR. Elle peut causer de l’insomnie et des palpitations. » }; answer.textContent = correspondances[emotion]; } // Animation on load window.addEventListener(‘load’, () => { const cards = document.querySelectorAll(‘.question-card’); cards.forEach((card, index) => { setTimeout(() => { card.style.opacity = ‘0’; card.style.transform = ‘translateY(20px)’; card.style.transition = ‘all 0.5s ease’; setTimeout(() => { card.style.opacity = ‘1’; card.style.transform = ‘translateY(0)’; }, 100); }, index * 100); }); }); </script> </body> </html>
Rue du Rhône 11