Les 6 Phases de Reckeweg – Dr Jean-Yves Henry
Les 6 Phases de Reckeweg
Homotoxicologie Classique vs Innovation Dr Jean-Yves Henry
« De l’empirisme à l’objectivation biologique : évolution des concepts de terrain »
<!-- Timeline -->
<div class="mb-8">
<div class="flex justify-between items-center mb-4">
<span class="text-sm font-medium text-gray-500">NAISSANCE</span>
<span class="text-sm font-medium text-gray-500">MORT</span>
</div>
<div class="relative">
<div class="absolute top-1/2 left-0 right-0 h-2 timeline-gradient rounded-full transform -translate-y-1/2"></div>
<div class="flex justify-between relative z-10" id="timeline">
<!-- Timeline buttons will be generated by JavaScript -->
</div>
</div>
</div>
<!-- Phase Header -->
<div class="rounded-xl shadow-xl p-4 mb-6" id="phase-header">
<div class="flex items-center justify-between">
<button onclick="prevPhase()" class="p-2 rounded-full bg-white shadow-md hover:shadow-lg transition-shadow">
<i data-lucide="chevron-left" class="nav-icon"></i>
</button>
<div class="text-center flex-1">
<div class="flex items-center justify-center mb-2">
<div class="text-white p-3 rounded-full mr-3" id="phase-icon-container">
<i id="phase-icon" class="phase-icon"></i>
</div>
<div>
<h2 class="text-2xl font-bold text-gray-800" id="phase-title"></h2>
<div class="flex justify-center space-x-4 text-sm mt-2">
<span class="bg-white px-3 py-1 rounded-full">
<strong>Âge:</strong> <span id="phase-age"></span>
</span>
<span class="bg-white px-3 py-1 rounded-full">
<strong>Type:</strong> <span id="phase-type"></span>
</span>
</div>
</div>
</div>
</div>
<button onclick="nextPhase()" class="p-2 rounded-full bg-white shadow-md hover:shadow-lg transition-shadow">
<i data-lucide="chevron-right" class="nav-icon"></i>
</button>
</div>
</div>
<!-- Tabs -->
<div class="mb-6">
<div class="flex bg-white rounded-lg shadow-md p-1">
<button
id="tab-classique"
onclick="setActiveTab('classique')"
class="flex-1 py-3 px-6 rounded-md transition-all duration-300 flex items-center justify-center bg-blue-500 text-white shadow-md">
<i data-lucide="beaker" class="w-5 h-5 mr-2"></i>
Homotoxicologie Classique (Reckeweg)
</button>
<button
id="tab-henry"
onclick="setActiveTab('henry')"
class="flex-1 py-3 px-6 rounded-md transition-all duration-300 flex items-center justify-center text-gray-600 hover:bg-gray-50">
<i data-lucide="dna" class="w-5 h-5 mr-2"></i>
Innovation Dr Jean-Yves Henry (BNS)
</button>
</div>
</div>
<!-- Content Container -->
<div id="content-container">
<!-- Content will be generated by JavaScript -->
</div>
<!-- Footer -->
<div class="bg-white rounded-lg p-6 shadow-lg mt-6">
<h3 class="text-lg font-bold text-gray-800 mb-4">📚 Innovation Dr Jean-Yves Henry</h3>
<div class="grid md:grid-cols-3 gap-4 text-sm">
<div>
<h4 class="font-semibold text-gray-700 mb-2">🎯 Objectivation Biologique</h4>
<p class="text-gray-600">Transformation des concepts empiriques de Reckeweg en marqueurs biologiques mesurables (protidogramme BNS).</p>
</div>
<div>
<h4 class="font-semibold text-gray-700 mb-2">🔬 Médecine Prédictive</h4>
<p class="text-gray-600">Détection précoce des déséquilibres par analyse des protéines plasmatiques avant l'apparition des symptômes.</p>
</div>
<div>
<h4 class="font-semibold text-gray-700 mb-2">⚡ Thérapeutique Intégrée</h4>
<p class="text-gray-600">Approche multidisciplinaire combinant phytothérapie, micronutrition, homéopathie et conseils nutritionnels ciblés.</p>
</div>
</div>
</div>
</div>
<script>
let selectedPhase = 0;
let activeTab = 'classique';
const phases = [
{
numero: 1,
nom: "EXCRÉTION/STAGNATION",
âge: "Enfance",
type: "Humorale (Réversible)",
couleur: "bg-blue-100 border-blue-400",
couleurFoncee: "bg-blue-500",
icone: "droplets",
classique: {
symptomes: [
"Constipation chronique",
"Rhinorrhée (nez qui coule constamment)",
"Hypersudation (transpiration excessive)",
"Glaires abondantes (TAN en MTC)",
"Stagnation des circuits de l'eau",
"Crise d'acétone chez l'enfant",
"Diarrhée de décharge",
"Vomissements occasionnels",
"Exsudations diverses"
],
physiopathologie: "Hypofonction organique compensée par hyperfonction éliminatoire périphérique. Ralentissement des circuits de l'eau dans le corps.",
remedes: [
"Sulfur 9CH (remède-type de phase)",
"Psorinum 15CH (nosode de chronicité)",
"Nux vomica (troubles digestifs)",
"Natrum muriaticum (troubles hydriques)",
"Antimonium crudum (troubles cutanés)"
]
},
henry: {
marqueurBNS: "Profils 'PURES'",
detailBNS: "Aucune perturbation significative des protéines plasmatiques. Terrain encore intact mais avec ralentissement fonctionnel.",
pathologies: [
"Constipation fonctionnelle du nourrisson",
"Rhinites chroniques sans infection",
"Hyperhidrose primaire",
"Bronchorrhée chronique",
"Troubles du transit intestinal",
"Eczéma suintant du nourrisson",
"Reflux gastro-œsophagien fonctionnel"
],
therapeutiques: {
phytotherapie: [
"Plantain majeur (sécrétions bronchiques)",
"Mauve officinale (troubles digestifs)",
"Pensée sauvage (troubles cutanés)",
"Sureau noir (drainage lymphatique)"
],
micronutrition: [
"Probiotiques (Lactobacillus acidophilus)",
"Magnésium (relaxation intestinale)",
"Vitamine D3 (immunité)",
"Oméga-3 (inflammation)"
],
homeopathie: [
"Sulfur 9CH (drainage général)",
"Thuya 7CH (terrain sycotique)",
"Calcarea carbonica 15CH (constitution)",
"Pulsatilla 9CH (sécrétions)"
],
alimentation: [
"Réduction des laitages",
"Augmentation des fibres douces",
"Hydratation suffisante",
"Éviter les aliments producteurs de glaires"
]
}
}
},
{
numero: 2,
nom: "INFLAMMATION/CHALEUR",
âge: "Enfance/Jeunesse",
type: "Humorale (Réversible)",
couleur: "bg-orange-100 border-orange-400",
couleurFoncee: "bg-orange-500",
icone: "flame",
classique: {
symptomes: [
"Angines à répétition",
"Pharyngites récurrentes",
"Otites moyennes aiguës",
"Bronchites avec fièvre",
"Fièvre bénéfique (jusqu'à 39°C)",
"Syndrome inflammatoire aigu",
"Adénopathies réactionnelles",
"Conjonctivites infectieuses"
],
physiopathologie: "Inflammation aiguë bénéfique. Auto-régulation par mobilisation des défenses immunitaires. La fièvre permet l'évaporation d'eau et dégage la stagnation.",
remedes: [
"Lachesis 9CH (remède-type)",
"Tuberculinum 15CH (nosode de chronicité)",
"Belladonna (inflammation aiguë)",
"Hepar sulfur (suppuration)",
"Apis mellifica (inflammation œdémateuse)"
]
},
henry: {
marqueurBNS: "Hyper Alpha2",
detailBNS: "Élévation des Alpha-2 globulines témoignant d'une réaction inflammatoire aiguë adaptée et bénéfique.",
pathologies: [
"Rhinopharyngites récidivantes",
"Angines streptococciques",
"Bronchiolites du nourrisson",
"Gastro-entérites aiguës",
"Infections urinaires basses",
"Abcès cutanés superficiels",
"Lymphangites aiguës"
],
therapeutiques: {
phytotherapie: [
"Échinacée (immunostimulant)",
"Propolis (anti-infectieux)",
"Thym (antiseptique respiratoire)",
"Saule blanc (anti-inflammatoire naturel)"
],
micronutrition: [
"Vitamine C haute dose (2-3g/jour)",
"Zinc (15-20mg/jour)",
"Vitamine D3 (4000 UI/jour)",
"Quercétine (anti-inflammatoire)"
],
homeopathie: [
"Oscillococcinum (états grippaux)",
"Belladonna 9CH (inflammation)",
"Apis 9CH (œdème inflammatoire)",
"Pyrogenium 9CH (septicémie)"
],
alimentation: [
"Jeûne hydrique pendant la fièvre",
"Bouillons de légumes",
"Éviter les produits laitiers",
"Hydratation abondante"
]
}
}
},
{
numero: 3,
nom: "DÉPOSITION",
âge: "Enfance tardive/Adulte jeune",
type: "Humorale (Réversible)",
couleur: "bg-yellow-100 border-yellow-400",
couleurFoncee: "bg-yellow-500",
icone: "alert-triangle",
classique: {
symptomes: [
"Rhume des foins (allergie du foie)",
"Asthme allergique (allergie du poumon)",
"Eczéma atopique (allergie des reins)",
"Urticaire géant (allergie rate/pancréas)",
"Migraine ophtalmique (allergie du cœur)",
"Cellulite, obésité",
"Alternance des symptômes allergiques"
],
physiopathologie: "Épuisement des mécanismes de détoxication. Baisse de l'immuno-compétence. 'Allergie' = 'allos ergos' (autres effets).",
remedes: [
"Antimonium crudum (surcharge)",
"Antimonium tartaricum (bronches)",
"Thuya occidentalis (chronicité)",
"Stock-nosodes appropriés",
"Sulfur iodatum (allergies chroniques)"
]
},
henry: {
marqueurBNS: "Variant allergique: Hypo Bêta + Gamma | Variant surcharge: Hyper Alpha2 + Bêta",
detailBNS: "Deux profils distincts : épuisement immunitaire (hypo Bêta+Gamma) ou surcharge inflammatoire (hyper Alpha2+Bêta) selon la prédominance symptomatique.",
pathologies: [
"Dermatite atopique sévère",
"Asthme allergique persistant",
"Rhinite allergique perannuelle",
"Syndrome métabolique débutant",
"Stéatose hépatique non alcoolique",
"Syndrome des ovaires polykystiques",
"Fibromyalgie débutante",
"Syndrome de fatigue chronique"
],
therapeutiques: {
phytotherapie: [
"Desmodium (protection hépatique)",
"Chardon-Marie (détoxication)",
"Plantain lancéolé (allergies respiratoires)",
"Cassis (anti-inflammatoire naturel)"
],
micronutrition: [
"Quercétine + Bromélaïne (antihistaminique)",
"MSM (soufre organique)",
"Oméga-3 EPA/DHA (modulation immunitaire)",
"Probiotiques spécifiques (Bifidobacterium)"
],
homeopathie: [
"Poumon histamine 9CH (allergies)",
"Hepatine 4CH (drainage hépatique)",
"Thuya 15CH (terrain sycotique)",
"Medorrhinum 30CH (chronicité)"
],
alimentation: [
"Régime d'éviction des allergènes",
"Diète hypotoxique Seignalet",
"Réduction des sucres rapides",
"Cure de détoxication saisonnière"
]
}
}
},
{
numero: 4,
nom: "IMPRÉGNATION",
âge: "Adulte/Ménopause",
type: "Cellulaire (Lésionnelle)",
couleur: "bg-red-100 border-red-400",
couleurFoncee: "bg-red-500",
icone: "activity",
classique: {
symptomes: [
"Lithiases rénales, biliaires",
"Fibromes utérins",
"Adénome prostatique",
"Psoriasis avec squames",
"Arthrose débutante",
"Fatigue chronique intense",
"Irritabilité marquée",
"Sécheresse tissulaire généralisée"
],
physiopathologie: "Sécheresse tissulaire avec acidose localisée. Infections chroniques intracellulaires. Début du processus de vieillissement irréversible.",
remedes: [
"Causticum (remède-type)",
"Medorrhinum 30CH (chronicité)",
"Natrum muriaticum (sécheresse)",
"Lycopodium (lithiases)",
"Sepia (troubles hormonaux féminins)"
]
},
henry: {
marqueurBNS: "Hypo Albumines + Hyper Alpha1",
detailBNS: "Dénutrition protéique (hypo-albuminémie) associée à une inflammation chronique de bas grade (hyper Alpha-1). Marqueur de l'imprégnation tissulaire.",
pathologies: [
"Syndrome sec de Sjögren débutant",
"Lithiases multiples (rein, vésicule, glandes)",
"Fibromyalgie confirmée",
"Syndrome de l'intestin irritable",
"Hypothyroïdie frustre",
"Ostéopénie précoce",
"Syndrome prémenstruel sévère",
"Candidose chronique"
],
therapeutiques: {
phytotherapie: [
"Orthosiphon (drainage rénal)",
"Artichaut (cholagogue)",
"Harpagophytum (anti-inflammatoire)",
"Ginkgo biloba (microcirculation)"
],
micronutrition: [
"Coenzyme Q10 (antioxydant mitochondrial)",
"Acide alpha-lipoïque (régénération)",
"Magnésium bisglycinate (biodisponible)",
"Complexe B activé (méthylation)"
],
homeopathie: [
"Causticum 15CH (sécheresse)",
"Calcarea fluorica 12CH (lithiases)",
"Sepia 30CH (troubles hormonaux)",
"Silicea 12CH (élimination)"
],
alimentation: [
"Régime alcalinisant",
"Jeûne intermittent 16:8",
"Réduction des protéines animales",
"Augmentation des légumes verts"
]
}
}
},
{
numero: 5,
nom: "DÉGÉNÉRESCENCE",
âge: "Adulte mature",
type: "Cellulaire (Lésionnelle)",
couleur: "bg-purple-100 border-purple-400",
couleurFoncee: "bg-purple-500",
icone: "shield-x",
classique: {
symptomes: [
"Sclérose en plaques",
"Polyarthrite rhumatoïde",
"Diabète type 2 avec complications",
"Maladie de Crohn, RCH",
"Thyroïdites auto-immunes",
"Lupus érythémateux",
"Vascularites systémiques",
"Infarctus du myocarde"
],
physiopathologie: "Perte de reconnaissance du 'soi'. Auto-agression tissulaire. Souvent déclenchée par infections ou médications antérieures.",
remedes: [
"Aurum metallicum (dépression + cardio)",
"Argentum nitricum (troubles neurologiques)",
"Luesinum 30CH (chronicité)",
"Organothérapie spécifique",
"Catalyseurs intermédiaires"
]
},
henry: {
marqueurBNS: "Hyper Bêta + Gamma",
detailBNS: "Hyperactivation des Bêta et Gamma globulines traduisant une hyperréactivité immunitaire pathologique avec production d'auto-anticorps.",
pathologies: [
"Maladies auto-immunes confirmées",
"Athérosclérose sévère",
"Néphropathie diabétique",
"Rétinopathie diabétique",
"Neuropathie périphérique",
"Cardiomyopathie ischémique",
"Démence vasculaire débutante",
"Insuffisance surrénalienne"
],
therapeutiques: {
phytotherapie: [
"Curcuma (anti-inflammatoire puissant)",
"Boswellia (modulation immunitaire)",
"Ginseng rouge (adaptogène)",
"Ginkgo + Myrtille (neuroprotection)"
],
micronutrition: [
"Vitamine D3 haute dose (10000 UI)",
"Oméga-3 concentrés EPA",
"Glutathion liposomal",
"PQQ (neuroprotection mitochondriale)"
],
homeopathie: [
"Aurum 30CH (dépression cardiaque)",
"Plumbum 15CH (sclérose)",
"Luesinum 30CH (destruction)",
"Auto-isothérapie si possible"
],
alimentation: [
"Régime cétogène thérapeutique",
"Élimination complète du gluten",
"Jeûnes thérapeutiques supervisés",
"Supplémentation en cétones exogènes"
]
}
}
},
{
numero: 6,
nom: "DÉDIFFÉRENCIATION",
âge: "Âge avancé",
type: "Cellulaire (Lésionnelle)",
couleur: "bg-gray-100 border-gray-400",
couleurFoncee: "bg-gray-500",
icone: "skull",
classique: {
symptomes: [
"Tumeurs malignes diverses",
"Métastases multiples",
"Cachexie cancéreuse",
"Immunodéficience sévère",
"Infections opportunistes",
"Hémorragies spontanées",
"Troubles de la coagulation",
"Altération de l'état général"
],
physiopathologie: "Échappement complet au contrôle immunitaire. Croissance cellulaire anarchique. Dédifférenciation vers des formes embryonnaires.",
remedes: [
"Carbo animalis (cachexie)",
"Carsinosinum 30CH (chronicité)",
"Cadmium sulfuricum (asthénie)",
"Arsenicum album (anxiété + asthénie)",
"Phosphorus (hémorragies)"
]
},
henry: {
marqueurBNS: "Hyper Alpha1 + Hypo Bêta",
detailBNS: "Inflammation chronique majeure (hyper Alpha-1) avec effondrement de l'immunité cellulaire (hypo Bêta). Profil de risque néoplasique maximal.",
pathologies: [
"Cancers solides métastatiques",
"Leucémies et lymphomes",
"Syndrome paranéoplasique",
"Cachexie avec fonte musculaire",
"Infections opportunistes sévères",
"Troubles cognitifs sévères",
"Insuffisance multi-organes",
"États confusionnels"
],
therapeutiques: {
phytotherapie: [
"Gui fermenté (Viscum album)",
"Shiitake + Reishi (immunomodulation)",
"Astragale (soutien immunitaire)",
"Artemisia annua (apoptose cellulaire)"
],
micronutrition: [
"Vitamine C intraveineuse haute dose",
"Sélénium organique",
"Mélatonine haute dose (20mg)",
"Acides aminés branchés"
],
homeopathie: [
"Carsinosinum 200CH (terrain)",
"Cadmium sulf. 15CH (cachexie)",
"Arsenicum 30CH (anxiété)",
"Phosphorus 12CH (hémorragies)"
],
alimentation: [
"Nutrition entérale spécialisée",
"Régime cétogène strict",
"Jeûne thérapeutique encadré",
"Suppléments hyperprotéinés"
]
}
}
}
];
function initTimeline() {
const timeline = document.getElementById('timeline');
timeline.innerHTML = '';
phases.forEach((phase, index) => {
const button = document.createElement('button');
button.onclick = () => setSelectedPhase(index);
button.className = `w-12 h-12 rounded-full border-4 flex items-center justify-center transition-all duration-300 ${
selectedPhase === index
? `${phase.couleurFoncee} text-white border-white shadow-lg scale-110`
: `bg-white ${phase.couleur} hover:scale-105`
}`;
button.innerHTML = `
<div class="flex flex-col items-center">
<i data-lucide="${phase.icone}" class="phase-icon"></i>
<span class="text-xs font-bold mt-1">${phase.numero}</span>
</div>
`;
timeline.appendChild(button);
});
}
function updatePhaseHeader() {
const currentPhase = phases[selectedPhase];
const header = document.getElementById('phase-header');
header.className = `${currentPhase.couleur} rounded-xl shadow-xl p-4 mb-6`;
document.getElementById('phase-title').textContent = `PHASE ${currentPhase.numero} - ${currentPhase.nom}`;
document.getElementById('phase-age').textContent = currentPhase.âge;
document.getElementById('phase-type').textContent = currentPhase.type;
const iconContainer = document.getElementById('phase-icon-container');
iconContainer.className = `${currentPhase.couleurFoncee} text-white p-3 rounded-full mr-3`;
const icon = document.getElementById('phase-icon');
icon.setAttribute('data-lucide', currentPhase.icone);
}
function renderClassiqueContent() {
const currentPhase = phases[selectedPhase];
return `
<div class="bg-white rounded-xl shadow-lg p-6">
<h3 class="text-xl font-bold text-blue-700 mb-4 flex items-center">
<i data-lucide="beaker" class="w-6 h-6 mr-2"></i>
Approche Homotoxicologique Classique
</h3>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-blue-50 rounded-lg p-4">
<h4 class="font-bold text-gray-800 mb-3">📋 Symptômes selon Reckeweg</h4>
<ul class="space-y-2">
${currentPhase.classique.symptomes.map(symptome =>
`<li class="flex items-start">
<span class="text-blue-500 mr-2">•</span>
<span class="text-gray-700">${symptome}</span>
</li>`
).join('')}
</ul>
</div>
<div class="bg-green-50 rounded-lg p-4">
<h4 class="font-bold text-gray-800 mb-3">💊 Remèdes Homotoxicologiques</h4>
<ul class="space-y-2">
${currentPhase.classique.remedes.map(remede =>
`<li class="flex items-start">
<span class="text-green-500 mr-2">•</span>
<span class="text-gray-700">${remede}</span>
</li>`
).join('')}
</ul>
</div>
<div class="bg-yellow-50 rounded-lg p-4 md:col-span-2">
<h4 class="font-bold text-gray-800 mb-3">🔬 Physiopathologie selon Reckeweg</h4>
<p class="text-gray-700 leading-relaxed">${currentPhase.classique.physiopathologie}</p>
</div>
</div>
</div>
`;
}
function renderHenryContent() {
const currentPhase = phases[selectedPhase];
return `
<div class="bg-white rounded-xl shadow-lg p-6">
<h3 class="text-xl font-bold text-green-700 mb-4 flex items-center">
<i data-lucide="dna" class="w-6 h-6 mr-2"></i>
Innovation Dr Jean-Yves Henry - Approche BNS
</h3>
<div class="bg-gradient-to-r from-green-100 to-blue-100 rounded-lg p-6 mb-6 border-l-4 border-green-500">
<h4 class="text-lg font-bold text-gray-800 mb-2 flex items-center">
🧬 MARQUEURS BNS (Protidogramme Différentiel)
</h4>
<div class="bg-white rounded-md p-4 mb-3">
<p class="text-xl font-bold text-green-700">${currentPhase.henry.marqueurBNS}</p>
</div>
<p class="text-gray-700 text-sm italic">${currentPhase.henry.detailBNS}</p>
</div>
<div class="grid lg:grid-cols-2 gap-6">
<div class="bg-red-50 rounded-lg p-4">
<h4 class="font-bold text-gray-800 mb-3">🔍 Pathologies Associées (Approche Henry)</h4>
<ul class="space-y-2">
${currentPhase.henry.pathologies.map(pathologie =>
`<li class="flex items-start">
<span class="text-red-500 mr-2">•</span>
<span class="text-gray-700 text-sm">${pathologie}</span>
</li>`
).join('')}
</ul>
</div>
<div class="space-y-4">
<h4 class="font-bold text-gray-800">🎯 Solutions Thérapeutiques Intégrées</h4>
<div class="bg-green-50 rounded-md p-3">
<h5 class="font-semibold text-green-700 mb-2">🌿 Phytothérapie</h5>
<ul class="text-sm space-y-1">
${currentPhase.henry.therapeutiques.phytotherapie.map(plante =>
`<li class="text-gray-700">• ${plante}</li>`
).join('')}
</ul>
</div>
<div class="bg-blue-50 rounded-md p-3">
<h5 class="font-semibold text-blue-700 mb-2">💊 Micronutrition</h5>
<ul class="text-sm space-y-1">
${currentPhase.henry.therapeutiques.micronutrition.map(nutriment =>
`<li class="text-gray-700">• ${nutriment}</li>`
).join('')}
</ul>
</div>
<div class="bg-purple-50 rounded-md p-3">
<h5 class="font-semibold text-purple-700 mb-2">⚗️ Homéopathie</h5>
<ul class="text-sm space-y-1">
${currentPhase.henry.therapeutiques.homeopathie.map(remede =>
`<li class="text-gray-700">• ${remede}</li>`
).join('')}
</ul>
</div>
<div class="bg-orange-50 rounded-md p-3">
<h5 class="font-semibold text-orange-700 mb-2">🍽️ Conseils Alimentaires</h5>
<ul class="text-sm space-y-1">
${currentPhase.henry.therapeutiques.alimentation.map(conseil =>
`<li class="text-gray-700">• ${conseil}</li>`
).join('')}
</ul>
</div>
</div>
</div>
</div>
`;
}
function updateContent() {
const container = document.getElementById('content-container');
if (activeTab === 'classique') {
container.innerHTML = renderClassiqueContent();
} else {
container.innerHTML = renderHenryContent();
}
// Re-initialize Lucide icons
if (typeof lucide !== 'undefined') {
lucide.createIcons();
}
}
function setActiveTab(tab) {
activeTab = tab;
const classiqueTab = document.getElementById('tab-classique');
const henryTab = document.getElementById('tab-henry');
if (tab === 'classique') {
classiqueTab.className = 'flex-1 py-3 px-6 rounded-md transition-all duration-300 flex items-center justify-center bg-blue-500 text-white shadow-md';
henryTab.className = 'flex-1 py-3 px-6 rounded-md transition-all duration-300 flex items-center justify-center text-gray-600 hover:bg-gray-50';
} else {
classiqueTab.className = 'flex-1 py-3 px-6 rounded-md transition-all duration-300 flex items-center justify-center text-gray-600 hover:bg-gray-50';
henryTab.className = 'flex-1 py-3 px-6 rounded-md transition-all duration-300 flex items-center justify-center bg-green-500 text-white shadow-md';
}
updateContent();
}
function setSelectedPhase(index) {
selectedPhase = index;
initTimeline();
updatePhaseHeader();
updateContent();
}
function nextPhase() {
setSelectedPhase((selectedPhase + 1) % phases.length);
}
function prevPhase() {
setSelectedPhase((selectedPhase - 1 + phases.length) % phases.length);
}
// Initialize the application
document.addEventListener('DOMContentLoaded', function() {
initTimeline();
updatePhaseHeader();
updateContent();
// Initialize Lucide icons
if (typeof lucide !== 'undefined') {
lucide.createIcons();
}
});
</script>