<!DOCTYPE html>
<html lang= »fr »>
<head>
<meta charset= »UTF-8″>
<meta name= »viewport » content= »width=device-width, initial-scale=1.0″>
<title>Homéopathie – Module d’Apprentissage Complet</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 20px;
}
.container {
max-width: 1400px;
margin: 0 auto;
background: white;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
overflow: hidden;
}
.header {
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
padding: 30px;
color: white;
text-align: center;
}
.header h1 {
font-size: 2.5em;
margin-bottom: 10px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
/* Navigation Tabs */
.nav-tabs {
display: flex;
background: #f8f9fa;
border-bottom: 3px solid #e9ecef;
flex-wrap: wrap;
}
.nav-tab {
flex: 1;
min-width: 100px;
padding: 20px 10px;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
font-weight: 600;
color: #495057;
position: relative;
}
.nav-tab:hover {
background: #e9ecef;
}
.nav-tab.active {
background: white;
color: #4facfe;
}
.nav-tab.active::after {
content: »;
position: absolute;
bottom: -3px;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}
.tab-content {
display: none;
padding: 40px;
animation: fadeIn 0.5s ease;
}
.tab-content.active {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Similitude Law Section */
.similitude-section {
padding: 40px;
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
border-radius: 15px;
}
.similitude-title {
text-align: center;
font-size: 2em;
color: #2c3e50;
margin-bottom: 30px;
}
.similitude-demo {
display: grid;
grid-template-columns: 1fr auto 1fr;
gap: 30px;
align-items: center;
max-width: 1000px;
margin: 0 auto;
}
.person-card {
background: white;
border-radius: 15px;
padding: 30px;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.person-card:hover {
transform: translateY(-5px);
}
.person-healthy {
border: 3px solid #27ae60;
}
.person-sick {
border: 3px solid #e74c3c;
}
.person-icon {
font-size: 4em;
margin-bottom: 15px;
}
.symptoms-list {
text-align: left;
margin-top: 20px;
padding: 15px;
background: #f8f9fa;
border-radius: 10px;
}
.symptoms-list li {
list-style: none;
padding: 5px 0;
display: flex;
align-items: center;
}
.symptoms-list li:before {
content: ‘•’;
color: #e74c3c;
font-size: 1.5em;
margin-right: 10px;
}
.arrow-similitude {
font-size: 3em;
color: #3498db;
animation: pulse 2s infinite;
text-align: center;
}
@keyframes pulse {
0%, 100% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.2); opacity: 0.7; }
}
.latin-motto {
text-align: center;
font-size: 1.5em;
font-style: italic;
color: #34495e;
margin-top: 30px;
padding: 20px;
background: white;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
/* Maceration Process Section */
.maceration-section {
padding: 40px;
background: white;
}
.maceration-title {
text-align: center;
font-size: 1.8em;
color: #333;
margin-bottom: 30px;
}
.maceration-timeline {
position: relative;
max-width: 1000px;
margin: 0 auto;
}
.timeline-line {
position: absolute;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #3498db 0%, #9b59b6 100%);
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.maceration-steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
position: relative;
z-index: 2;
}
.maceration-step {
background: white;
border: 3px solid #3498db;
border-radius: 15px;
padding: 20px;
text-align: center;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.maceration-step:hover {
transform: scale(1.05);
}
.step-icon {
font-size: 3em;
margin-bottom: 10px;
}
.step-day {
background: #3498db;
color: white;
padding: 5px 15px;
border-radius: 20px;
display: inline-block;
margin-bottom: 10px;
font-weight: bold;
}
.alcohol-note {
background: #fff3cd;
border: 2px solid #ffc107;
border-radius: 10px;
padding: 15px;
margin-top: 20px;
text-align: center;
color: #856404;
}
/* Advantages 1DH Section */
.advantages-1dh {
padding: 40px;
background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
margin: 30px 0;
border-radius: 15px;
}
.advantages-title {
text-align: center;
font-size: 1.8em;
color: #155724;
margin-bottom: 30px;
}
.advantages-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
max-width: 1000px;
margin: 0 auto;
}
.advantage-card {
background: white;
padding: 20px;
border-radius: 10px;
text-align: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.advantage-card:hover {
transform: translateY(-5px);
}
.advantage-icon {
font-size: 2.5em;
margin-bottom: 10px;
}
/* Dilution Methods Comparison */
.dilution-methods {
padding: 40px;
background: #f8f9fa;
}
.methods-title {
text-align: center;
font-size: 1.8em;
color: #333;
margin-bottom: 30px;
}
.methods-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
max-width: 1200px;
margin: 0 auto;
}
.method-card {
background: white;
border-radius: 20px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.method-hahnemann {
border-top: 5px solid #3498db;
}
.method-korsakov {
border-top: 5px solid #9b59b6;
}
.method-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.method-icon {
font-size: 2.5em;
margin-right: 15px;
}
.method-name {
font-size: 1.5em;
font-weight: bold;
color: #2c3e50;
}
.flask-demo {
display: flex;
justify-content: space-around;
align-items: center;
margin: 30px 0;
padding: 20px;
background: #f8f9fa;
border-radius: 15px;
}
.flask-item {
text-align: center;
flex: 1;
}
.flask-visual {
width: 60px;
height: 80px;
margin: 0 auto 10px;
border: 3px solid #34495e;
border-radius: 0 0 30px 30px;
position: relative;
overflow: hidden;
}
.flask-content {
position: absolute;
bottom: 0;
width: 100%;
background: linear-gradient(to top, #3498db, rgba(52, 152, 219, 0.3));
transition: height 0.5s ease;
}
.flask-1ch .flask-content { height: 30%; }
.flask-2ch .flask-content { height: 15%; }
.flask-3ch .flask-content { height: 8%; }
.method-steps {
background: #ecf0f1;
border-radius: 10px;
padding: 20px;
margin-top: 20px;
}
.step-list {
list-style: none;
}
.step-list li {
padding: 10px;
margin: 10px 0;
background: white;
border-radius: 8px;
display: flex;
align-items: center;
}
.step-number {
background: #3498db;
color: white;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
font-weight: bold;
}
.succussion-note {
background: #d1ecf1;
border: 2px solid #17a2b8;
border-radius: 10px;
padding: 15px;
margin-top: 20px;
text-align: center;
color: #0c5460;
font-weight: bold;
}
/* Calculator Section */
.calculator-section {
padding: 40px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.calculator-container {
max-width: 800px;
margin: 0 auto;
background: white;
border-radius: 20px;
padding: 30px;
}
.dilution-selector {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 30px;
flex-wrap: wrap;
}
.dilution-btn {
padding: 15px 30px;
border: none;
border-radius: 10px;
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
background: #ecf0f1;
color: #2c3e50;
}
.dilution-btn.active {
background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
color: white;
transform: scale(1.05);
}
/* Flashcards Section */
.flashcards-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
max-width: 1200px;
margin: 0 auto;
}
.flashcard {
background: white;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
cursor: pointer;
transition: transform 0.6s;
transform-style: preserve-3d;
height: 250px;
position: relative;
}
.flashcard.flipped {
transform: rotateY(180deg);
}
.flashcard-face {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
text-align: center;
border-radius: 15px;
}
.flashcard-front {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
}
.flashcard-back {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
color: white;
transform: rotateY(180deg);
}
/* True/False Section */
.truefalse-question {
background: white;
border-radius: 15px;
padding: 25px;
margin-bottom: 20px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.tf-statement {
font-size: 1.1em;
color: #2c3e50;
margin-bottom: 20px;
}
.tf-buttons {
display: flex;
gap: 20px;
justify-content: center;
}
.tf-btn {
padding: 15px 40px;
border: none;
border-radius: 10px;
font-size: 1.1em;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
}
.tf-btn-true {
background: #27ae60;
color: white;
}
.tf-btn-false {
background: #e74c3c;
color: white;
}
.tf-feedback {
display: none;
margin-top: 20px;
padding: 15px;
border-radius: 10px;
}
.tf-feedback.show {
display: block;
}
.tf-feedback.correct {
background: #d4edda;
color: #155724;
}
.tf-feedback.incorrect {
background: #f8d7da;
color: #721c24;
}
/* Quiz Section */
.test-question {
background: #f8f9fa;
border-radius: 15px;
padding: 30px;
margin-bottom: 30px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.question-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.question-number {
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
margin-right: 15px;
}
.options label {
display: block;
padding: 15px 20px;
margin: 10px 0;
background: white;
border: 2px solid #e9ecef;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease;
}
.options label:hover {
background: #e9ecef;
transform: translateX(5px);
}
.btn-check {
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
color: white;
border: none;
padding: 15px 40px;
border-radius: 30px;
font-size: 1.1em;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
display: block;
margin: 30px auto;
}
.feedback {
display: none;
padding: 15px;
border-radius: 10px;
margin-top: 20px;
}
.feedback.show {
display: block;
}
.feedback.correct {
background: #d4edda;
color: #155724;
border-left: 4px solid #28a745;
}
.feedback.incorrect {
background: #f8d7da;
color: #721c24;
border-left: 4px solid #dc3545;
}
/* Responsive Design */
@media (max-width: 768px) {
.methods-container {
grid-template-columns: 1fr;
}
.similitude-demo {
grid-template-columns: 1fr;
}
.maceration-steps {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<div class= »container »>
<div class= »header »>
<h1>🧪 Homéopathie : Module d’Apprentissage Complet</h1>
<p>Principes, Préparations et Exercices Interactifs</p>
</div>
<!– Navigation –>
<div class= »nav-tabs »>
<div class= »nav-tab active » onclick= »showTab(‘concepts’) »>📚 Concepts</div>
<div class= »nav-tab » onclick= »showTab(‘preparation’) »>🧪 Préparation</div>
<div class= »nav-tab » onclick= »showTab(‘dilutions’) »>💧 Dilutions</div>
<div class= »nav-tab » onclick= »showTab(‘flashcards’) »>🎴 Cartes</div>
<div class= »nav-tab » onclick= »showTab(‘truefalse’) »>✓✗ Vrai/Faux</div>
<div class= »nav-tab » onclick= »showTab(‘quiz’) »>📝 Quiz</div>
<div class= »nav-tab » onclick= »showTab(‘openquestion’) »>💭 Question</div>
</div>
<!– Tab 1: Concepts –>
<div id= »concepts » class= »tab-content active »>
<div class= »similitude-section »>
<h2 class= »similitude-title »>⚖️ La Loi de Similitude (Similia Similibus Curentur)</h2>
<div class= »similitude-demo »>
<div class= »person-card person-healthy »>
<div class= »person-icon »>😊</div>
<h3>Personne Saine</h3>
<p><strong>+ Substance (ex: Quinquina)</strong></p>
<div class= »symptoms-list »>
<h4>Provoque :</h4>
<ul>
<li>Fièvre</li>
<li>Frissons</li>
<li>Sueurs</li>
<li>Fatigue</li>
</ul>
</div>
</div>
<div class= »arrow-similitude »>
⟺
<p style= »font-size: 0.5em; margin-top: 10px; »>SIMILITUDE</p>
</div>
<div class= »person-card person-sick »>
<div class= »person-icon »>🤒</div>
<h3>Personne Malade</h3>
<p><strong>Symptômes naturels</strong></p>
<div class= »symptoms-list »>
<h4>Présente :</h4>
<ul>
<li>Fièvre</li>
<li>Frissons</li>
<li>Sueurs</li>
<li>Fatigue</li>
</ul>
</div>
<p style= »margin-top: 15px; color: #27ae60; font-weight: bold; »>
➜ Quinquina dilué = Guérison
</p>
</div>
</div>
<div class= »latin-motto »>
« Similia Similibus Curentur »<br>
<span style= »font-size: 0.8em; color: #7f8c8d; »>Que les semblables soient traités par les semblables – Samuel Hahnemann</span>
</div>
</div>
</div>
<!– Tab 2: Preparation –>
<div id= »preparation » class= »tab-content »>
<div class= »maceration-section »>
<h2 class= »maceration-title »>🌿 Préparation de la Teinture Mère (Macération)</h2>
<div class= »maceration-timeline »>
<div class= »timeline-line »></div>
<div class= »maceration-steps »>
<div class= »maceration-step »>
<div class= »step-icon »>🌱</div>
<div class= »step-day »>Jour 0</div>
<h4>Récolte</h4>
<p>Plante fraîche récoltée au moment optimal</p>
<p style= »color: #3498db; font-size: 0.9em; »>État : 100% fraîche</p>
</div>
<div class= »maceration-step »>
<div class= »step-icon »>🔪</div>
<div class= »step-day »>Jour 1</div>
<h4>Broyage</h4>
<p>Broyage fin de la plante fraîche</p>
<p style= »color: #3498db; font-size: 0.9em; »>+ Alcool 50° + Eau</p>
</div>
<div class= »maceration-step »>
<div class= »step-icon »>⏳</div>
<div class= »step-day »>Jours 2-20</div>
<h4>Macération</h4>
<p>21 jours dans l’obscurité</p>
<p style= »color: #3498db; font-size: 0.9em; »>Agitation quotidienne</p>
</div>
<div class= »maceration-step »>
<div class= »step-icon »>🧪</div>
<div class= »step-day »>Jour 21</div>
<h4>Filtration</h4>
<p>Obtention de la Teinture Mère</p>
<p style= »color: #27ae60; font-weight: bold; »>Concentration 1/10</p>
<p style= »color: #3498db; font-size: 0.9em; »>Degré final : ~65°</p>
</div>
</div>
</div>
<div class= »alcohol-note »>
<strong>💡 Types d’alcool utilisables pour TM maison :</strong><br>
Alcool de fruits, Vodka, Rhum blanc 50° – Degré final obtenu : ~30°
</div>
</div>
<!– Advantages of 1DH –>
<div class= »advantages-1dh »>
<h2 class= »advantages-title »>✨ Avantages de la Dilution 1DH selon Dr Jean-Yves Henry</h2>
<div class= »advantages-grid »>
<div class= »advantage-card »>
<div class= »advantage-icon »>🛡️</div>
<h4>Pas d’effets secondaires</h4>
<p>Dilution optimale réduisant la toxicité</p>
</div>
<div class= »advantage-card »>
<div class= »advantage-icon »>🌊</div>
<h4>Action douce</h4>
<p>Stimulation progressive sans agression</p>
</div>
<div class= »advantage-card »>
<div class= »advantage-icon »>⚡</div>
<h4>Effet catalytique</h4>
<p>Active les enzymes naturellement</p>
</div>
<div class= »advantage-card »>
<div class= »advantage-icon »>👍</div>
<h4>Excellente tolérance</h4>
<p>Adaptée aux terrains sensibles</p>
</div>
<div class= »advantage-card »>
<div class= »advantage-icon »>⏰</div>
<h4>Traitements longs</h4>
<p>Idéale pour les cures prolongées</p>
</div>
<div class= »advantage-card »>
<div class= »advantage-icon »>🎯</div>
<h4>Action physiologique</h4>
<p>Régulation fine des processus</p>
</div>
</div>
</div>
</div>
<!– Tab 3: Dilutions –>
<div id= »dilutions » class= »tab-content »>
<div class= »dilution-methods »>
<h2 class= »methods-title »>🔬 Méthodes de Dilution : Hahnemann vs Korsakov</h2>
<div class= »methods-container »>
<!– Hahnemann Method –>
<div class= »method-card method-hahnemann »>
<div class= »method-header »>
<div class= »method-icon »>🧪</div>
<div class= »method-name »>Méthode Hahnemannienne (CH)</div>
</div>
<div class= »flask-demo »>
<div class= »flask-item »>
<div class= »flask-visual flask-1ch »>
<div class= »flask-content »></div>
</div>
<p><strong>1CH</strong><br>1/100</p>
</div>
<div style= »font-size: 2em; color: #3498db; »>→</div>
<div class= »flask-item »>
<div class= »flask-visual flask-2ch »>
<div class= »flask-content »></div>
</div>
<p><strong>2CH</strong><br>1/10,000</p>
</div>
<div style= »font-size: 2em; color: #3498db; »>→</div>
<div class= »flask-item »>
<div class= »flask-visual flask-3ch »>
<div class= »flask-content »></div>
</div>
<p><strong>3CH</strong><br>1/1,000,000</p>
</div>
</div>
<div class= »method-steps »>
<h4>Protocole précis :</h4>
<ul class= »step-list »>
<li>
<span class= »step-number »>1</span>
<span>Nouveau flacon pour chaque dilution</span>
</li>
<li>
<span class= »step-number »>2</span>
<span>1 partie de substance + 99 parties de solvant</span>
</li>
<li>
<span class= »step-number »>3</span>
<span>100 succussions vigoureuses verticales</span>
</li>
<li>
<span class= »step-number »>4</span>
<span>Répéter pour chaque dilution suivante</span>
</li>
</ul>
</div>
</div>
<!– Korsakov Method –>
<div class= »method-card method-korsakov »>
<div class= »method-header »>
<div class= »method-icon »>⚗️</div>
<div class= »method-name »>Méthode Korsakovienne (K)</div>
</div>
<div class= »flask-demo »>
<div class= »flask-item »>
<div class= »flask-visual »>
<div class= »flask-content » style= »height: 40%; »></div>
</div>
<p><strong>Flacon unique</strong><br>Remplir</p>
</div>
<div style= »font-size: 2em; color: #9b59b6; »>↻</div>
<div class= »flask-item »>
<div class= »flask-visual »>
<div class= »flask-content » style= »height: 5%; »></div>
</div>
<p><strong>Vider</strong><br>Traces restantes</p>
</div>
<div style= »font-size: 2em; color: #9b59b6; »>↻</div>
<div class= »flask-item »>
<div class= »flask-visual »>
<div class= »flask-content » style= »height: 40%; »></div>
</div>
<p><strong>Remplir à nouveau</strong><br>= 1K</p>
</div>
</div>
<div class= »method-steps »>
<h4>Protocole simplifié :</h4>
<ul class= »step-list »>
<li>
<span class= »step-number »>1</span>
<span>Un seul flacon pour toutes les dilutions</span>
</li>
<li>
<span class= »step-number »>2</span>
<span>Vider le flacon (traces adhérentes = 1/100)</span>
</li>
<li>
<span class= »step-number »>3</span>
<span>Remplir avec du solvant + 100 succussions</span>
</li>
<li>
<span class= »step-number »>4</span>
<span>Permet d’atteindre 200K, 1000K (MK), 10000K (XMK)</span>
</li>
</ul>
</div>
</div>
</div>
<div class= »succussion-note »>
⚠️ IMPORTANT : Toujours 100 succussions par dilution, peu importe le niveau !<br>
Les succussions ne s’additionnent pas, elles restent constantes à chaque étape.
</div>
</div>
</div>
<!– Tab 4: Flashcards –>
<div id= »flashcards » class= »tab-content »>
<h2 style= »text-align: center; margin-bottom: 30px; »>🎴 6 Cartes Mémoire (Cliquez pour retourner)</h2>
<div class= »flashcards-container »>
<div class= »flashcard » onclick= »flipCard(this) »>
<div class= »flashcard-face flashcard-front »>
<div>
<h4>Loi de Similitude</h4>
<p>Principe fondamental ?</p>
</div>
</div>
<div class= »flashcard-face flashcard-back »>
<div>
<h4>Similia Similibus Curentur</h4>
<p style= »font-size: 0.9em; »>• Une substance provoquant des symptômes chez le sain<br>
• Guérit ces mêmes symptômes chez le malade<br>
• À doses infinitésimales dynamisées</p>
</div>
</div>
</div>
<div class= »flashcard » onclick= »flipCard(this) »>
<div class= »flashcard-face flashcard-front »>
<div>
<h4>Succussions</h4>
<p>Combien et pourquoi ?</p>
</div>
</div>
<div class= »flashcard-face flashcard-back »>
<div>
<h4>100 succussions constantes</h4>
<p style= »font-size: 0.9em; »>• Toujours 100 par dilution<br>
• Ne s’additionnent pas<br>
• Mouvement vertical énergique<br>
• Modifie la structure de l’eau</p>
</div>
</div>
</div>
<div class= »flashcard » onclick= »flipCard(this) »>
<div class= »flashcard-face flashcard-front »>
<div>
<h4>Dilution 1DH</h4>
<p>Avantages selon Dr Henry ?</p>
</div>
</div>
<div class= »flashcard-face flashcard-back »>
<div>
<h4>6 Avantages majeurs</h4>
<p style= »font-size: 0.9em; »>• Pas d’effets secondaires<br>
• Action douce et progressive<br>
• Effet catalytique optimal<br>
• Excellente tolérance<br>
• Idéale pour traitements longs</p>
</div>
</div>
</div>
<div class= »flashcard » onclick= »flipCard(this) »>
<div class= »flashcard-face flashcard-front »>
<div>
<h4>Teinture Mère</h4>
<p>Durée et processus ?</p>
</div>
</div>
<div class= »flashcard-face flashcard-back »>
<div>
<h4>21 jours de macération</h4>
<p style= »font-size: 0.9em; »>• Plante fraîche broyée<br>
• Alcool 50° + eau<br>
• Agitation quotidienne<br>
• Dans l’obscurité<br>
• Concentration finale 1/10</p>
</div>
</div>
</div>
<div class= »flashcard » onclick= »flipCard(this) »>
<div class= »flashcard-face flashcard-front »>
<div>
<h4>CH vs K</h4>
<p>Différence principale ?</p>
</div>
</div>
<div class= »flashcard-face flashcard-back »>
<div>
<h4>Nombre de flacons</h4>
<p style= »font-size: 0.9em; »>• CH : Nouveau flacon à chaque dilution<br>
• K : Un seul flacon réutilisé<br>
• CH : Plus précis<br>
• K : Plus simple et économique</p>
</div>
</div>
</div>
<div class= »flashcard » onclick= »flipCard(this) »>
<div class= »flashcard-face flashcard-front »>
<div>
<h4>Limite d’Avogadro</h4>
<p>À quelle dilution ?</p>
</div>
</div>
<div class= »flashcard-face flashcard-back »>
<div>
<h4>12CH = 10^24</h4>
<p style= »font-size: 0.9em; »>• Plus de molécule statistiquement<br>
• Nombre d’Avogadro : 6,02×10^23<br>
• Action devient informationnelle<br>
• Efficacité maintenue</p>
</div>
</div>
</div>
</div>
</div>
<!– Tab 5: True/False –>
<div id= »truefalse » class= »tab-content »>
<h2 style= »text-align: center; margin-bottom: 30px; »>✓✗ 3 Questions Vrai ou Faux</h2>
<div style= »max-width: 800px; margin: 0 auto; »>
<div class= »truefalse-question »>
<div class= »tf-statement »>
1. Les succussions augmentent avec chaque dilution (100 pour 1CH, 200 pour 2CH, etc.)
</div>
<div class= »tf-buttons »>
<button class= »tf-btn tf-btn-true » onclick= »checkTrueFalse(1, false) »>VRAI</button>
<button class= »tf-btn tf-btn-false » onclick= »checkTrueFalse(1, true) »>FAUX</button>
</div>
<div class= »tf-feedback » id= »tf-feedback-1″></div>
</div>
<div class= »truefalse-question »>
<div class= »tf-statement »>
2. On peut faire une teinture mère avec du rhum à 50° pour un usage personnel
</div>
<div class= »tf-buttons »>
<button class= »tf-btn tf-btn-true » onclick= »checkTrueFalse(2, true) »>VRAI</button>
<button class= »tf-btn tf-btn-false » onclick= »checkTrueFalse(2, false) »>FAUX</button>
</div>
<div class= »tf-feedback » id= »tf-feedback-2″></div>
</div>
<div class= »truefalse-question »>
<div class= »tf-statement »>
3. La dilution 1DH contient plus de substance active qu’une dilution 1CH
</div>
<div class= »tf-buttons »>
<button class= »tf-btn tf-btn-true » onclick= »checkTrueFalse(3, true) »>VRAI</button>
<button class= »tf-btn tf-btn-false » onclick= »checkTrueFalse(3, false) »>FAUX</button>
</div>
<div class= »tf-feedback » id= »tf-feedback-3″></div>
</div>
</div>
</div>
<!– Tab 6: Quiz –>
<div id= »quiz » class= »tab-content »>
<h2 style= »text-align: center; margin-bottom: 30px; »>📝 Quiz – 3 Questions</h2>
<div style= »max-width: 800px; margin: 0 auto; »>
<div class= »test-question »>
<div class= »question-header »>
<div class= »question-number »>1</div>
<div style= »font-size: 1.2em; color: #333; flex: 1; »>Pour les remèdes toxiques (Mercure, Belladonne), quelle dilution minimale est obligatoire ?</div>
</div>
<div class= »options »>
<label class= »option »>
<input type= »radio » name= »quiz1″ value= »a »> 1DH
</label>
<label class= »option »>
<input type= »radio » name= »quiz1″ value= »b »> 6CH
</label>
<label class= »option »>
<input type= »radio » name= »quiz1″ value= »c »> 12CH minimum
</label>
<label class= »option »>
<input type= »radio » name= »quiz1″ value= »d »> 30CH
</label>
</div>
<div class= »feedback » id= »quiz-feedback-1″></div>
</div>
<div class= »test-question »>
<div class= »question-header »>
<div class= »question-number »>2</div>
<div style= »font-size: 1.2em; color: #333; flex: 1; »>Quelle est la concentration d’une teinture mère après 21 jours de macération ?</div>
</div>
<div class= »options »>
<label class= »option »>
<input type= »radio » name= »quiz2″ value= »a »> 1/1 (pure)
</label>
<label class= »option »>
<input type= »radio » name= »quiz2″ value= »b »> 1/10
</label>
<label class= »option »>
<input type= »radio » name= »quiz2″ value= »c »> 1/100
</label>
<label class= »option »>
<input type= »radio » name= »quiz2″ value= »d »> 1/1000
</label>
</div>
<div class= »feedback » id= »quiz-feedback-2″></div>
</div>
<div class= »test-question »>
<div class= »question-header »>
<div class= »question-number »>3</div>
<div style= »font-size: 1.2em; color: #333; flex: 1; »>Oscillococcinum n’est pas de l’homéopathie classique car :</div>
</div>
<div class= »options »>
<label class= »option »>
<input type= »radio » name= »quiz3″ value= »a »> Il est trop dilué
</label>
<label class= »option »>
<input type= »radio » name= »quiz3″ value= »b »> Il n’a pas de pathogénésie et n’est pas prescrit selon la similitude
</label>
<label class= »option »>
<input type= »radio » name= »quiz3″ value= »c »> Il contient du canard
</label>
<label class= »option »>
<input type= »radio » name= »quiz3″ value= »d »> Il est en 200K
</label>
</div>
<div class= »feedback » id= »quiz-feedback-3″></div>
</div>
<button class= »btn-check » onclick= »checkQuiz() »>Vérifier mes réponses</button>
</div>
</div>
<!– Tab 7: Open Question –>
<div id= »openquestion » class= »tab-content »>
<h2 style= »text-align: center; margin-bottom: 30px; »>💭 Question Ouverte de Réflexion</h2>
<div style= »max-width: 800px; margin: 0 auto; background: #f8f9fa; border-radius: 15px; padding: 30px; »>
<div style= »font-size: 1.2em; color: #2c3e50; margin-bottom: 20px; »>
Expliquez pourquoi le Dr Jean-Yves Henry privilégie la dilution 1DH plutôt que des dilutions plus élevées pour certains remèdes. Quels sont les avantages thérapeutiques de ce choix ?
</div>
<textarea style= »width: 100%; min-height: 150px; padding: 15px; border: 2px solid #dee2e6; border-radius: 10px; font-size: 1em; » placeholder= »Rédigez votre réponse ici en développant les différents avantages… »></textarea>
<button class= »btn-check » onclick= »revealAnswer() »>Voir la réponse type</button>
<div id= »answerReveal » style= »display: none; margin-top: 20px; padding: 20px; background: white; border-radius: 10px; border-left: 4px solid #4facfe; »>
<h4>Éléments de réponse :</h4>
<p><strong>Le Dr Henry privilégie la dilution 1DH pour plusieurs raisons thérapeutiques :</strong></p>
<ul style= »list-style-type: disc; margin-left: 20px; »>
<li><strong>Absence d’effets secondaires :</strong> La dilution 1/10 réduit suffisamment la toxicité tout en maintenant une action thérapeutique.</li>
<li><strong>Action douce et progressive :</strong> Stimulation physiologique sans agression de l’organisme.</li>
<li><strong>Effet catalytique optimal :</strong> À cette dilution, les enzymes sont activées naturellement sans perturbation.</li>
<li><strong>Excellente tolérance :</strong> Particulièrement adaptée aux terrains sensibles, enfants, personnes âgées.</li>
<li><strong>Idéale pour les traitements longs :</strong> Peut être utilisée sur de longues périodes sans accumulation ni accoutumance.</li>
<li><strong>Action physiologique mesurable :</strong> Permet une régulation fine des processus biologiques avec une présence moléculaire encore significative.</li>
</ul>
</div>
</div>
</div>
</div>
<script>
// Tab Navigation
function showTab(tabId) {
document.querySelectorAll(‘.tab-content’).forEach(tab => {
tab.classList.remove(‘active’);
});
document.querySelectorAll(‘.nav-tab’).forEach(navTab => {
navTab.classList.remove(‘active’);
});
document.getElementById(tabId).classList.add(‘active’);
event.target.classList.add(‘active’);
}
// Flip Card
function flipCard(card) {
card.classList.toggle(‘flipped’);
}
// True/False Check
function checkTrueFalse(questionNum, isCorrect) {
const feedbackDiv = document.getElementById(`tf-feedback-${questionNum}`);
if (isCorrect) {
feedbackDiv.className = ‘tf-feedback correct show’;
if (questionNum === 1) {
feedbackDiv.innerHTML = ‘✅ Correct ! Les succussions restent toujours à 100 par dilution, elles ne s\’additionnent pas.’;
} else if (questionNum === 2) {
feedbackDiv.innerHTML = ‘✅ Correct ! On peut utiliser du rhum, de la vodka ou de l\’alcool de fruits à 50° pour faire une TM maison.’;
} else if (questionNum === 3) {
feedbackDiv.innerHTML = ‘✅ Exact ! 1DH = 1/10 alors que 1CH = 1/100, donc 1DH contient 10 fois plus de substance active.’;
}
} else {
feedbackDiv.className = ‘tf-feedback incorrect show’;
if (questionNum === 1) {
feedbackDiv.innerHTML = ‘❌ Faux ! Les succussions restent constantes à 100 par dilution, peu importe le niveau.’;
} else if (questionNum === 2) {
feedbackDiv.innerHTML = ‘❌ Incorrect ! On peut effectivement utiliser du rhum à 50° pour une TM maison.’;
} else if (questionNum === 3) {
feedbackDiv.innerHTML = ‘❌ Faux ! 1DH (1/10) contient plus de substance que 1CH (1/100).’;
}
}
}
// Quiz Check
function checkQuiz() {
const correctAnswers = {
quiz1: ‘c’,
quiz2: ‘b’,
quiz3: ‘b’
};
let score = 0;
for (let i = 1; i <= 3; i++) {
const questionName = `quiz${i}`;
const selected = document.querySelector(`input[name= »${questionName} »]:checked`);
const feedbackDiv = document.getElementById(`quiz-feedback-${i}`);
if (selected) {
const isCorrect = selected.value === correctAnswers[questionName];
if (isCorrect) {
score++;
feedbackDiv.className = ‘feedback correct show’;
if (i === 1) {
feedbackDiv.innerHTML = ‘✅ Correct ! Les remèdes toxiques nécessitent obligatoirement une dilution minimum de 12CH.’;
} else if (i === 2) {
feedbackDiv.innerHTML = ‘✅ Exact ! La teinture mère a une concentration de 1/10.’;
} else if (i === 3) {
feedbackDiv.innerHTML = ‘✅ Parfait ! Oscillococcinum est un sarcode sans pathogénésie hahnemannienne.’;
}
} else {
feedbackDiv.className = ‘feedback incorrect show’;
if (i === 1) {
feedbackDiv.innerHTML = ‘❌ Les remèdes toxiques doivent être dilués au minimum à 12CH.’;
} else if (i === 2) {
feedbackDiv.innerHTML = ‘❌ La teinture mère a une concentration de 1/10.’;
} else if (i === 3) {
feedbackDiv.innerHTML = ‘❌ Oscillococcinum n\’a pas de pathogénésie et n\’est pas prescrit selon la similitude.’;
}
}
} else {
feedbackDiv.className = ‘feedback incorrect show’;
feedbackDiv.innerHTML = ‘⚠️ Veuillez sélectionner une réponse’;
}
}
alert(`Score : ${score}/3 ${score === 3 ? ‘🎉 Parfait!’ : score >= 2 ? ‘👍 Bien!’ : ‘📚 Continuez à étudier!’}`);
}
// Reveal Answer
function revealAnswer() {
const answerDiv = document.getElementById(‘answerReveal’);
answerDiv.style.display = answerDiv.style.display === ‘none’ ? ‘block’ : ‘none’;
event.target.textContent = answerDiv.style.display === ‘none’ ? ‘Voir la réponse type’ : ‘Masquer la réponse’;
}
</script>
</body>
</html>