code_bio_jy

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Dr Jean-Yves Henry - Profil Interactif Complet</title>

<style>

    * { margin: 0; padding: 0; box-sizing: border-box; }

    :root {

        --blue: #2E4C8D;

        --blue-dark: #1A2E5A;

        --green-soft: #E8F5F0;

        --green-muted: #B8E0D2;

        --green-accent: #7BA098;

        --gray-light: #F8F9FA;

        --gray-med: #E9ECEF;

        --gray-dark: #495057;

        --text: #2C3E50;

        --white: #FFF;

        --shadow: rgba(46, 76, 141, 0.08);

    }

    body {

        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

        background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);

        min-height: 100vh;

        color: var(--text);

        line-height: 1.6;

    }

    .container { max-width: 1200px; margin: 0 auto; padding: 20px; }

    /* Header */

    .header {

        background: var(--white);

        border-radius: 20px;

        padding: 35px;

        margin-bottom: 25px;

        box-shadow: 0 8px 24px var(--shadow);

        position: relative;

    }

    .header::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        height: 3px;

        background: linear-gradient(90deg, var(--blue), var(--green-accent));

    }

    .profile-photo {

        width: 110px;

        height: 110px;

        border-radius: 50%;

        margin: 0 auto 20px;

        display: block;

        border: 3px solid var(--green-muted);

        box-shadow: 0 6px 20px var(--shadow);

    }

    h1 {

        color: var(--blue);

        margin-bottom: 8px;

        font-size: 2em;

        font-weight: 700;

        text-align: center;

    }

    h2 { color: var(--blue); margin-bottom: 25px; }

    h3 { color: var(--blue); font-size: 1.2em; margin-bottom: 12px; }

    .subtitle {

        color: var(--gray-dark);

        font-size: 1.05em;

        margin-bottom: 20px;

        text-align: center;

    }

    .birth-info {

        background: linear-gradient(135deg, var(--blue), #3B5998);

        color: white;

        padding: 10px 20px;

        border-radius: 10px;

        margin: 15px auto;

        font-weight: 500;

        text-align: center;

        max-width: 550px;

    }

    /* Tabs */

    .tabs {

        display: flex;

        justify-content: center;

        margin-bottom: 25px;

        flex-wrap: wrap;

        gap: 10px;

        padding: 14px;

        background: var(--white);

        border-radius: 14px;

        box-shadow: 0 3px 15px var(--shadow);

    }

    .tab-button {

        background: var(--gray-light);

        border: 2px solid transparent;

        padding: 10px 20px;

        border-radius: 10px;

        cursor: pointer;

        transition: all 0.2s ease;

        font-weight: 600;

        font-size: 0.92em;

        color: var(--gray-dark);

    }

    .tab-button:hover {

        background: var(--gray-med);

        transform: translateY(-1px);

    }

    .tab-button.active {

        background: var(--green-soft);

        color: var(--blue);

        border-color: var(--green-muted);

    }

    /* Content */

    .tab-content {

        display: none;

        background: var(--white);

        border-radius: 16px;

        padding: 35px;

        box-shadow: 0 6px 24px var(--shadow);

    }

    .tab-content.active {

        display: block;

        animation: fadeIn 0.3s ease;

    }

    @keyframes fadeIn {

        from { opacity: 0; transform: translateY(8px); }

        to { opacity: 1; transform: translateY(0); }

    }

    /* Common Styles */

    .card, .biography-section, .discovery-card, .publication-card {

        background: var(--gray-light);

        padding: 22px;

        border-radius: 12px;

        margin-bottom: 18px;

        transition: all 0.2s ease;

    }

    .card:hover, .discovery-card:hover {

        box-shadow: 0 4px 16px var(--shadow);

    }

    .biography-section {

        border-left: 3px solid var(--green-accent);

    }

    .biography-title {

        color: var(--blue);

        font-size: 1.2em;

        margin-bottom: 12px;

        display: flex;

        align-items: center;

        gap: 10px;

        font-weight: 600;

    }

    .year-highlight {

        background: var(--green-muted);

        color: var(--blue-dark);

        padding: 3px 10px;

        border-radius: 5px;

        font-weight: 600;

        font-size: 0.85em;

    }

    /* Timeline */

    .timeline { position: relative; padding: 30px 0; }

    .timeline::before {

        content: '';

        position: absolute;

        left: 50%;

        top: 0;

        bottom: 0;

        width: 2px;

        background: linear-gradient(to bottom, var(--green-accent), var(--blue));

        transform: translateX(-50%);

    }

    .timeline-item {

        position: relative;

        margin: 30px 0;

        padding: 20px;

        background: var(--gray-light);

        border-radius: 12px;

        box-shadow: 0 3px 12px var(--shadow);

        width: 45%;

        transition: all 0.2s ease;

    }

    .timeline-item:hover {

        transform: translateY(-2px);

        box-shadow: 0 6px 18px var(--shadow);

    }

    .timeline-item:nth-child(odd) { left: 0; }

    .timeline-item:nth-child(even) { left: 55%; }

    .timeline-date {

        background: var(--green-muted);

        color: var(--blue-dark);

        padding: 5px 12px;

        border-radius: 6px;

        display: inline-block;

        font-weight: 600;

        margin-bottom: 10px;

        font-size: 0.9em;

    }

    .timeline-title {

        color: var(--blue);

        font-size: 1.15em;

        margin-bottom: 8px;

        font-weight: 600;

    }

    /* Approach Grid */

    .approach-grid {

        display: grid;

        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

        gap: 18px;

        margin-top: 25px;

    }

    .approach-card {

        background: var(--white);

        border: 2px solid var(--gray-med);

        padding: 25px;

        border-radius: 12px;

        text-align: center;

        transition: all 0.2s ease;

        cursor: pointer;

    }

    .approach-card:hover {

        transform: translateY(-2px);

        box-shadow: 0 8px 20px var(--shadow);

        border-color: var(--green-muted);

    }

    .approach-icon {

        font-size: 2.2em;

        margin-bottom: 12px;

        display: block;

        color: var(--green-accent);

    }

    /* Quiz */

    .question {

        background: var(--gray-light);

        padding: 20px;

        border-radius: 12px;

        margin-bottom: 18px;

        border: 2px solid var(--gray-med);

    }

    .question-title {

        font-weight: 600;

        color: var(--blue);

        margin-bottom: 14px;

        font-size: 1.02em;

    }

    .options {

        display: flex;

        flex-direction: column;

        gap: 10px;

    }

    .option {

        background: var(--white);

        padding: 12px 18px;

        border-radius: 8px;

        border: 2px solid var(--gray-med);

        cursor: pointer;

        transition: all 0.15s ease;

    }

    .option:hover {

        border-color: var(--green-muted);

        background: var(--green-soft);

    }

    .option.selected {

        background: var(--green-soft);

        border-color: var(--green-accent);

        color: var(--blue-dark);

    }

    .option.correct {

        background: #D4EDDA;

        border-color: #28A745;

        color: #155724;

    }

    .option.incorrect {

        background: #F8D7DA;

        border-color: #DC3545;

        color: #721C24;

    }

    .submit-btn {

        background: var(--blue);

        color: white;

        border: none;

        padding: 12px 28px;

        border-radius: 10px;

        cursor: pointer;

        font-size: 1em;

        font-weight: 600;

        margin-top: 20px;

        transition: all 0.2s ease;

    }

    .submit-btn:hover {

        transform: translateY(-1px);

        box-shadow: 0 6px 18px var(--shadow);

    }

    .result {

        margin-top: 20px;

        padding: 18px;

        border-radius: 10px;

        font-weight: 500;

    }

    .result.success {

        background: var(--green-soft);

        border: 2px solid var(--green-accent);

        color: var(--text);

    }

    .result.error {

        background: #F8D7DA;

        border: 2px solid #DC3545;

        color: #721C24;

    }

    .open-question {

        width: 100%;

        min-height: 110px;

        padding: 14px;

        border: 2px solid var(--gray-med);

        border-radius: 10px;

        font-family: inherit;

        font-size: 0.95em;

        resize: vertical;

        transition: border-color 0.2s ease;

    }

    .open-question:focus {

        outline: none;

        border-color: var(--green-accent);

    }

    /* Highlights */

    .highlight-atomic {

        background: linear-gradient(135deg, var(--blue), #3B5998);

        color: white;

        padding: 22px;

        border-radius: 12px;

        margin: 20px 0;

        position: relative;

    }

    .highlight-atomic::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 3px;

        height: 100%;

        background: var(--green-accent);

    }

    .languages {

        background: var(--green-soft);

        padding: 14px;

        border-radius: 10px;

        margin: 15px 0;

        border: 1px solid var(--green-muted);

    }

    .awards {

        background: linear-gradient(135deg, var(--green-muted), var(--green-accent));

        padding: 20px;

        border-radius: 12px;

        margin: 20px 0;

        color: var(--blue-dark);

    }

    /* Publications */

    .publications-grid {

        display: grid;

        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

        gap: 16px;

        margin-top: 25px;

    }

    .publication-card {

        border-left: 3px solid var(--blue);

    }

    .publication-card h4 {

        color: var(--blue);

        margin-bottom: 14px;

        font-size: 1.05em;

    }

    .publication-card ul {

        list-style: none;

        padding: 0;

    }

    .publication-card li {

        padding: 6px 0 6px 18px;

        color: var(--gray-dark);

        position: relative;

    }

    .publication-card li::before {

        content: '•';

        position: absolute;

        left: 0;

        color: var(--green-accent);

    }

    /* Partners Section */

    .partners-grid {

        display: grid;

        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

        gap: 24px;

        margin-top: 30px;

    }

    .partner-card {

        background: var(--white);

        border-radius: 14px;

        padding: 25px;

        text-align: center;

        box-shadow: 0 4px 16px var(--shadow);

        transition: all 0.3s ease;

        border: 2px solid var(--gray-med);

    }

    .partner-card:hover {

        transform: translateY(-3px);

        box-shadow: 0 8px 24px var(--shadow);

        border-color: var(--green-muted);

    }

    .partner-logo {

        height: 80px;

        width: auto;

        max-width: 200px;

        margin: 0 auto 20px;

        display: block;

        object-fit: contain;

    }

    .partner-name {

        color: var(--blue);

        font-size: 1.2em;

        font-weight: 600;

        margin-bottom: 12px;

    }

    .partner-description {

        color: var(--gray-dark);

        font-size: 0.95em;

        margin-bottom: 15px;

        line-height: 1.5;

    }

    .partner-link {

        display: inline-block;

        padding: 8px 20px;

        background: var(--green-soft);

        color: var(--blue);

        text-decoration: none;

        border-radius: 8px;

        font-weight: 500;

        transition: all 0.2s ease;

        border: 2px solid var(--green-muted);

    }

    .partner-link:hover {

        background: var(--green-muted);

        transform: translateY(-1px);

    }

    /* Responsive */

    @media (max-width: 768px) {

        .container { padding: 12px; }

        h1 { font-size: 1.6em; }

        .tabs { padding: 10px; gap: 6px; }

        .tab-button { padding: 8px 14px; font-size: 0.88em; }

        .tab-content { padding: 20px 14px; }

        .timeline::before { left: 20px; }

        .timeline-item { width: calc(100% - 35px); left: 25px !important; }

        .approach-grid, .publications-grid, .partners-grid { grid-template-columns: 1fr; }

    }

</style>
<div class="container">

    <div class="header">

        <img src="https://frmi.ch/wp-content/uploads/2023/02/photo-jean-yves-henry-200x199.png" alt="Dr Jean-Yves Henry" class="profile-photo">

        <h1>Dr Jean-Yves Henry</h1>

        <p class="subtitle">Pionnier de la Médecine Intégrée - Créateur des Systèmes BNS/BNT</p>

        <div class="birth-info">

            📍 Né à Paris en mai 1947 | 🗣️ Français, Anglais, Espagnol, notions de Portugais

        </div>

        <p style="text-align: center; color: var(--gray-dark); margin-top: 14px;">Révolutionnaire né d'une expérience personnelle : la guérison inexpliquée du rhumatisme de son père</p>

    </div>

    <div class="tabs">

        <button class="tab-button active" onclick="showTab('biography')">📚 Biographie</button>

        <button class="tab-button" onclick="showTab('timeline')">⏰ Chronologie</button>

        <button class="tab-button" onclick="showTab('atomic')">⚛️ Recherche</button>

        <button class="tab-button" onclick="showTab('approach')">🔬 Approche</button>

        <button class="tab-button" onclick="showTab('publications')">📖 Publications</button>

        <button class="tab-button" onclick="showTab('partners')">🏢 Structures</button>

        <button class="tab-button" onclick="showTab('quiz')">🎯 Quiz</button>

    </div>

    <div id="biography" class="tab-content active">

        <h2>🌟 Parcours Complet du Dr Jean-Yves Henry</h2>

        <div class="biography-section">

            <h3 class="biography-title">🎓 Formation Initiale - <span class="year-highlight">1972</span></h3>

            <p><strong>Doctorat en Médecine</strong> - Université de Bordeaux 2 (Gironde)</p>

            <p><strong>Thèse remarquable :</strong> "Les explorations fonctionnelles pulmonaires au Xénon 133" - Note d'excellence "échanges internationaux"</p>

        </div>

        <div class="highlight-atomic">

            <h3 class="biography-title" style="color: white;">⚛️ Spécialisation en Médecine Nucléaire - <span class="year-highlight">1972-73</span></h3>

            <p><strong>Stage révélateur à Saclay (Commissariat à l'Énergie Atomique) - 3 mois</strong></p>

            <p>🔬 <strong>Découvertes fondatrices :</strong></p>

            <ul style="margin-left: 20px; margin-top: 10px; list-style: none;">

                <li>• L'analyse compartimentale</li>

                <li>• La modélisation systémique</li>

                <li>• La recherche biomédicale de pointe</li>

            </ul>

            <p style="margin-top: 15px;"><em>Cette expérience forge sa vision systémique qui révolutionnera plus tard la médecine intégrée</em></p>

        </div>

        <div class="biography-section">

            <h3 class="biography-title">🏥 Médecine Générale - <span class="year-highlight">1974-1983</span></h3>

            <p><strong>Installation à Marseille</strong> - Face aux limites de l'allopathie, il explore les médecines complémentaires</p>

            <p><strong>Formations complémentaires :</strong> Homéopathie, Acupuncture, Phytothérapie, Oligothérapie, Gemmothérapie</p>

        </div>

        <div class="biography-section">

            <h3 class="biography-title">💻 Révolution Informatique - <span class="year-highlight">1984-1985</span></h3>

            <p><strong>Formation en programmation informatique</strong></p>

            <p><strong>Bourse d'études CEIA (Lyon)</strong> pour contacts avec le monde médical américain</p>

            <p><strong>Séjour aux Antilles (St Martin)</strong> - 2 ans</p>

            <p>🌎 <strong>Congrès internationaux :</strong> Canada (lab. HEEL), Mexique (avec Gérard GUASCH)</p>

            <p>🧠 <strong>Découvertes :</strong> E.C. WHITMONT, G. HENSHAW, initiation hypnose éricksonienne</p>

        </div>

        <div class="biography-section">

            <h3 class="biography-title">🌿 Cure Biologique d'Évian - <span class="year-highlight">1986-1988</span></h3>

            <p><strong>Médecin à l'Hôtel Royal (Haute-Savoie)</strong></p>

            <p><strong>Perfectionnement en botanique :</strong> Pr. A. RAYNAL-ROQUES (Muséum), Dr. Bernard VIAL</p>

            <p><strong>Rencontres marquantes :</strong> J.P. WILLEM, D. SENN, J. ELMIGER</p>

        </div>

        <div class="biography-section">

            <h3 class="biography-title">💑 Installation Lyon & Mariage - <span class="year-highlight">1989-2000</span></h3>

            <p><strong>Épouse Françoise COLLIN</strong> - Parcours complémentaire exceptionnel :</p>

            <ul style="margin-left: 20px; margin-top: 10px;">

                <li>• Maîtrise de Droit</li>

                <li>• Homéopathie et MTC</li>

                <li>• Maîtrise Psychologie (Lyon 2)</li>

                <li>• Criminologie (Lausanne)</li>

            </ul>

            <p><strong>Enseignement :</strong> École d'Agrobiologie de Beaujeu avec Gérard DUCERF</p>

            <p><strong>Rencontres :</strong> A. PASSEBECQ, P.V. MARCHESSEAU, C. BOURGUIGNON, P. RABHI</p>

        </div>

        <div class="languages">

            <strong>🗣️ Compétences Linguistiques :</strong> Français (natif), Anglais, Espagnol, notions de Portugais

        </div>

        <div class="awards">

            <h3 class="biography-title">🏅 Reconnaissance Internationale - <span class="year-highlight">2012 & 2017</span></h3>

            <p><strong>2012 :</strong> Titre honorifique "Médecin attaché à l'Académie Anti-âge Francophone" - Kiang Wu Hospital, Macao (Chine)</p>

            <p><strong>2017 :</strong> Médaille d'or de l'Institut Jean THOMAS (SEROLAB-Suisse) pour ses travaux en immunologie tissulaire</p>

        </div>

    </div>

    <div id="timeline" class="tab-content">

        <h2>📅 Chronologie Détaillée du Parcours</h2>

        <div class="timeline">

            <div class="timeline-item">

                <div class="timeline-date">Mai 1947</div>

                <div class="timeline-title">🏠 Naissance à Paris</div>

                <p>Début d'un parcours exceptionnel qui révolutionnera la médecine intégrée</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">Jeunesse</div>

                <div class="timeline-title">💡 L'Expérience Fondatrice</div>

                <p>Guérison inexpliquée du rhumatisme paternel - Révélation sur l'efficacité des médecines alternatives</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">1972</div>

                <div class="timeline-title">🎓 Doctorat en Médecine</div>

                <p>Université de Bordeaux 2 - Thèse d'excellence sur "Les explorations fonctionnelles pulmonaires au Xénon 133"</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">1972-73</div>

                <div class="timeline-title">⚛️ Médecine Nucléaire & Saclay</div>

                <p>Stage de 3 mois au Commissariat à l'Énergie Atomique - Découverte de l'analyse compartimentale et modélisation systémique</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">1974-83</div>

                <div class="timeline-title">🏥 Médecine Générale Marseille</div>

                <p>Installation en pratique libérale - Exploration des médecines complémentaires face aux limites de l'allopathie</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">1984-85</div>

                <div class="timeline-title">💻 Formation Informatique</div>

                <p>Programmation + Bourse CEIA - 2 ans aux Antilles (St Martin) - Congrès internationaux</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">1986-88</div>

                <div class="timeline-title">🌿 Cure Biologique Évian</div>

                <p>Médecin Hôtel Royal - Perfectionnement botanique - Rencontres déterminantes</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">1989</div>

                <div class="timeline-title">💑 Installation Lyon & Mariage</div>

                <p>Épouse Françoise COLLIN - Début collaboration exceptionnelle - Enseignement Beaujeu</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">1990-2000</div>

                <div class="timeline-title">🔬 Développement BDD Biologiques</div>

                <p>Systèmes-experts d'aide diagnostique - 120 000 profils de 33 paramètres - Profils de Réactivité Sérique</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">1996</div>

                <div class="timeline-title">🌿 Certification Naturopathe</div>

                <p>Praticien Naturopathe certifié FSPN (Suisse) - Spécialités multiples</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">2001-09</div>

                <div class="timeline-title">🇨🇭 Installation Suisse</div>

                <p>Canton de Vaud - Publications ouvrages - Logiciel SYNERGIE 2000 - Enseignement international</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">2008</div>

                <div class="timeline-title">🌐 Création Site Internet</div>

                <p>Première version medecine-integree.com - 2000+ visites/jour aujourd'hui</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">2012</div>

                <div class="timeline-title">🏅 Reconnaissance Internationale</div>

                <p>Titre honorifique "Médecin attaché Académie Anti-âge" - Kiang Wu Hospital Macao</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">2013</div>

                <div class="timeline-title">💔 Décès de Françoise</div>

                <p>Perte de sa collaboratrice exceptionnelle - Poursuit seul la mission</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">2017</div>

                <div class="timeline-title">🥇 Médaille d'Or</div>

                <p>Institut Jean THOMAS pour travaux en immunologie tissulaire</p>

            </div>

            <div class="timeline-item">

                <div class="timeline-date">2025</div>

                <div class="timeline-title">🤖 Intelligence Artificielle</div>

                <p>Développement "ArtemisIA" avec Martial CHETELAT - Système IA pour médecine intégrée</p>

            </div>

        </div>

    </div>

    <div id="atomic" class="tab-content">

        <h2>⚛️ Recherche Atomique et Formation Scientifique</h2>

        <div class="highlight-atomic">

            <h3 class="discovery-title" style="color: white;">🔬 Stage au Commissariat à l'Énergie Atomique (Saclay)</h3>

            <p><strong>Période :</strong> 1972-1973 (3 mois)</p>

            <p><strong>Contexte :</strong> Formation en Médecine Nucléaire</p>

            <p><strong>Impact fondateur :</strong> Cette expérience forge sa vision systémique qui révolutionnera la médecine intégrée</p>

        </div>

        <div class="discovery-card">

            <h3 class="discovery-title">🧮 L'Analyse Compartimentale</h3>

            <p><strong>Découverte à Saclay :</strong> Méthodes mathématiques pour analyser les systèmes complexes en compartiments</p>

            <p><strong>Application future :</strong> Base conceptuelle du système BNS et de l'approche diathésique</p>

            <p><strong>Principe :</strong> Décomposition des systèmes biologiques en compartiments interactifs pour comprendre les flux et régulations</p>

        </div>

        <div class="discovery-card">

            <h3 class="discovery-title">📊 La Modélisation Systémique</h3>

            <p><strong>Formation nucléaire :</strong> Approche holistique des systèmes complexes</p>

            <p><strong>Révolution conceptuelle :</strong> Vision globale des interactions plutôt qu'analyse réductionniste</p>

            <p><strong>Innovation :</strong> Application à la physiologie humaine - comprendre le patient comme système complexe</p>

        </div>

        <div class="discovery-card">

            <h3 class="discovery-title">🔬 Recherche Biomédicale de Pointe</h3>

            <p><strong>Environnement Saclay :</strong> Immersion dans la recherche de haut niveau</p>

            <p><strong>Méthodologie :</strong> Rigueur scientifique, validation expérimentale, approche quantitative</p>

            <p><strong>Héritage :</strong> Exigence de validation biologique des phénomènes homéopathiques observés</p>

        </div>

        <div class="discovery-card">

            <h3 class="discovery-title">🎯 Thèse Doctorale - Xénon 133</h3>

            <p><strong>Sujet :</strong> "Les explorations fonctionnelles pulmonaires au Xénon 133"</p>

            <p><strong>Innovation :</strong> Utilisation d'isotopes radioactifs pour l'exploration fonctionnelle</p>

            <p><strong>Reconnaissance :</strong> Note d'excellence "échanges internationaux"</p>

            <p><strong>Pertinence :</strong> Première approche quantitative de la fonction biologique</p>

        </div>

        <div class="biography-section" style="background: linear-gradient(135deg, var(--green-muted), var(--green-accent)); color: var(--blue-dark);">

            <h3 class="biography-title">🧠 Impact sur sa Vision Médicale</h3>

            <p><strong>Synthèse unique :</strong> Fusion entre rigueur scientifique atomique et ouverture aux médecines traditionnelles</p>

            <p><strong>Méthodologie :</strong> Application des principes de modélisation systémique à la compréhension du terrain</p>

            <p><strong>Innovation :</strong> Premier à objectiver les médecines traditionnelles par des outils issus de la physique moderne</p>

        </div>

        <div class="discovery-card">

            <h3 class="discovery-title">🔗 De l'Atome à l'Homéopathie</h3>

            <p><strong>Parallèle conceptuel :</strong> Infiniment petit (atome) et infinitésimal (dilutions homéopathiques)</p>

            <p><strong>Approche quantique :</strong> Compréhension des mécanismes d'action des hautes dilutions</p>

            <p><strong>Validation :</strong> Utilisation d'outils de mesure précis pour valider les effets thérapeutiques</p>

            <p><strong>Révolution :</strong> Premier médecin à appliquer la rigueur atomique aux médecines énergétiques</p>

        </div>

    </div>

    <div id="approach" class="tab-content">

        <h2>🔬 L'Approche Intégrative Révolutionnaire</h2>

        <p style="text-align: center; margin-bottom: 25px; font-size: 1.05em; color: var(--gray-dark);">

            Née de la question : "Comment expliquer la guérison de mon père ?" + Formation atomique Saclay

        </p>

        <div class="approach-grid">

            <div class="approach-card" onclick="toggleDetail('bns')">

                <span class="approach-icon">⚡</span>

                <h3>Système BNS/BNT</h3>

                <p>Bilan Neuro-Sensoriel et Neurotransmetteurs - Objectivation du terrain</p>

            </div>

            <div class="approach-card" onclick="toggleDetail('homeopathy')">

                <span class="approach-icon">🌿</span>

                <h3>Homéopathie Diathésique</h3>

                <p>25 groupes de remèdes - Approche systémique révolutionnaire</p>

            </div>

            <div class="approach-card" onclick="toggleDetail('mtc')">

                <span class="approach-icon">☯️</span>

                <h3>MTC - 5 Éléments</h3>

                <p>Médecine Traditionnelle Chinoise intégrée - Correspondances précises</p>

            </div>

            <div class="approach-card" onclick="toggleDetail('biology')">

                <span class="approach-icon">🔬</span>

                <h3>Biologie Fonctionnelle</h3>

                <p>120 000 profils analysés - Profils de Réactivité Sérique</p>

            </div>

            <div class="approach-card" onclick="toggleDetail('psychology')">

                <span class="approach-icon">🧠</span>

                <h3>Psycho-Somatique</h3>

                <p>Intégration Freud-Hahnemann - Stades développement</p>

            </div>

            <div class="approach-card" onclick="toggleDetail('ai')">

                <span class="approach-icon">🤖</span>

                <h3>ArtemisIA</h3>

                <p>Intelligence Artificielle dédiée - Aide diagnostique intégrée</p>

            </div>

        </div>

        <div id="detail-bns" class="discovery-card" style="display: none; margin-top: 20px;">

            <h3 class="discovery-title">⚡ Système BNS/BNT</h3>

            <p><strong>BNS :</strong> Bilan Neuro-Sensoriel pour objectivation du terrain énergétique</p>

            <p><strong>BNT :</strong> Bilan des Neurotransmetteurs urinaires - Éclairage situations psychologiques bloquées</p>

            <p><strong>Innovation :</strong> Premier outil quantifiant les déséquilibres énergétiques</p>

            <p><strong>Applications :</strong> Personnalisation thérapeutique, monitoring évolution, aide diagnostic</p>

        </div>

        <div id="detail-homeopathy" class="discovery-card" style="display: none; margin-top: 20px;">

            <h3 class="discovery-title">🌿 Homéopathie Diathésique</h3>

            <p><strong>Révolution :</strong> Classification en 25 groupes selon symptômes et actions électives</p>

            <p><strong>Innovation :</strong> Ordre interne de la Matière Médicale (3e au monde après Sankaran et Scholten)</p>

            <p><strong>Méthode :</strong> Liens logiques entre diathèses, MTC, psychologie et biologie</p>

            <p><strong>Outils :</strong> Logiciel SYNERGIE 2000 - Répertorisation moderne</p>

        </div>

        <div id="detail-mtc" class="discovery-card" style="display: none; margin-top: 20px;">

            <h3 class="discovery-title">☯️ MTC - 5 Éléments</h3>

            <p><strong>Intégration :</strong> Correspondances précises homéopathie-MTC</p>

            <p><strong>Approche :</strong> 5 éléments chinois en relation avec 25 groupes homéopathiques</p>

            <p><strong>Diagnostic :</strong> Évaluation énergétique globale du terrain</p>

            <p><strong>Thérapeutique :</strong> Synergie acupuncture-homéopathie-phytothérapie</p>

        </div>

        <div id="detail-biology" class="discovery-card" style="display: none; margin-top: 20px;">

            <h3 class="discovery-title">🔬 Biologie Fonctionnelle</h3>

            <p><strong>Profils de Réactivité Sérique :</strong> 120 000 profils de 33 paramètres analysés</p>

            <p><strong>Innovation :</strong> Corrélation symptômes cliniques - biomarqueurs</p>

            <p><strong>Évolution :</strong> Collaboration laboratoires SEROLAB, puis Mediamine</p>

            <p><strong>Validation :</strong> Preuve biologique des mécanismes homéopathiques</p>

        </div>

        <div id="detail-psychology" class="discovery-card" style="display: none; margin-top: 20px;">

            <h3 class="discovery-title">🧠 Psycho-Somatique</h3>

            <p><strong>Synthèse Freud-Hahnemann :</strong> Liens diathèses et stades développement (Françoise)</p>

            <p><strong>Formation :</strong> Psychothérapie psychanalytique (FPPP-AJ)</p>

            <p><strong>Enseignement :</strong> Institut Médecine et Sciences Humaines (Lausanne)</p>

            <p><strong>Innovation :</strong> Compréhension genèse troubles psychosomatiques</p>

        </div>

        <div id="detail-ai" class="discovery-card" style="display: none; margin-top: 20px;">

            <h3 class="discovery-title">🤖 ArtemisIA - Intelligence Artificielle</h3>

            <p><strong>Collaboration :</strong> Martial CHETELAT (2025)</p>

            <p><strong>Fonctions :</strong> Guide consultation, répertorisation, comparaison tests biologiques</p>

            <p><strong>Innovation :</strong> Télé-enseignement continu médecine intégrée</p>

            <p><strong>Avenir :</strong> Démocratisation de l'expertise en médecine intégrée</p>

        </div>

        <div class="discovery-card">

            <h3 class="discovery-title">🎯 Quiz Actualisé - Période Récente</h3>

            <ul style="margin-left: 20px; margin-top: 10px;">

                <li>• <strong>6 questions</strong> incluant FRMI (2019), COVID, production littéraire</li>

                <li>• <strong>Réponses</strong> sur évolution récente et adaptabilité</li>

                <li>• <strong>Question ouverte</strong> sur capacité d'innovation 2019-2025</li>

                <li>• <strong>Focus</strong> : Transformation numérique, résilience, transmission</li>

            </ul>

        </div>

    </div>

    <div id="publications" class="tab-content">

        <h2>📖 Publications et Ouvrages</h2>

        <div class="publications-grid">

            <div class="publication-card">

                <h4>📚 Ouvrages Principaux</h4>

                <ul>

                    <li><strong>1993</strong> - "Mémento d'homéopathie biologique" (IBS)</li>

                    <li><strong>1993</strong> - "Vade-mecum d'immunologie" (BSI)</li>

                    <li><strong>2008</strong> - "Matière médicale diathésique" (avec Françoise)</li>

                    <li><strong>2024</strong> - "Comprendre et se débarrasser des allergies"</li>

                    <li><strong>2024</strong> - "Les stratégies anti-âge"</li>

                    <li><strong>2024</strong> - "Maladies auto-immunes et neuro-dégénératives"</li>

                </ul>

            </div>

            <div class="publication-card">

                <h4>🔬 Travaux Scientifiques</h4>

                <ul>

                    <li>Thèse doctorale : "Explorations pulmonaires Xénon 133"</li>

                    <li>120 000 Profils de Réactivité Sérique analysés</li>

                    <li>Systèmes-experts d'aide au diagnostic</li>

                    <li>Publications immunologie tissulaire (Médaille d'Or 2017)</li>

                </ul>

            </div>

            <div class="publication-card">

                <h4>💻 Innovations Logicielles</h4>

                <ul>

                    <li><strong>SYNERGIE 2000</strong> - Répertorisation homéopathique</li>

                    <li><strong>ÉQUILIBRE</strong> - Suivi diététique</li>

                    <li><strong>ArtemisIA</strong> - IA médecine intégrée (2025)</li>

                    <li>Bases de données biologiques</li>

                </ul>

            </div>

            <div class="publication-card">

                <h4>🎓 Formations & Enseignement</h4>

                <ul>

                    <li>Faculté Francophone Médecine Intégrée</li>

                    <li>Institut Médecine et Sciences Humaines (Lausanne)</li>

                    <li>Séminaires FMC : France, Suisse, Belgique, Canada</li>

                    <li>Site medecine-integree.com (2000+ visites/jour)</li>

                </ul>

            </div>

            <div class="publication-card">

                <h4>🌐 Ressources Numériques</h4>

                <ul>

                    <li><strong>Site principal :</strong> medecine-integree.com</li>

                    <li><strong>2000 dossiers</strong> téléchargeables gratuitement</li>

                    <li><strong>YouTube :</strong> MyBioBoxTV (conférences)</li>

                    <li><strong>Télé-consultations</strong> disponibles</li>

                </ul>

            </div>

            <div class="publication-card">

                <h4>🏢 Collaborations Actuelles</h4>

                <ul>

                    <li><strong>FFMI</strong> sarl suisse (Rolle)</li>

                    <li><strong>MyBioBox</strong> sarl luxembourgeoise</li>

                    <li><strong>FRMI</strong> - Faculté Romande Médecine Intégrée</li>

                    <li><strong>IMH</strong> - Institut Médecine Sciences Humaines (France)</li>

                </ul>

            </div>

        </div>

    </div>

    <div id="partners" class="tab-content">

        <h2>🏢 Structures & Partenaires</h2>

        <div class="partners-grid">

            <div class="partner-card">

                <img src="https://therapies-sion.ch/wp-content/uploads/2025/09/logo.png" alt="FRMI" class="partner-logo">

                <h3 class="partner-name">FRMI</h3>

                <p class="partner-description">Faculté Romande de Médecine Intégrée - Formation certifiante en médecine intégrée et thérapies complémentaires en Suisse romande</p>

                <a href="https://frmi.ch" target="_blank" class="partner-link">Visiter le site</a>

            </div>

            <div class="partner-card">

                <img src="https://medecine-integree.com/wp-content/uploads/2019/09/cropped-logo-medecine-integree.png" alt="FFMI" class="partner-logo">

                <h3 class="partner-name">FFMI - Médecine Intégrée</h3>

                <p class="partner-description">Faculté Francophone de Médecine Intégrée - Plateforme de référence avec 2000+ dossiers et formations continues</p>

                <a href="https://medecine-integree.com" target="_blank" class="partner-link">Visiter le site</a>

            </div>

            <div class="partner-card">

                <img src="https://www.mybiobox.com/wp-content/uploads/2019/08/cropped-Logobluelightpng24.png" alt="MyBioBox" class="partner-logo">

                <h3 class="partner-name">MyBioBox</h3>

                <p class="partner-description">Solutions innovantes de diagnostic biologique et tests fonctionnels pour la médecine intégrée</p>

                <a href="https://www.mybiobox.com" target="_blank" class="partner-link">Visiter le site</a>

            </div>

            <div class="partner-card">

                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQrGgZGTkf9K8oI6SsioXFFJ7Xw9YCg1o1mWg&s" alt="Salmain Valais" class="partner-logo">

                <h3 class="partner-name">Centre de Santé Salmain</h3>

                <p class="partner-description">Centre de médecine intégrée à Sierre en Valais - Consultations et thérapies complémentaires</p>

                <a href="#" class="partner-link">Plus d'infos</a>

            </div>

        </div>

    </div>

    <div id="quiz" class="tab-content">

        <h2>🎯 Testez vos Connaissances sur le Dr Henry</h2>

        <div class="quiz-container">

            <div class="question" data-question="1">

                <div class="question-title">1. Où le Dr Henry a-t-il effectué son stage en médecine nucléaire qui a forgé sa vision systémique ?</div>

                <div class="options">

                    <div class="option" data-value="a">Institut Pasteur</div>

                    <div class="option" data-value="b">Commissariat à l'Énergie Atomique (Saclay)</div>

                    <div class="option" data-value="c">Université de Bordeaux</div>

                    <div class="option" data-value="d">Hôpital de Marseille</div>

                </div>

            </div>

            <div class="question" data-question="2">

                <div class="question-title">2. Quel était le sujet de sa thèse de doctorat remarquée pour son excellence ?</div>

                <div class="options">

                    <div class="option" data-value="a">L'homéopathie et la MTC</div>

                    <div class="option" data-value="b">Les explorations fonctionnelles pulmonaires au Xénon 133</div>

                    <div class="option" data-value="c">Les profils de réactivité sérique</div>

                    <div class="option" data-value="d">La médecine nucléaire</div>

                </div>

            </div>

            <div class="question" data-question="3">

                <div class="question-title">3. VRAI ou FAUX : Le Dr Henry a analysé 120 000 profils de réactivité sérique de 33 paramètres.</div>

                <div class="options">

                    <div class="option" data-value="true">VRAI</div>

                    <div class="option" data-value="false">FAUX</div>

                </div>

            </div>

            <div class="question" data-question="4">

                <div class="question-title">4. En quelle année le Dr Henry a-t-il reçu la médaille d'or pour ses travaux en immunologie tissulaire ?</div>

                <div class="options">

                    <div class="option" data-value="a">2012</div>

                    <div class="option" data-value="b">2015</div>

                    <div class="option" data-value="c">2017</div>

                    <div class="option" data-value="d">2020</div>

                </div>

            </div>

            <div class="question" data-question="5">

                <div class="question-title">5. VRAI ou FAUX : Françoise COLLIN-HENRY était criminologue et a contribué à la synthèse Freud-Hahnemann.</div>

                <div class="options">

                    <div class="option" data-value="true">VRAI</div>

                    <div class="option" data-value="false">FAUX</div>

                </div>

            </div>

            <div class="question" data-question="6">

                <div class="question-title">6. Question ouverte : En quoi l'expérience du Dr Henry au Commissariat à l'Énergie Atomique a-t-elle influencé sa conception révolutionnaire de la médecine intégrée ?</div>

                <textarea class="open-question" id="open-answer" placeholder="Rédigez votre réponse en expliquant les connexions entre recherche atomique, modélisation systémique et médecine intégrée..."></textarea>

            </div>

            <button class="submit-btn" onclick="checkQuiz()">Valider mes réponses</button>

            <div id="quiz-result" class="result" style="display: none;"></div>

        </div>

    </div>

</div>

<script>

    function showTab(tabId) {

        document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active'));

        document.querySelectorAll('.tab-button').forEach(button => button.classList.remove('active'));

        document.getElementById(tabId).classList.add('active');

        event.target.classList.add('active');

    }

    function toggleDetail(detailId) {

        const detail = document.getElementById('detail-' + detailId);

        document.querySelectorAll('[id^="detail-"]').forEach(d => {

            if (d !== detail) d.style.display = 'none';

        });

        detail.style.display = detail.style.display === 'none' ? 'block' : 'none';

    }

    let userAnswers = {};

    const correctAnswers = { 1: 'b', 2: 'b', 3: 'true', 4: 'c', 5: 'true' };

    document.addEventListener('click', function(e) {

        if (e.target.classList.contains('option')) {

            const question = e.target.closest('.question');

            const questionNum = question.dataset.question;

            question.querySelectorAll('.option').forEach(opt => opt.classList.remove('selected'));

            e.target.classList.add('selected');

            userAnswers[questionNum] = e.target.dataset.value;

        }

    });

    function checkQuiz() {

        let score = 0;

        let total = 5;

        const openAnswer = document.getElementById('open-answer').value.trim();

        for (let i = 1; i <= 5; i++) {

            const question = document.querySelector(`[data-question="${i}"]`);

            const options = question.querySelectorAll('.option');

            options.forEach(option => {

                option.classList.remove('correct', 'incorrect');

                if (option.dataset.value === correctAnswers[i]) {

                    option.classList.add('correct');

                    if (userAnswers[i] === correctAnswers[i]) score++;

                } else if (option.classList.contains('selected')) {

                    option.classList.add('incorrect');

                }

            });

        }

        const resultDiv = document.getElementById('quiz-result');

        resultDiv.style.display = 'block';

        let resultText = `Score : ${score}/${total} questions correctes\n\n`;

        if (score === total) {

            resultDiv.className = 'result success';

            resultText += '🎉 Parfait ! Vous maîtrisez l\'extraordinaire parcours du Dr Henry !';

        } else if (score >= total * 0.6) {

            resultDiv.className = 'result success';

            resultText += '✅ Excellente connaissance ! Vous avez saisi l\'essentiel.';

        } else {

            resultDiv.className = 'result error';

            resultText += '📚 Revisitez les sections sur sa formation et ses innovations.';

        }

        if (openAnswer.length > 50) {

            resultText += '\n\n💭 Votre analyse montre une compréhension approfondie de cette synthèse révolutionnaire.';

        } else {

            resultText += '\n\n💡 Développez votre réflexion sur l\'impact de Saclay sur sa vision médicale.';

        }

        resultDiv.textContent = resultText;

        resultDiv.scrollIntoView({ behavior: 'smooth' });

    }

</script>