{"id":27,"date":"2026-10-17T17:17:20","date_gmt":"2026-10-17T17:17:20","guid":{"rendered":"https:\/\/simplifions.org\/?page_id=27"},"modified":"2026-10-17T17:17:20","modified_gmt":"2026-10-17T17:17:20","slug":"securite-conduite","status":"publish","type":"page","link":"https:\/\/simplifions.org\/index.php\/securite-conduite\/","title":{"rendered":"SECURITE CONDUITE"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Somnolence au Volant \u2014 Centre de Ressources<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fontsource\/inter@5.0.8\/index.min.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fontsource\/playfair-display@5.0.12\/index.min.css\">\n    <style>\n        :root {\n            --primary: #5C6BC0;\n            --primary-light: #7986CB;\n            --primary-dark: #3F51B5;\n            --accent: #ff6f00;\n            --accent-light: #ffa040;\n            --danger: #EC407A;\n            --danger-light: #F48FB1;\n            --success: #2e7d32;\n            --purple: #AB47BC;\n            --purple-light: #CE93D8;\n            --dark: #455A64;\n            --dark-light: #607D8B;\n            --bg: #fafbff;\n            --text: #37474F;\n            --text-light: #5a5a7a;\n            --card-bg: #ffffff;\n            --shadow: 0 4px 24px rgba(92,107,192,0.12);\n            --shadow-hover: 0 8px 40px rgba(92,107,192,0.22);\n            --radius: 16px;\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        html { scroll-behavior: smooth; }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background: var(--bg);\n            color: var(--text);\n            line-height: 1.7;\n            overflow-x: hidden;\n        }\n\n        h1, h2, h3, h4 { font-family: 'Playfair Display', serif; }\n\n        nav {\n            position: fixed;\n            top: 0;\n            width: 100%;\n            background: rgba(255,255,255,0.95);\n            backdrop-filter: blur(20px);\n            z-index: 1000;\n            padding: 0 2rem;\n            box-shadow: 0 2px 20px rgba(0,0,0,0.06);\n        }\n\n        nav .nav-inner {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            height: 70px;\n        }\n\n        nav .logo {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: var(--primary);\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n        nav .logo svg { width: 32px; height: 32px; }\n\n        nav ul {\n            display: flex;\n            list-style: none;\n            gap: 0.3rem;\n            flex-wrap: wrap;\n        }\n\n        nav ul li a {\n            text-decoration: none;\n            color: var(--text-light);\n            font-size: 0.82rem;\n            font-weight: 500;\n            padding: 0.5rem 0.8rem;\n            border-radius: 8px;\n            transition: all 0.3s ease;\n        }\n\n        nav ul li a:hover, nav ul li a.active {\n            color: var(--primary);\n            background: rgba(92,107,192,0.1);\n        }\n\n        .mobile-toggle {\n            display: none;\n            background: none;\n            border: none;\n            cursor: pointer;\n            padding: 0.5rem;\n        }\n\n        .mobile-toggle span {\n            display: block;\n            width: 24px;\n            height: 2px;\n            background: var(--text);\n            margin: 5px 0;\n            transition: 0.3s;\n        }\n\n        .hero {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            overflow: hidden;\n            background: linear-gradient(135deg, #7986CB 0%, #9FA8DA 50%, #C5CAE9 100%);\n            padding: 6rem 2rem 4rem;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n        }\n\n        .hero-content {\n            max-width: 1200px;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n            position: relative;\n            z-index: 1;\n        }\n\n        .hero-text { color: var(--dark); }\n\n        .hero-text .badge {\n            display: inline-block;\n            background: rgba(255,255,255,0.5);\n            color: var(--dark);\n            padding: 0.5rem 1.2rem;\n            border-radius: 20px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            margin-bottom: 1.5rem;\n            border: 1px solid rgba(255,255,255,0.7);\n            backdrop-filter: blur(10px);\n        }\n\n        .hero-text h1 {\n            font-size: 3.5rem;\n            line-height: 1.15;\n            margin-bottom: 1.5rem;\n            color: var(--dark);\n            text-shadow: 0 2px 20px rgba(255,255,255,0.3);\n        }\n\n        .hero-text h1 span { \n            color: #E65100;\n            text-shadow: 0 2px 15px rgba(230,81,0,0.2);\n        }\n\n        .hero-text p {\n            font-size: 1.15rem;\n            color: var(--dark);\n            margin-bottom: 2rem;\n            max-width: 500px;\n        }\n\n        .hero-stats {\n            display: flex;\n            gap: 2rem;\n            margin-top: 2.5rem;\n        }\n\n        .hero-stat {\n            text-align: center;\n            background: rgba(255,255,255,0.4);\n            padding: 1rem 1.2rem;\n            border-radius: 12px;\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255,255,255,0.6);\n        }\n\n        .hero-stat .number {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.5rem;\n            font-weight: 700;\n            color: #E65100;\n        }\n\n        .hero-stat .label {\n            font-size: 0.85rem;\n            color: var(--dark);\n            margin-top: 0.3rem;\n            font-weight: 500;\n        }\n\n        .hero-illustration {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .hero-illustration svg {\n            width: 100%;\n            max-width: 500px;\n            height: auto;\n            filter: drop-shadow(0 20px 40px rgba(63,81,181,0.3));\n        }\n\n        .btn-primary {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            background: var(--accent);\n            color: white;\n            padding: 0.9rem 2rem;\n            border-radius: 12px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 0.95rem;\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n        }\n\n        .btn-primary:hover {\n            background: var(--accent-light);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(255,111,0,0.3);\n        }\n\n        .btn-outline {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            background: rgba(255,255,255,0.4);\n            color: var(--dark);\n            padding: 0.9rem 2rem;\n            border-radius: 12px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 0.95rem;\n            transition: all 0.3s ease;\n            border: 2px solid rgba(69,90,100,0.3);\n            cursor: pointer;\n            backdrop-filter: blur(10px);\n        }\n\n        .btn-outline:hover {\n            border-color: var(--dark);\n            background: rgba(255,255,255,0.6);\n        }\n\n        section { padding: 6rem 2rem; }\n\n        .section-header {\n            text-align: center;\n            max-width: 700px;\n            margin: 0 auto 4rem;\n        }\n\n        .section-header .tag {\n            display: inline-block;\n            background: rgba(92,107,192,0.12);\n            color: var(--primary);\n            padding: 0.3rem 1rem;\n            border-radius: 20px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            margin-bottom: 1rem;\n        }\n\n        .section-header h2 {\n            font-size: 2.5rem;\n            color: var(--primary);\n            margin-bottom: 1rem;\n        }\n\n        .section-header p {\n            color: var(--text-light);\n            font-size: 1.05rem;\n        }\n\n        .container { max-width: 1200px; margin: 0 auto; }\n\n        #causes { background: white; }\n\n        .causes-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 2rem;\n        }\n\n        .cause-card {\n            background: var(--bg);\n            border-radius: var(--radius);\n            padding: 2rem;\n            transition: all 0.3s ease;\n            border: 1px solid rgba(92,107,192,0.1);\n        }\n\n        .cause-card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--shadow-hover);\n        }\n\n        .cause-card .icon {\n            width: 56px;\n            height: 56px;\n            background: linear-gradient(135deg, var(--primary), var(--primary-light));\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 1.2rem;\n        }\n\n        .cause-card .icon svg { width: 28px; height: 28px; fill: white; }\n        .cause-card h3 { font-size: 1.2rem; margin-bottom: 0.8rem; color: var(--primary); }\n        .cause-card p { color: var(--text-light); font-size: 0.9rem; }\n\n        #consequences { background: linear-gradient(180deg, var(--bg) 0%, #f0f2ff 100%); }\n\n        .consequences-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n        }\n\n        .consequences-image {\n            border-radius: var(--radius);\n            overflow: hidden;\n            box-shadow: var(--shadow);\n        }\n\n        .consequences-image svg { width: 100%; height: auto; }\n\n        .consequence-list {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n        }\n\n        .consequence-item {\n            display: flex;\n            gap: 1.2rem;\n            align-items: flex-start;\n            padding: 1.5rem;\n            background: white;\n            border-radius: var(--radius);\n            box-shadow: var(--shadow);\n            transition: all 0.3s ease;\n        }\n\n        .consequence-item:hover { transform: translateX(8px); }\n\n        .consequence-item .num {\n            width: 40px;\n            height: 40px;\n            min-width: 40px;\n            background: var(--danger);\n            color: white;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 700;\n            font-size: 1.1rem;\n        }\n\n        .consequence-item h4 { font-size: 1rem; margin-bottom: 0.3rem; color: var(--text); }\n        .consequence-item p { font-size: 0.85rem; color: var(--text-light); }\n\n        #depistage { background: white; }\n\n        .tests-container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n        }\n\n        .test-column h3 {\n            font-size: 1.5rem;\n            color: var(--primary);\n            margin-bottom: 0.5rem;\n            display: flex;\n            align-items: center;\n            gap: 0.8rem;\n        }\n\n        .test-column h3 .dot {\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n        }\n\n        .test-column.hospital h3 .dot { background: var(--primary); }\n        .test-column.public h3 .dot { background: var(--accent); }\n\n        .test-column > p {\n            color: var(--text-light);\n            margin-bottom: 2rem;\n            font-size: 0.9rem;\n        }\n\n        .test-card {\n            background: var(--bg);\n            border-radius: var(--radius);\n            padding: 1.5rem;\n            margin-bottom: 1.2rem;\n            border-left: 4px solid var(--primary);\n            transition: all 0.3s ease;\n        }\n\n        .test-column.public .test-card { border-left-color: var(--accent); }\n\n        .test-card:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow);\n        }\n\n        .test-card h4 { font-size: 1rem; margin-bottom: 0.5rem; color: var(--text); }\n        .test-card p { font-size: 0.85rem; color: var(--text-light); }\n\n        .test-card .duration {\n            display: inline-block;\n            margin-top: 0.8rem;\n            background: rgba(92,107,192,0.12);\n            color: var(--primary);\n            padding: 0.2rem 0.8rem;\n            border-radius: 12px;\n            font-size: 0.75rem;\n            font-weight: 600;\n        }\n\n        .test-column.public .test-card .duration {\n            background: rgba(255,111,0,0.1);\n            color: var(--accent);\n        }\n\n        \/* Mise en valeur pour les nouveaux tests ajout\u00e9s *\/\n        .test-card.new-test {\n            position: relative;\n            background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);\n            border: 1px solid rgba(92,107,192,0.15);\n        }\n\n        .test-card.new-test::after {\n            content: 'NOUVEAU';\n            position: absolute;\n            top: 12px;\n            right: 12px;\n            background: var(--accent);\n            color: white;\n            font-size: 0.6rem;\n            font-weight: 700;\n            padding: 0.2rem 0.6rem;\n            border-radius: 10px;\n            letter-spacing: 0.5px;\n        }\n\n        .test-card.new-test .test-badge {\n            display: inline-block;\n            background: rgba(171,71,188,0.12);\n            color: var(--purple);\n            font-size: 0.7rem;\n            font-weight: 600;\n            padding: 0.2rem 0.7rem;\n            border-radius: 10px;\n            margin-bottom: 0.6rem;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        #traitements { background: linear-gradient(180deg, #f0f2ff 0%, var(--bg) 100%); }\n\n        .treatments-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n\n        .treatment-card {\n            background: white;\n            border-radius: var(--radius);\n            overflow: hidden;\n            box-shadow: var(--shadow);\n            transition: all 0.3s ease;\n        }\n\n        .treatment-card:hover {\n            transform: translateY(-6px);\n            box-shadow: var(--shadow-hover);\n        }\n\n        .treatment-card .card-img {\n            height: 200px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .treatment-card .card-img svg { width: 100%; height: 100%; }\n        .treatment-card .card-body { padding: 1.8rem; }\n        .treatment-card h3 { font-size: 1.2rem; color: var(--primary); margin-bottom: 0.8rem; }\n        .treatment-card p { font-size: 0.9rem; color: var(--text-light); margin-bottom: 1rem; }\n        .treatment-card ul { list-style: none; padding: 0; }\n\n        .treatment-card ul li {\n            font-size: 0.85rem;\n            color: var(--text-light);\n            padding: 0.3rem 0;\n            padding-left: 1.5rem;\n            position: relative;\n        }\n\n        .treatment-card ul li::before {\n            content: '\u2713';\n            position: absolute;\n            left: 0;\n            color: var(--success);\n            font-weight: 700;\n        }\n\n        #drogues {\n            background: linear-gradient(180deg, #E8EAF6 0%, #F3E5F5 50%, #FCE4EC 100%);\n            color: var(--dark);\n            position: relative;\n            overflow: hidden;\n        }\n\n        #drogues::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background: url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%235C6BC0' fill-opacity='0.05'%3E%3Cpath d='M40 40c0-11-9-20-20-20v4c8.8 0 16 7.2 16 16h4zm0 0c0 11 9 20 20 20v-4c-8.8 0-16-7.2-16-16h-4z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n        }\n\n        #drogues .section-header .tag {\n            background: rgba(171,71,188,0.15);\n            color: #7B1FA2;\n            border: 1px solid rgba(171,71,188,0.3);\n        }\n\n        #drogues .section-header h2 { color: var(--dark); }\n        #drogues .section-header p { color: var(--text-light); }\n\n        .drogue-alert {\n            background: rgba(236,64,122,0.1);\n            border: 1px solid rgba(236,64,122,0.3);\n            border-radius: var(--radius);\n            padding: 1.5rem 2rem;\n            margin-bottom: 3rem;\n            display: flex;\n            gap: 1.2rem;\n            align-items: center;\n            position: relative;\n            z-index: 1;\n            backdrop-filter: blur(10px);\n        }\n\n        .drogue-alert .alert-icon {\n            width: 50px;\n            height: 50px;\n            min-width: 50px;\n            background: var(--danger);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            color: white;\n        }\n\n        .drogue-alert h4 {\n            color: #C2185B;\n            font-size: 1.1rem;\n            margin-bottom: 0.3rem;\n            font-family: 'Inter', sans-serif;\n        }\n\n        .drogue-alert p { color: var(--text); font-size: 0.9rem; }\n\n        .drogues-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            margin-bottom: 3rem;\n            position: relative;\n            z-index: 1;\n        }\n\n        .drogue-hero-card {\n            grid-column: 1 \/ -1;\n            background: linear-gradient(135deg, rgba(206,147,216,0.3), rgba(244,143,177,0.3));\n            border: 1px solid rgba(171,71,188,0.3);\n            border-radius: var(--radius);\n            padding: 2.5rem;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 2.5rem;\n            align-items: center;\n            backdrop-filter: blur(10px);\n        }\n\n        .drogue-hero-card .hero-text-block h3 {\n            font-size: 1.8rem;\n            color: #7B1FA2;\n            margin-bottom: 1rem;\n            display: flex;\n            align-items: center;\n            gap: 0.8rem;\n        }\n\n        .drogue-hero-card .hero-text-block .subtitle {\n            font-size: 0.9rem;\n            color: #C2185B;\n            font-weight: 600;\n            margin-bottom: 1rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .drogue-hero-card .hero-text-block p {\n            color: var(--text);\n            font-size: 0.95rem;\n            margin-bottom: 1rem;\n        }\n\n        .drogue-hero-card .hero-text-block .stats-row {\n            display: flex;\n            gap: 1.5rem;\n            margin-top: 1.5rem;\n            flex-wrap: wrap;\n        }\n\n        .drogue-hero-card .hero-text-block .stat-item {\n            background: rgba(255,255,255,0.6);\n            padding: 0.8rem 1.2rem;\n            border-radius: 10px;\n            border: 1px solid rgba(255,255,255,0.8);\n        }\n\n        .drogue-hero-card .hero-text-block .stat-item .val {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.6rem;\n            font-weight: 700;\n            color: #7B1FA2;\n        }\n\n        .drogue-hero-card .hero-text-block .stat-item .lbl {\n            font-size: 0.75rem;\n            color: var(--text-light);\n        }\n\n        .drogue-hero-card svg {\n            width: 100%;\n            max-width: 380px;\n            height: auto;\n            margin: 0 auto;\n            display: block;\n        }\n\n        .drogue-card {\n            background: rgba(255,255,255,0.7);\n            border: 1px solid rgba(92,107,192,0.15);\n            border-radius: var(--radius);\n            padding: 1.8rem;\n            transition: all 0.3s ease;\n            backdrop-filter: blur(10px);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .drogue-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 4px;\n            height: 100%;\n        }\n\n        .drogue-card.cannabis::before, .drogue-card.cannabis { border-left: 4px solid #66BB6A; }\n        .drogue-card.alcool::before, .drogue-card.alcool { border-left: 4px solid #FFA726; }\n        .drogue-card.cocaine::before, .drogue-card.cocaine { border-left: 4px solid #B0BEC5; }\n        .drogue-card.opiaces::before, .drogue-card.opiaces { border-left: 4px solid var(--purple); }\n\n        .drogue-card:hover {\n            transform: translateY(-4px);\n            background: rgba(255,255,255,0.9);\n            box-shadow: 0 10px 40px rgba(92,107,192,0.2);\n        }\n\n        .drogue-card .drogue-header {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            margin-bottom: 1rem;\n        }\n\n        .drogue-card .drogue-icon {\n            width: 48px;\n            height: 48px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n        }\n\n        .drogue-card.cannabis .drogue-icon { background: rgba(102,187,106,0.2); }\n        .drogue-card.alcool .drogue-icon { background: rgba(255,167,38,0.2); }\n        .drogue-card.cocaine .drogue-icon { background: rgba(176,190,197,0.3); }\n        .drogue-card.opiaces .drogue-icon { background: rgba(171,71,188,0.15); }\n\n        .drogue-card h3 { font-size: 1.15rem; color: var(--dark); }\n\n        .drogue-card .drogue-subtitle {\n            font-size: 0.75rem;\n            color: var(--text-light);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .drogue-card p { color: var(--text); font-size: 0.88rem; margin-bottom: 1rem; }\n\n        .drogue-card .effects-list { list-style: none; padding: 0; }\n\n        .drogue-card .effects-list li {\n            font-size: 0.82rem;\n            color: var(--text);\n            padding: 0.3rem 0;\n            padding-left: 1.3rem;\n            position: relative;\n        }\n\n        .drogue-card .effects-list li::before {\n            content: '\u26a0';\n            position: absolute;\n            left: 0;\n            color: #E65100;\n            font-size: 0.75rem;\n        }\n\n        .drogue-card .risk-bar {\n            margin-top: 1rem;\n            background: rgba(92,107,192,0.08);\n            border-radius: 8px;\n            padding: 0.6rem 1rem;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .drogue-card .risk-bar .risk-label {\n            font-size: 0.75rem;\n            color: var(--text-light);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .drogue-card .risk-bar .risk-value { font-weight: 700; font-size: 0.85rem; }\n\n        .risk-low { color: #66BB6A; }\n        .risk-medium { color: #FFA726; }\n        .risk-high { color: #FF7043; }\n        .risk-extreme { color: #EC407A; }\n\n        .drogues-legal {\n            background: rgba(255,255,255,0.7);\n            border: 1px solid rgba(92,107,192,0.2);\n            border-radius: var(--radius);\n            padding: 2rem;\n            position: relative;\n            z-index: 1;\n            backdrop-filter: blur(10px);\n        }\n\n        .drogues-legal h3 { color: var(--primary); font-size: 1.3rem; margin-bottom: 1rem; }\n        .drogues-legal p { color: var(--text); font-size: 0.9rem; margin-bottom: 0.8rem; }\n\n        .drogues-legal .legal-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 1rem;\n            margin-top: 1.5rem;\n        }\n\n        .drogues-legal .legal-item {\n            background: rgba(255,255,255,0.8);\n            padding: 1rem;\n            border-radius: 10px;\n            border: 1px solid rgba(92,107,192,0.15);\n        }\n\n        .drogues-legal .legal-item h4 {\n            font-size: 0.9rem;\n            color: var(--dark);\n            margin-bottom: 0.3rem;\n            font-family: 'Inter', sans-serif;\n        }\n\n        .drogues-legal .legal-item p {\n            font-size: 0.8rem;\n            color: var(--text-light);\n            margin: 0;\n        }\n\n        #bibliographie { background: linear-gradient(180deg, var(--bg) 0%, #f0f2ff 100%); }\n\n        .biblio-filters {\n            display: flex;\n            gap: 0.5rem;\n            justify-content: center;\n            flex-wrap: wrap;\n            margin-bottom: 3rem;\n        }\n\n        .biblio-filter {\n            padding: 0.5rem 1.2rem;\n            border-radius: 20px;\n            border: 1px solid rgba(92,107,192,0.25);\n            background: white;\n            color: var(--text-light);\n            font-size: 0.85rem;\n            font-weight: 500;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .biblio-filter:hover, .biblio-filter.active {\n            background: var(--primary);\n            color: white;\n            border-color: var(--primary);\n        }\n\n        .biblio-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n            gap: 1.5rem;\n        }\n\n        .biblio-card {\n            background: white;\n            border-radius: var(--radius);\n            padding: 1.8rem;\n            box-shadow: var(--shadow);\n            transition: all 0.3s ease;\n            border-left: 4px solid var(--primary);\n            position: relative;\n        }\n\n        .biblio-card:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--shadow-hover);\n        }\n\n        .biblio-card[data-category=\"somnolence\"] { border-left-color: var(--primary); }\n        .biblio-card[data-category=\"drogues\"] { border-left-color: var(--purple); }\n        .biblio-card[data-category=\"protoxyde\"] { border-left-color: var(--danger); }\n        .biblio-card[data-category=\"prevention\"] { border-left-color: var(--success); }\n\n        .biblio-card .biblio-type {\n            display: inline-block;\n            font-size: 0.68rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            padding: 0.25rem 0.7rem;\n            border-radius: 5px;\n            margin-bottom: 0.8rem;\n        }\n\n        .biblio-card .biblio-type.etude { background: rgba(92,107,192,0.15); color: var(--primary); }\n        .biblio-card .biblio-type.rapport { background: rgba(255,111,0,0.15); color: var(--accent); }\n        .biblio-card .biblio-type.revue { background: rgba(46,125,50,0.15); color: var(--success); }\n        .biblio-card .biblio-type.these { background: rgba(171,71,188,0.15); color: var(--purple); }\n        .biblio-card .biblio-type.alerte { background: rgba(236,64,122,0.15); color: var(--danger); }\n\n        .biblio-card h3 {\n            font-size: 1rem;\n            margin-bottom: 0.6rem;\n            color: var(--text);\n            line-height: 1.4;\n            font-family: 'Inter', sans-serif;\n            font-weight: 600;\n        }\n\n        .biblio-card .authors {\n            font-size: 0.78rem;\n            color: var(--text-light);\n            margin-bottom: 0.4rem;\n            font-style: italic;\n        }\n\n        .biblio-card .journal {\n            font-size: 0.78rem;\n            color: var(--primary);\n            font-weight: 600;\n            margin-bottom: 0.6rem;\n        }\n\n        .biblio-card .abstract {\n            font-size: 0.82rem;\n            color: var(--text-light);\n            margin-bottom: 0.8rem;\n            line-height: 1.6;\n        }\n\n        .biblio-card .meta {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-top: 0.8rem;\n            border-top: 1px solid rgba(92,107,192,0.1);\n        }\n\n        .biblio-card .year {\n            font-size: 0.75rem;\n            color: var(--text-light);\n            font-weight: 600;\n        }\n\n        .biblio-card .doi {\n            font-size: 0.7rem;\n            color: var(--primary);\n            text-decoration: none;\n        }\n\n        .biblio-card .doi:hover { text-decoration: underline; }\n\n        #publications { background: linear-gradient(180deg, #f0f2ff 0%, var(--bg) 100%); }\n\n        .pub-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n            gap: 2rem;\n        }\n\n        .pub-card {\n            background: white;\n            border-radius: var(--radius);\n            padding: 2rem;\n            box-shadow: var(--shadow);\n            transition: all 0.3s ease;\n            border-top: 4px solid var(--primary);\n        }\n\n        .pub-card:hover {\n            transform: translateY(-4px);\n            box-shadow: var(--shadow-hover);\n        }\n\n        .pub-card .pub-type {\n            display: inline-block;\n            font-size: 0.7rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            padding: 0.3rem 0.8rem;\n            border-radius: 6px;\n            margin-bottom: 1rem;\n        }\n\n        .pub-card .pub-type.etude { background: rgba(92,107,192,0.15); color: var(--primary); }\n        .pub-card .pub-type.rapport { background: rgba(255,111,0,0.15); color: var(--accent); }\n        .pub-card .pub-type.revue { background: rgba(46,125,50,0.15); color: var(--success); }\n\n        .pub-card h3 { font-size: 1.1rem; margin-bottom: 0.8rem; color: var(--text); line-height: 1.4; }\n\n        .pub-card .authors {\n            font-size: 0.8rem;\n            color: var(--text-light);\n            margin-bottom: 0.5rem;\n            font-style: italic;\n        }\n\n        .pub-card .journal {\n            font-size: 0.8rem;\n            color: var(--primary);\n            font-weight: 600;\n            margin-bottom: 0.8rem;\n        }\n\n        .pub-card .abstract { font-size: 0.85rem; color: var(--text-light); margin-bottom: 1rem; }\n        .pub-card .year { font-size: 0.75rem; color: var(--text-light); opacity: 0.8; }\n\n        #prevention { background: white; }\n\n        .prevention-layout {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n        }\n\n        .prevention-image svg { width: 100%; height: auto; border-radius: var(--radius); }\n\n        .prevention-actions {\n            display: flex;\n            flex-direction: column;\n            gap: 1.2rem;\n        }\n\n        .prevention-item {\n            display: flex;\n            gap: 1rem;\n            align-items: flex-start;\n            padding: 1.2rem;\n            background: var(--bg);\n            border-radius: 12px;\n            transition: all 0.3s ease;\n        }\n\n        .prevention-item:hover {\n            background: #EEF0FF;\n            transform: translateX(5px);\n        }\n\n        .prevention-item .check {\n            width: 36px;\n            height: 36px;\n            min-width: 36px;\n            background: var(--success);\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .prevention-item .check svg { width: 18px; height: 18px; fill: white; }\n        .prevention-item h4 { font-size: 0.95rem; margin-bottom: 0.2rem; }\n        .prevention-item p { font-size: 0.82rem; color: var(--text-light); }\n\n        footer {\n            background: var(--primary);\n            color: white;\n            padding: 4rem 2rem 2rem;\n        }\n\n        .footer-content {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 2fr 1fr 1fr;\n            gap: 3rem;\n            margin-bottom: 3rem;\n        }\n\n        .footer-about h3 { font-size: 1.3rem; margin-bottom: 1rem; }\n\n        .footer-about p {\n            opacity: 0.95;\n            font-size: 0.9rem;\n            line-height: 1.8;\n        }\n\n        .footer-links h4 {\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-family: 'Inter', sans-serif;\n        }\n\n        .footer-links ul { list-style: none; }\n        .footer-links ul li { margin-bottom: 0.6rem; }\n\n        .footer-links ul li a {\n            color: rgba(255,255,255,0.9);\n            text-decoration: none;\n            font-size: 0.85rem;\n            transition: 0.3s;\n        }\n\n        .footer-links ul li a:hover { color: white; }\n\n        .footer-bottom {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding-top: 2rem;\n            border-top: 1px solid rgba(255,255,255,0.2);\n            text-align: center;\n            font-size: 0.8rem;\n            opacity: 0.85;\n        }\n\n        .fade-in {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.6s ease;\n        }\n\n        .fade-in.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .scroll-progress {\n            position: fixed;\n            top: 70px;\n            left: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--accent), var(--accent-light));\n            z-index: 999;\n            transition: width 0.1s linear;\n        }\n\n        @media (max-width: 968px) {\n            .hero-content { grid-template-columns: 1fr; text-align: center; }\n            .hero-text p { margin: 0 auto 2rem; }\n            .hero-stats { justify-content: center; flex-wrap: wrap; }\n            .hero-illustration { display: none; }\n            .hero-text h1 { font-size: 2.5rem; }\n            .consequences-layout { grid-template-columns: 1fr; }\n            .prevention-layout { grid-template-columns: 1fr; }\n            .tests-container { grid-template-columns: 1fr; }\n            .drogues-layout { grid-template-columns: 1fr; }\n            .drogue-hero-card { grid-template-columns: 1fr; }\n            .footer-content { grid-template-columns: 1fr; }\n            nav ul { display: none; }\n            .mobile-toggle { display: block; }\n            nav ul.open {\n                display: flex;\n                flex-direction: column;\n                position: absolute;\n                top: 70px;\n                left: 0;\n                right: 0;\n                background: white;\n                padding: 1rem;\n                box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n                max-height: 70vh;\n                overflow-y: auto;\n            }\n        }\n\n        @media (max-width: 600px) {\n            .hero-text h1 { font-size: 2rem; }\n            .section-header h2 { font-size: 1.8rem; }\n            section { padding: 4rem 1.2rem; }\n            .pub-grid, .biblio-grid { grid-template-columns: 1fr; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\n\n<nav>\n    <div class=\"nav-inner\">\n        <div class=\"logo\">\n            <svg viewBox=\"0 0 32 32\" fill=\"none\">\n                <circle cx=\"16\" cy=\"16\" r=\"14\" stroke=\"#5C6BC0\" stroke-width=\"2.5\"\/>\n                <path d=\"M10 20c0-3.3 2.7-6 6-6s6 2.7 6 6\" stroke=\"#5C6BC0\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <circle cx=\"12\" cy=\"13\" r=\"1.5\" fill=\"#5C6BC0\"\/>\n                <circle cx=\"20\" cy=\"13\" r=\"1.5\" fill=\"#5C6BC0\"\/>\n                <path d=\"M8 11c1-2 3-3 4-3M24 11c-1-2-3-3-4-3\" stroke=\"#ff6f00\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n            SomnoVigilance\n        <\/div>\n        <ul id=\"navMenu\">\n            <li><a href=\"#causes\">Causes<\/a><\/li>\n            <li><a href=\"#consequences\">Cons\u00e9quences<\/a><\/li>\n            <li><a href=\"#depistage\">D\u00e9pistage<\/a><\/li>\n            <li><a href=\"#traitements\">Traitements<\/a><\/li>\n            <li><a href=\"#drogues\">Drogues<\/a><\/li>\n            <li><a href=\"#prevention\">Pr\u00e9vention<\/a><\/li>\n            <li><a href=\"#publications\">\u00c9tudes<\/a><\/li>\n            <li><a href=\"#bibliographie\">Bibliographie<\/a><\/li>\n        <\/ul>\n        <button class=\"mobile-toggle\" onclick=\"document.getElementById('navMenu').classList.toggle('open')\">\n            <span><\/span><span><\/span><span><\/span>\n        <\/button>\n    <\/div>\n<\/nav>\n\n<!-- Hero Section -->\n<section class=\"hero\">\n    <div class=\"hero-content\">\n        <div class=\"hero-text\">\n            <div class=\"badge\">\u26a0\ufe0f Sant\u00e9 Publique &#038; S\u00e9curit\u00e9 Routi\u00e8re<\/div>\n            <h1>La <span>Somnolence<\/span> au Volant<\/h1>\n            <p>Premi\u00e8re cause d&rsquo;accidentalit\u00e9 sur autoroute en France. Comprendre, d\u00e9pister et pr\u00e9venir pour sauver des vies.<\/p>\n            <div style=\"display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;\">\n                <a href=\"#depistage\" class=\"btn-primary\">Se tester \u2192<\/a>\n                <a href=\"#drogues\" class=\"btn-outline\">Drogues &#038; Conduite<\/a>\n            <\/div>\n            <div class=\"hero-stats\">\n                <div class=\"hero-stat\">\n                    <div class=\"number\">1\/3<\/div>\n                    <div class=\"label\">des conducteurs concern\u00e9s<\/div>\n                <\/div>\n                <div class=\"hero-stat\">\n                    <div class=\"number\">800+<\/div>\n                    <div class=\"label\">d\u00e9c\u00e8s par an en France<\/div>\n                <\/div>\n                <div class=\"hero-stat\">\n                    <div class=\"number\">20%<\/div>\n                    <div class=\"label\">des accidents mortels<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"hero-illustration\">\n            <svg viewBox=\"0 0 500 400\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <rect x=\"80\" y=\"180\" width=\"340\" height=\"120\" rx=\"20\" fill=\"#5C6BC0\" opacity=\"0.9\"\/>\n                <rect x=\"120\" y=\"140\" width=\"260\" height=\"80\" rx=\"15\" fill=\"#7986CB\"\/>\n                <rect x=\"140\" y=\"155\" width=\"80\" height=\"50\" rx=\"8\" fill=\"#E8EAF6\" opacity=\"0.8\"\/>\n                <rect x=\"240\" y=\"155\" width=\"80\" height=\"50\" rx=\"8\" fill=\"#E8EAF6\" opacity=\"0.8\"\/>\n                <circle cx=\"180\" cy=\"170\" r=\"18\" fill=\"#455A64\"\/>\n                <path d=\"M165 195c0-8 7-15 15-15s15 7 15 15\" fill=\"#455A64\"\/>\n                <path d=\"M173 167c2-2 5-2 7 0\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                <path d=\"M183 167c2-2 5-2 7 0\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                <text x=\"210\" y=\"150\" fill=\"#E65100\" font-size=\"18\" font-weight=\"bold\" opacity=\"0.9\">Z<\/text>\n                <text x=\"225\" y=\"138\" fill=\"#E65100\" font-size=\"14\" font-weight=\"bold\" opacity=\"0.7\">z<\/text>\n                <text x=\"235\" y=\"128\" fill=\"#E65100\" font-size=\"10\" font-weight=\"bold\" opacity=\"0.5\">z<\/text>\n                <circle cx=\"160\" cy=\"300\" r=\"30\" fill=\"#455A64\"\/>\n                <circle cx=\"160\" cy=\"300\" r=\"15\" fill=\"#7986CB\"\/>\n                <circle cx=\"340\" cy=\"300\" r=\"30\" fill=\"#455A64\"\/>\n                <circle cx=\"340\" cy=\"300\" r=\"15\" fill=\"#7986CB\"\/>\n                <rect x=\"0\" y=\"330\" width=\"500\" height=\"70\" fill=\"#607D8B\" opacity=\"0.4\"\/>\n                <rect x=\"50\" y=\"360\" width=\"60\" height=\"4\" rx=\"2\" fill=\"white\" opacity=\"0.9\"\/>\n                <rect x=\"160\" y=\"360\" width=\"60\" height=\"4\" rx=\"2\" fill=\"white\" opacity=\"0.9\"\/>\n                <rect x=\"270\" y=\"360\" width=\"60\" height=\"4\" rx=\"2\" fill=\"white\" opacity=\"0.9\"\/>\n                <rect x=\"380\" y=\"360\" width=\"60\" height=\"4\" rx=\"2\" fill=\"white\" opacity=\"0.9\"\/>\n                <polygon points=\"420,100 450,150 390,150\" fill=\"#FFB74D\" opacity=\"0.95\"\/>\n                <text x=\"415\" y=\"140\" fill=\"#455A64\" font-size=\"20\" font-weight=\"bold\">!<\/text>\n                <circle cx=\"60\" cy=\"60\" r=\"25\" fill=\"#FFB74D\" opacity=\"0.7\"\/>\n                <circle cx=\"70\" cy=\"55\" r=\"22\" fill=\"#C5CAE9\"\/>\n                <circle cx=\"100\" cy=\"40\" r=\"2\" fill=\"#455A64\" opacity=\"0.6\"\/>\n                <circle cx=\"300\" cy=\"50\" r=\"2\" fill=\"#455A64\" opacity=\"0.5\"\/>\n                <circle cx=\"400\" cy=\"30\" r=\"2\" fill=\"#455A64\" opacity=\"0.4\"\/>\n                <circle cx=\"450\" cy=\"70\" r=\"2\" fill=\"#455A64\" opacity=\"0.6\"\/>\n                <circle cx=\"200\" cy=\"30\" r=\"1.5\" fill=\"#455A64\" opacity=\"0.5\"\/>\n            <\/svg>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Causes Section -->\n<section id=\"causes\">\n    <div class=\"container\">\n        <div class=\"section-header fade-in\">\n            <span class=\"tag\">Facteurs de risque<\/span>\n            <h2>Les Causes de la Somnolence<\/h2>\n            <p>De multiples facteurs physiologiques, comportementaux et environnementaux contribuent \u00e0 l&rsquo;endormissement au volant.<\/p>\n        <\/div>\n        <div class=\"causes-grid\">\n            <div class=\"cause-card fade-in\">\n                <div class=\"icon\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n                <\/div>\n                <h3>Dette de sommeil<\/h3>\n                <p>Le manque chronique de sommeil (moins de 7h par nuit) est le facteur principal. Cumuler des nuits courtes augmente exponentiellement le risque d&rsquo;assoupissement.<\/p>\n            <\/div>\n            <div class=\"cause-card fade-in\">\n                <div class=\"icon\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm7 13H5v-.23c0-.62.28-1.2.76-1.58C7.47 15.82 9.64 15 12 15s4.53.82 6.24 2.19c.48.38.76.97.76 1.58V19z\"\/><\/svg>\n                <\/div>\n                <h3>Apn\u00e9e du sommeil<\/h3>\n                <p>Le syndrome d&rsquo;apn\u00e9es obstructives du sommeil (SAOS) touche 4-6% de la population. Les micro-arr\u00eats respiratoires fragmentent le sommeil et causent une somnolence diurne s\u00e9v\u00e8re.<\/p>\n            <\/div>\n            <div class=\"cause-card fade-in\">\n                <div class=\"icon\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\n                <\/div>\n                <h3>Horaires d\u00e9cal\u00e9s<\/h3>\n                <p>Travail de nuit, shifts rotatifs, trajets t\u00f4t le matin ou tard le soir perturbent le rythme circadien. La zone critique se situe entre 2h et 6h du matin.<\/p>\n            <\/div>\n            <div class=\"cause-card fade-in\">\n                <div class=\"icon\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z\"\/><\/svg>\n                <\/div>\n                <h3>M\u00e9dicaments s\u00e9datifs<\/h3>\n                <p>Anxiolytiques, antihistaminiques, certains antid\u00e9presseurs et antalgiques opio\u00efdes r\u00e9duisent la vigilance. Les m\u00e9dicaments de niveau 3 et 4 sont particuli\u00e8rement concern\u00e9s.<\/p>\n            <\/div>\n            <div class=\"cause-card fade-in\">\n                <div class=\"icon\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"\/><\/svg>\n                <\/div>\n                <h3>Monotonie routi\u00e8re<\/h3>\n                <p>Les trajets longs et monotones sur autoroute, la conduite de nuit, l&rsquo;hypoxie d&rsquo;altitude et les conditions m\u00e9t\u00e9orologiques favorisent l&rsquo;hypovigilance.<\/p>\n            <\/div>\n            <div class=\"cause-card fade-in\">\n                <div class=\"icon\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/><\/svg>\n                <\/div>\n                <h3>Repas copieux &#038; alcool<\/h3>\n                <p>Les repas riches en glucides et la consommation d&rsquo;alcool (m\u00eame en faible quantit\u00e9) potentialisent la somnolence. L&rsquo;effet post-prandial majore le risque entre 13h et 15h.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Consequences Section -->\n<section id=\"consequences\">\n    <div class=\"container\">\n        <div class=\"section-header fade-in\">\n            <span class=\"tag\">Impact<\/span>\n            <h2>Les Cons\u00e9quences<\/h2>\n            <p>La somnolence au volant est un tueur silencieux responsable d&rsquo;accidents graves aux cons\u00e9quences dramatiques.<\/p>\n        <\/div>\n        <div class=\"consequences-layout\">\n            <div class=\"consequences-image fade-in\">\n                <svg viewBox=\"0 0 500 500\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <rect width=\"500\" height=\"500\" rx=\"16\" fill=\"#ECEFF1\"\/>\n                    <rect x=\"0\" y=\"250\" width=\"500\" height=\"250\" fill=\"#607D8B\"\/>\n                    <rect x=\"0\" y=\"250\" width=\"500\" height=\"4\" fill=\"#FFA726\"\/>\n                    <rect x=\"50\" y=\"370\" width=\"50\" height=\"5\" rx=\"2\" fill=\"white\" opacity=\"0.9\"\/>\n                    <rect x=\"150\" y=\"370\" width=\"50\" height=\"5\" rx=\"2\" fill=\"white\" opacity=\"0.9\"\/>\n                    <rect x=\"250\" y=\"370\" width=\"50\" height=\"5\" rx=\"2\" fill=\"white\" opacity=\"0.9\"\/>\n                    <rect x=\"350\" y=\"370\" width=\"50\" height=\"5\" rx=\"2\" fill=\"white\" opacity=\"0.9\"\/>\n                    <g transform=\"rotate(-15, 200, 320)\">\n                        <rect x=\"120\" y=\"280\" width=\"180\" height=\"70\" rx=\"12\" fill=\"#EC407A\"\/>\n                        <rect x=\"145\" y=\"250\" width=\"130\" height=\"50\" rx=\"10\" fill=\"#F06292\"\/>\n                        <rect x=\"155\" y=\"258\" width=\"45\" height=\"35\" rx=\"5\" fill=\"#FCE4EC\" opacity=\"0.7\"\/>\n                        <rect x=\"210\" y=\"258\" width=\"45\" height=\"35\" rx=\"5\" fill=\"#FCE4EC\" opacity=\"0.7\"\/>\n                        <circle cx=\"155\" cy=\"350\" r=\"18\" fill=\"#455A64\"\/>\n                        <circle cx=\"265\" cy=\"350\" r=\"18\" fill=\"#455A64\"\/>\n                    <\/g>\n                    <rect x=\"350\" y=\"200\" width=\"8\" height=\"150\" fill=\"#90A4AE\"\/>\n                    <rect x=\"380\" y=\"200\" width=\"8\" height=\"150\" fill=\"#90A4AE\"\/>\n                    <rect x=\"345\" y=\"220\" width=\"48\" height=\"10\" rx=\"3\" fill=\"#ECEFF1\"\/>\n                    <rect x=\"345\" y=\"260\" width=\"48\" height=\"10\" rx=\"3\" fill=\"#ECEFF1\"\/>\n                    <rect x=\"345\" y=\"300\" width=\"48\" height=\"10\" rx=\"3\" fill=\"#ECEFF1\"\/>\n                    <path d=\"M340 270l-20-10M340 290l-25 5M340 310l-18 15\" stroke=\"#FFA726\" stroke-width=\"2\" opacity=\"0.8\"\/>\n                    <rect x=\"280\" y=\"380\" width=\"12\" height=\"8\" rx=\"2\" fill=\"#90A4AE\" transform=\"rotate(25,286,384)\"\/>\n                    <rect x=\"310\" y=\"400\" width=\"8\" height=\"6\" rx=\"2\" fill=\"#90A4AE\" transform=\"rotate(-15,314,403)\"\/>\n                    <circle cx=\"295\" cy=\"410\" r=\"4\" fill=\"#90A4AE\" opacity=\"0.7\"\/>\n                    <circle cx=\"420\" cy=\"80\" r=\"30\" fill=\"#FFB74D\" opacity=\"0.4\"\/>\n                    <polygon points=\"80,100 110,150 50,150\" fill=\"#FFB74D\"\/>\n                    <text x=\"72\" y=\"140\" fill=\"white\" font-size=\"18\" font-weight=\"bold\">!<\/text>\n                    <rect x=\"20\" y=\"20\" width=\"180\" height=\"60\" rx=\"10\" fill=\"rgba(236,64,122,0.9)\"\/>\n                    <text x=\"35\" y=\"45\" fill=\"white\" font-size=\"11\" font-weight=\"bold\">800+ d\u00e9c\u00e8s\/an<\/text>\n                    <text x=\"35\" y=\"65\" fill=\"white\" font-size=\"9\" opacity=\"0.95\">20% des accidents mortels<\/text>\n                <\/svg>\n            <\/div>\n            <div class=\"consequence-list fade-in\">\n                <div class=\"consequence-item\">\n                    <div class=\"num\">1<\/div>\n                    <div>\n                        <h4>Accidents corporels graves<\/h4>\n                        <p>Les accidents li\u00e9s \u00e0 la somnolence sont souvent plus s\u00e9v\u00e8res : pas de freinage, vitesse pleine, trajectoire rectiligne. La mortalit\u00e9 est 2 \u00e0 3 fois sup\u00e9rieure.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"consequence-item\">\n                    <div class=\"num\">2<\/div>\n                    <div>\n                        <h4>Sorties de route<\/h4>\n                        <p>75% des accidents de somnolence sont des sorties de route sans tentative d&rsquo;\u00e9vitement, le conducteur \u00e9tant endormi ou en hypovigilance.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"consequence-item\">\n                    <div class=\"num\">3<\/div>\n                    <div>\n                        <h4>Cons\u00e9quences l\u00e9gales<\/h4>\n                        <p>La somnolence au volant peut engager la responsabilit\u00e9 p\u00e9nale du conducteur. En cas d&rsquo;accident corporel, les peines peuvent aller jusqu&rsquo;\u00e0 10 ans de prison.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"consequence-item\">\n                    <div class=\"num\">4<\/div>\n                    <div>\n                        <h4>Impact psychologique<\/h4>\n                        <p>Trouble de stress post-traumatique, culpabilit\u00e9, anxi\u00e9t\u00e9 de conduite. Les victimes et les conducteurs impliqu\u00e9s d\u00e9veloppent souvent une phobie de la route.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"consequence-item\">\n                    <div class=\"num\">5<\/div>\n                    <div>\n                        <h4>Co\u00fbt \u00e9conomique<\/h4>\n                        <p>Le co\u00fbt socio-\u00e9conomique est estim\u00e9 \u00e0 plus de 2 milliards d&rsquo;euros par an en France, incluant soins, invalidit\u00e9, pertes de productivit\u00e9 et dommages mat\u00e9riels.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- D\u00e9pistage Section - AVEC LES NOUVEAUX TESTS OSLER, MURT ET COGNIFIT -->\n<section id=\"depistage\">\n    <div class=\"container\">\n        <div class=\"section-header fade-in\">\n            <span class=\"tag\">Diagnostic<\/span>\n            <h2>Le D\u00e9pistage<\/h2>\n            <p>Des outils valid\u00e9s permettent d&rsquo;\u00e9valuer le risque de somnolence, du test grand public \u00e0 l&rsquo;exploration en laboratoire du sommeil. Plusieurs tests sp\u00e9cifiques \u00e9valuent la vigilance et les capacit\u00e9s cognitives li\u00e9es \u00e0 la conduite.<\/p>\n        <\/div>\n        <div class=\"tests-container fade-in\">\n            <div class=\"test-column hospital\">\n                <h3><span class=\"dot\"><\/span>Tests Hospitaliers<\/h3>\n                <p>R\u00e9alis\u00e9s en centre du sommeil par des m\u00e9decins sp\u00e9cialistes.<\/p>\n                <div class=\"test-card\">\n                    <h4>Polysomnographie (PSG)<\/h4>\n                    <p>Examen de r\u00e9f\u00e9rence enregistrant EEG, EOG, EMG, respiration, saturation en O2 et mouvements des jambes pendant une nuit compl\u00e8te en laboratoire.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 1 nuit compl\u00e8te<\/span>\n                <\/div>\n                <div class=\"test-card\">\n                    <h4>Test It\u00e9ratif de Latence d&rsquo;Endormissement (TILE)<\/h4>\n                    <p>5 \u00e0 6 siestes programm\u00e9es toutes les 2 heures. Mesure la tendance \u00e0 l&rsquo;endormissement diurne. Une latence < 8 min est pathologique.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 1 journ\u00e9e (8h-18h)<\/span>\n                <\/div>\n                <div class=\"test-card\">\n                    <h4>Test de Maintien d&rsquo;\u00c9veil (TME)<\/h4>\n                    <p>\u00c9value la capacit\u00e9 \u00e0 rester \u00e9veill\u00e9 dans des conditions monotones. Utilis\u00e9 pour l&rsquo;aptitude \u00e0 la conduite professionnelle.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 4 siestes de 40 min<\/span>\n                <\/div>\n                <div class=\"test-card\">\n                    <h4>Polygraphie ventilatoire<\/h4>\n                    <p>Enregistrement simplifi\u00e9 de la respiration nocturne pour d\u00e9pister le syndrome d&rsquo;apn\u00e9es du sommeil. R\u00e9alisable \u00e0 domicile.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 1 nuit \u00e0 domicile<\/span>\n                <\/div>\n\n                <!-- NOUVEAU : TEST OSLER -->\n                <div class=\"test-card new-test\">\n                    <span class=\"test-badge\">Test de vigilance<\/span>\n                    <h4>Test OSLER (Oxford Sleep Resistance Test)<\/h4>\n                    <p>Test comportemental de r\u00e9sistance au sommeil r\u00e9alis\u00e9 dans une pi\u00e8ce obscure et confortable. Le patient doit rester \u00e9veill\u00e9 le plus longtemps possible en appuyant sur un bouton \u00e0 chaque signal lumineux (toutes les 2,75 secondes). Le test s&rsquo;arr\u00eate au premier micro-sommeil (absence de r\u00e9ponse pendant 12 secondes). Une latence < 18 min indique une somnolence pathologique. Tr\u00e8s utilis\u00e9 pour \u00e9valuer l'aptitude \u00e0 la conduite des patients narcoleptiques ou hypersomniaques.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 30 \u00e0 50 min (1 session)<\/span>\n                <\/div>\n\n                <!-- NOUVEAU : TEST MURT -->\n                <div class=\"test-card new-test\">\n                    <span class=\"test-badge\">Simulation de conduite<\/span>\n                    <h4>Test MURT (Mesure Utility R\u00e9actionnelle de Tracking)<\/h4>\n                    <p>Test informatis\u00e9 de poursuite visuelle et de temps de r\u00e9action r\u00e9alis\u00e9 sur simulateur. \u00c9value la coordination visuo-motrice, la capacit\u00e9 de tracking (poursuite d&rsquo;une cible mobile) et les temps de r\u00e9action \u00e0 des stimuli impr\u00e9vus. Particuli\u00e8rement pertinent pour l&rsquo;\u00e9valuation de l&rsquo;aptitude m\u00e9dicale \u00e0 la conduite, notamment chez les patients pr\u00e9sentant des troubles neurologiques, cognitifs ou li\u00e9s \u00e0 la somnolence.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 20 \u00e0 30 min<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"test-column public\">\n                <h3><span class=\"dot\"><\/span>Tests Grand Public<\/h3>\n                <p>Outils d&rsquo;auto-\u00e9valuation accessibles \u00e0 tous pour un premier d\u00e9pistage.<\/p>\n                <div class=\"test-card\">\n                    <h4>\u00c9chelle de Somnolence d&rsquo;Epworth (ESS)<\/h4>\n                    <p>Questionnaire valid\u00e9 \u00e9valuant la propension \u00e0 s&rsquo;endormir dans 8 situations quotidiennes. Score > 10\/24 = somnolence excessive.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 3 minutes<\/span>\n                <\/div>\n                <div class=\"test-card\">\n                    <h4>\u00c9chelle de Fatigue de Karolinska<\/h4>\n                    <p>Auto-\u00e9valuation subjective de la fatigue sur une \u00e9chelle visuelle de 1 \u00e0 9. Simple et rapide, corr\u00e9l\u00e9e aux mesures objectives.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 1 minute<\/span>\n                <\/div>\n                <div class=\"test-card\">\n                    <h4>Test de temps de r\u00e9action<\/h4>\n                    <p>Applications mobiles et simulateurs mesurant les temps de r\u00e9action. Un temps > 500ms ou des lapsus attentionnels r\u00e9p\u00e9t\u00e9s sont alarmants.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 5-10 minutes<\/span>\n                <\/div>\n                <div class=\"test-card\">\n                    <h4>Questionnaire de Berlin<\/h4>\n                    <p>D\u00e9pistage du risque d&rsquo;apn\u00e9e du sommeil bas\u00e9 sur les ronflements, la somnolence diurne, l&rsquo;IMC et l&rsquo;HTA. Score positif \u2192 orientation sp\u00e9cialis\u00e9e.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 5 minutes<\/span>\n                <\/div>\n                <div class=\"test-card\">\n                    <h4>Agenda du sommeil<\/h4>\n                    <p>Journal sur 2 semaines notant heures de coucher\/lever, r\u00e9veils nocturnes, siestes, caf\u00e9ine. Permet d&rsquo;identifier les dettes de sommeil.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 2 semaines de suivi<\/span>\n                <\/div>\n\n                <!-- NOUVEAU : TEST COGNIFIT -->\n                <div class=\"test-card new-test\">\n                    <span class=\"test-badge\">\u00c9valuation cognitive<\/span>\n                    <h4>Test COGNIFIT<\/h4>\n                    <p>Batterie informatis\u00e9e d&rsquo;\u00e9valuation des fonctions cognitives essentielles \u00e0 la conduite : attention soutenue et divis\u00e9e, m\u00e9moire de travail, fonctions ex\u00e9cutives, vitesse de traitement de l&rsquo;information et flexibilit\u00e9 mentale. R\u00e9alis\u00e9 sur tablette ou ordinateur, il fournit un profil cognitif complet avec comparaison \u00e0 des normes d&rsquo;\u00e2ge. Utilis\u00e9 en m\u00e9decine de la circulation pour \u00e9valuer l&rsquo;aptitude \u00e0 la conduite des patients pr\u00e9sentant des troubles cognitifs, neurologiques ou li\u00e9s \u00e0 la somnolence chronique.<\/p>\n                    <span class=\"duration\">Dur\u00e9e : 25 \u00e0 35 min<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Traitements Section -->\n<section id=\"traitements\">\n    <div class=\"container\">\n        <div class=\"section-header fade-in\">\n            <span class=\"tag\">Solutions<\/span>\n            <h2>Les Traitements<\/h2>\n            <p>Plusieurs approches th\u00e9rapeutiques permettent de traiter les causes sous-jacentes et de r\u00e9duire le risque.<\/p>\n        <\/div>\n        <div class=\"treatments-grid fade-in\">\n            <div class=\"treatment-card\">\n                <div class=\"card-img\">\n                    <svg viewBox=\"0 0 400 200\" fill=\"none\">\n                        <rect width=\"400\" height=\"200\" fill=\"#E8EAF6\"\/>\n                        <circle cx=\"200\" cy=\"80\" r=\"40\" fill=\"#7986CB\" opacity=\"0.3\"\/>\n                        <rect x=\"160\" y=\"100\" width=\"80\" height=\"60\" rx=\"8\" fill=\"#7986CB\" opacity=\"0.4\"\/>\n                        <path d=\"M180 120h40M180 135h40M180 150h30\" stroke=\"#5C6BC0\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                        <circle cx=\"200\" cy=\"70\" r=\"15\" fill=\"#5C6BC0\" opacity=\"0.7\"\/>\n                        <path d=\"M190 65c3-3 7-3 10 0\" stroke=\"white\" stroke-width=\"1.5\"\/>\n                        <path d=\"M200 65c3-3 7-3 10 0\" stroke=\"white\" stroke-width=\"1.5\"\/>\n                        <rect x=\"280\" y=\"90\" width=\"50\" height=\"35\" rx=\"10\" fill=\"#5C6BC0\" opacity=\"0.6\"\/>\n                        <rect x=\"295\" y=\"80\" width=\"20\" height=\"15\" rx=\"5\" fill=\"#5C6BC0\" opacity=\"0.4\"\/>\n                        <path d=\"M280 107h-20\" stroke=\"#5C6BC0\" stroke-width=\"3\" opacity=\"0.5\"\/>\n                    <\/svg>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3>Traitement de l&rsquo;apn\u00e9e du sommeil<\/h3>\n                    <p>La PPC (Pression Positive Continue) est le traitement de r\u00e9f\u00e9rence du SAOS.<\/p>\n                    <ul>\n                        <li>PPC nocturne (efficacit\u00e9 > 90%)<\/li>\n                        <li>Orth\u00e8ses d&rsquo;avanc\u00e9e mandibulaire<\/li>\n                        <li>Chirurgie ORL (cas s\u00e9lectionn\u00e9s)<\/li>\n                        <li>Perte de poids si surpoids<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"treatment-card\">\n                <div class=\"card-img\">\n                    <svg viewBox=\"0 0 400 200\" fill=\"none\">\n                        <rect width=\"400\" height=\"200\" fill=\"#E8F5E9\"\/>\n                        <rect x=\"100\" y=\"120\" width=\"200\" height=\"50\" rx=\"8\" fill=\"#2e7d32\" opacity=\"0.3\"\/>\n                        <rect x=\"90\" y=\"100\" width=\"30\" height=\"70\" rx=\"5\" fill=\"#2e7d32\" opacity=\"0.4\"\/>\n                        <circle cx=\"140\" cy=\"110\" r=\"15\" fill=\"#2e7d32\" opacity=\"0.5\"\/>\n                        <rect x=\"130\" y=\"125\" width=\"120\" height=\"20\" rx=\"10\" fill=\"#2e7d32\" opacity=\"0.3\"\/>\n                        <circle cx=\"320\" cy=\"50\" r=\"20\" fill=\"#FFA726\" opacity=\"0.5\"\/>\n                        <circle cx=\"328\" cy=\"45\" r=\"18\" fill=\"#E8F5E9\"\/>\n                        <circle cx=\"80\" cy=\"50\" r=\"18\" fill=\"white\" stroke=\"#2e7d32\" stroke-width=\"2\"\/>\n                        <path d=\"M80 40v12l8 5\" stroke=\"#2e7d32\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                        <text x=\"170\" y=\"90\" fill=\"#2e7d32\" font-size=\"16\" font-weight=\"bold\" opacity=\"0.6\">Z<\/text>\n                        <text x=\"190\" y=\"78\" fill=\"#2e7d32\" font-size=\"12\" font-weight=\"bold\" opacity=\"0.5\">z<\/text>\n                        <text x=\"205\" y=\"68\" fill=\"#2e7d32\" font-size=\"9\" font-weight=\"bold\" opacity=\"0.4\">z<\/text>\n                    <\/svg>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3>Hygi\u00e8ne du sommeil<\/h3>\n                    <p>La th\u00e9rapie cognitivo-comportementale pour l&rsquo;insomnie (TCC-I) est le traitement de premi\u00e8re intention.<\/p>\n                    <ul>\n                        <li>Horaires r\u00e9guliers de coucher\/lever<\/li>\n                        <li>Environnement frais, sombre, silencieux<\/li>\n                        <li>Restriction de temps au lit<\/li>\n                        <li>\u00c9viter \u00e9crans 1h avant le coucher<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"treatment-card\">\n                <div class=\"card-img\">\n                    <svg viewBox=\"0 0 400 200\" fill=\"none\">\n                        <rect width=\"400\" height=\"200\" fill=\"#FFF3E0\"\/>\n                        <rect x=\"150\" y=\"70\" width=\"100\" height=\"40\" rx=\"20\" fill=\"#FFA726\" opacity=\"0.5\"\/>\n                        <rect x=\"200\" y=\"70\" width=\"50\" height=\"40\" rx=\"20\" fill=\"#FFA726\" opacity=\"0.7\"\/>\n                        <rect x=\"80\" y=\"100\" width=\"50\" height=\"60\" rx=\"5\" fill=\"#FFA726\" opacity=\"0.3\"\/>\n                        <path d=\"M130 115c10 0 15 5 15 15s-5 15-15 15\" stroke=\"#FFA726\" stroke-width=\"2\" opacity=\"0.6\"\/>\n                        <path d=\"M90 95c2-8 5-12 8-12M100 95c2-10 5-15 8-15M110 95c2-8 5-12 8-12\" stroke=\"#FFA726\" stroke-width=\"1.5\" opacity=\"0.5\" stroke-linecap=\"round\"\/>\n                        <circle cx=\"320\" cy=\"100\" r=\"30\" fill=\"#FFA726\" opacity=\"0.25\"\/>\n                        <text x=\"312\" y=\"108\" fill=\"#E65100\" font-size=\"24\" font-weight=\"bold\">\u2615<\/text>\n                    <\/svg>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3>Traitements pharmacologiques<\/h3>\n                    <p>Des m\u00e9dicaments peuvent \u00eatre prescrits pour traiter la somnolence r\u00e9siduelle ou les narcolepsies.<\/p>\n                    <ul>\n                        <li>Modafinil (narcolepsie, somnolence r\u00e9siduelle)<\/li>\n                        <li>Methylph\u00e9nidate (hypersomnies)<\/li>\n                        <li>M\u00e9latonine (troubles du rythme)<\/li>\n                        <li>Revue des m\u00e9dicaments s\u00e9dationnants<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- SECTION DROGUES -->\n<section id=\"drogues\">\n    <div class=\"container\">\n        <div class=\"section-header fade-in\">\n            <span class=\"tag\">\u26a0 Alerte Sant\u00e9 Publique<\/span>\n            <h2>Drogues, Alcool &#038; Conduite<\/h2>\n            <p>Produits illicites, protoxyde d&rsquo;azote, alcool et m\u00e9dicaments d\u00e9tourn\u00e9s : tous alt\u00e8rent les capacit\u00e9s de conduite, souvent de mani\u00e8re insidieuse.<\/p>\n        <\/div>\n\n        <div class=\"drogue-alert fade-in\">\n            <div class=\"alert-icon\">\u26a0<\/div>\n            <div>\n                <h4>Les stup\u00e9fiants sont impliqu\u00e9s dans 23% des accidents mortels<\/h4>\n                <p>En France, les produits psychoactifs (alcool, cannabis, coca\u00efne, protoxyde d&rsquo;azote\u2026) sont la premi\u00e8re cause d&rsquo;accidents mortels sur les routes, devant la vitesse. Leur association multiplie exponentiellement les risques.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"drogues-layout fade-in\">\n            <div class=\"drogue-hero-card\">\n                <div class=\"hero-text-block\">\n                    <div class=\"subtitle\">\ud83d\udea8 Epid\u00e9mie chez les jeunes<\/div>\n                    <h3>Le Protoxyde d&rsquo;Azote (N\u2082O)<\/h3>\n                    <p>Aussi appel\u00e9 \u00ab proto \u00bb, \u00ab gaz hilarant \u00bb ou \u00ab cr\u00e8me chantilly \u00bb, le protoxyde d&rsquo;azote est devenu <strong style=\"color:#7B1FA2;\">la 1\u00e8re drogue exp\u00e9riment\u00e9e chez les adolescents de 17 ans<\/strong> en France (OFDT, 2022).<\/p>\n                    <p>Inhal\u00e9 depuis des cartouches de siphon \u00e0 chantilly ou des balloons, il provoque une ivresse br\u00e8ve mais intense avec <strong style=\"color:#C2185B;\">hypoxie c\u00e9r\u00e9brale aigu\u00eb<\/strong>, euphorie, rires incontr\u00f4l\u00e9s, vertiges et troubles de la conscience.<\/p>\n                    <p><strong>Ses effets sur la conduite sont catastrophiques :<\/strong> hypoxie c\u00e9r\u00e9brale, troubles visuels (vision floue, tunnel visuel), perte de coordination motrice, ralentissement majeur des r\u00e9flexes, confusion mentale, et dans les cas graves : paralysies, coma, voire d\u00e9c\u00e8s par anoxie.<\/p>\n                    <div class=\"stats-row\">\n                        <div class=\"stat-item\">\n                            <div class=\"val\">27%<\/div>\n                            <div class=\"lbl\">des 17 ans l&rsquo;ont essay\u00e9<\/div>\n                        <\/div>\n                        <div class=\"stat-item\">\n                            <div class=\"val\">\u00d78<\/div>\n                            <div class=\"lbl\">usage multipli\u00e9 depuis 2010<\/div>\n                        <\/div>\n                        <div class=\"stat-item\">\n                            <div class=\"val\">13 min<\/div>\n                            <div class=\"lbl\">dur\u00e9e moyenne des effets<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <svg viewBox=\"0 0 400 400\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <circle cx=\"200\" cy=\"200\" r=\"180\" fill=\"#CE93D8\" opacity=\"0.3\"\/>\n                    <circle cx=\"200\" cy=\"200\" r=\"140\" fill=\"#F48FB1\" opacity=\"0.2\"\/>\n                    <ellipse cx=\"200\" cy=\"140\" rx=\"70\" ry=\"80\" fill=\"rgba(255,255,255,0.5)\" stroke=\"#AB47BC\" stroke-width=\"2\"\/>\n                    <ellipse cx=\"200\" cy=\"140\" rx=\"70\" ry=\"80\" fill=\"url(#balloonGrad)\" opacity=\"0.4\"\/>\n                    <path d=\"M190 218 L200 235 L210 218\" fill=\"rgba(255,255,255,0.5)\" stroke=\"#AB47BC\" stroke-width=\"1.5\"\/>\n                    <path d=\"M200 235 Q 200 280 180 320\" stroke=\"rgba(92,107,192,0.5)\" stroke-width=\"1.5\" fill=\"none\"\/>\n                    <text x=\"200\" y=\"135\" fill=\"#7B1FA2\" font-size=\"28\" font-weight=\"bold\" text-anchor=\"middle\" font-family=\"Inter\">N\u2082O<\/text>\n                    <text x=\"200\" y=\"160\" fill=\"#455A64\" font-size=\"11\" text-anchor=\"middle\" font-family=\"Inter\">Protoxyde d&rsquo;azote<\/text>\n                    <rect x=\"290\" y=\"240\" width=\"18\" height=\"60\" rx=\"4\" fill=\"#ECEFF1\" stroke=\"#90A4AE\" stroke-width=\"1\"\/>\n                    <rect x=\"290\" y=\"240\" width=\"18\" height=\"15\" rx=\"4\" fill=\"#B0BEC5\"\/>\n                    <circle cx=\"299\" cy=\"248\" r=\"3\" fill=\"#607D8B\"\/>\n                    <g transform=\"translate(80, 260)\">\n                        <polygon points=\"20,0 40,35 0,35\" fill=\"#EC407A\" opacity=\"0.9\"\/>\n                        <text x=\"20\" y=\"28\" fill=\"white\" font-size=\"20\" font-weight=\"bold\" text-anchor=\"middle\">!<\/text>\n                    <\/g>\n                    <g transform=\"translate(140, 280)\">\n                        <path d=\"M30 10 Q 10 10 10 30 Q 10 50 30 50 Q 50 50 50 30 Q 50 10 30 10 Z\" fill=\"rgba(236,64,122,0.3)\" stroke=\"#EC407A\" stroke-width=\"1.5\"\/>\n                        <path d=\"M20 25 Q 30 20 40 25 M20 35 Q 30 40 40 35\" stroke=\"#EC407A\" stroke-width=\"1\" fill=\"none\"\/>\n                        <text x=\"30\" y=\"70\" fill=\"#C2185B\" font-size=\"9\" text-anchor=\"middle\" font-weight=\"bold\">HYPOXIE<\/text>\n                    <\/g>\n                    <circle cx=\"100\" cy=\"100\" r=\"4\" fill=\"#FFB74D\" opacity=\"0.8\"\/>\n                    <circle cx=\"320\" cy=\"120\" r=\"3\" fill=\"#EC407A\" opacity=\"0.7\"\/>\n                    <circle cx=\"340\" cy=\"180\" r=\"5\" fill=\"#FFB74D\" opacity=\"0.6\"\/>\n                    <circle cx=\"80\" cy=\"200\" r=\"3\" fill=\"#EC407A\" opacity=\"0.6\"\/>\n                    <defs>\n                        <radialGradient id=\"balloonGrad\">\n                            <stop offset=\"0%\" stop-color=\"#FFB74D\" stop-opacity=\"0.5\"\/>\n                            <stop offset=\"100%\" stop-color=\"#AB47BC\" stop-opacity=\"0.2\"\/>\n                        <\/radialGradient>\n                    <\/defs>\n                <\/svg>\n            <\/div>\n\n            <div class=\"drogue-card cannabis\">\n                <div class=\"drogue-header\">\n                    <div class=\"drogue-icon\">\ud83c\udf3f<\/div>\n                    <div>\n                        <h3>Cannabis (THC)<\/h3>\n                        <div class=\"drogue-subtitle\">1\u00e8re drogue illicite impliqu\u00e9e dans les accidents<\/div>\n                    <\/div>\n                <\/div>\n                <p>Le THC alt\u00e8re la perception du temps et des distances, ralentit les r\u00e9flexes et d\u00e9grade la coordination. D\u00e9tectable jusqu&rsquo;\u00e0 plusieurs jours apr\u00e8s consommation chez les usagers r\u00e9guliers.<\/p>\n                <ul class=\"effects-list\">\n                    <li>Alt\u00e9ration de la perception des distances<\/li>\n                    <li>Ralentissement du temps de r\u00e9action (+30%)<\/li>\n                    <li>Troubles de l&rsquo;attention divis\u00e9e<\/li>\n                    <li>Somnolence et b\u00e2illements fr\u00e9quents<\/li>\n                    <li>Risque d&rsquo;accident multipli\u00e9 par 1,6 \u00e0 3<\/li>\n                <\/ul>\n                <div class=\"risk-bar\">\n                    <span class=\"risk-label\">Risque accident<\/span>\n                    <span class=\"risk-value risk-high\">\u00c9LEV\u00c9 \u00d72-3<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"drogue-card alcool\">\n                <div class=\"drogue-header\">\n                    <div class=\"drogue-icon\">\ud83c\udf7a<\/div>\n                    <div>\n                        <h3>Alcool<\/h3>\n                        <div class=\"drogue-subtitle\">Impliqu\u00e9 dans 29% des accidents mortels<\/div>\n                    <\/div>\n                <\/div>\n                <p>M\u00eame \u00e0 faible dose (0,2 g\/L), l&rsquo;alcool d\u00e9grade les capacit\u00e9s de conduite. Au-del\u00e0 de 0,5 g\/L, le risque d&rsquo;accident mortel est multipli\u00e9 par 2, et par 35 au-del\u00e0 de 0,8 g\/L. Effet synergique avec la somnolence.<\/p>\n                <ul class=\"effects-list\">\n                    <li>R\u00e9tr\u00e9cissement du champ visuel (vision tunnel)<\/li>\n                    <li>Fausse sensation de confiance (prise de risque)<\/li>\n                    <li>Alt\u00e9ration de la coordination et des r\u00e9flexes<\/li>\n                    <li>Somnolence major\u00e9e (effet s\u00e9datif)<\/li>\n                    <li>Seuil l\u00e9gal : 0,5 g\/L (0,2 pour les jeunes conducteurs)<\/li>\n                <\/ul>\n                <div class=\"risk-bar\">\n                    <span class=\"risk-label\">Risque accident<\/span>\n                    <span class=\"risk-value risk-extreme\">TR\u00c8S \u00c9LEV\u00c9 \u00d735<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"drogue-card cocaine\">\n                <div class=\"drogue-header\">\n                    <div class=\"drogue-icon\">\u26a1<\/div>\n                    <div>\n                        <h3>Coca\u00efne &#038; Amph\u00e9tamines<\/h3>\n                        <div class=\"drogue-subtitle\">Fausse vigilance, vrais dangers<\/div>\n                    <\/div>\n                <\/div>\n                <p>Ces stimulants donnent une illusion de vigilance et de confiance, mais provoquent en r\u00e9alit\u00e9 une prise de risque excessive, une agressivit\u00e9 au volant, et un \u00ab crash \u00bb de fatigue brutal en fin d&rsquo;effet.<\/p>\n                <ul class=\"effects-list\">\n                    <li>Prise de risque excessive et agressivit\u00e9<\/li>\n                    <li>Illusion de comp\u00e9tence (surconfiance)<\/li>\n                    <li>Crash de fatigue en fin d&rsquo;effet (somnolence brutale)<\/li>\n                    <li>Hallucinations visuelles possibles<\/li>\n                    <li>Risque d&rsquo;accident multipli\u00e9 par 3 \u00e0 6<\/li>\n                <\/ul>\n                <div class=\"risk-bar\">\n                    <span class=\"risk-label\">Risque accident<\/span>\n                    <span class=\"risk-value risk-extreme\">EXTR\u00caME \u00d73-6<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"drogue-card opiaces\">\n                <div class=\"drogue-header\">\n                    <div class=\"drogue-icon\">\ud83d\udc8a<\/div>\n                    <div>\n                        <h3>Opiac\u00e9s &#038; M\u00e9dicaments d\u00e9tourn\u00e9s<\/h3>\n                        <div class=\"drogue-subtitle\">H\u00e9ro\u00efne, fentanyl, benzodiaz\u00e9pines<\/div>\n                    <\/div>\n                <\/div>\n                <p>Les opiac\u00e9s (h\u00e9ro\u00efne, fentanyl, cod\u00e9ine, tramadol) et les benzodiaz\u00e9pines d\u00e9tourn\u00e9es provoquent une s\u00e9dation profonde, une somnolence irr\u00e9pressible et un ralentissement majeur des fonctions cognitives.<\/p>\n                <ul class=\"effects-list\">\n                    <li>Somnolence irr\u00e9pressible et micro-sommeils<\/li>\n                    <li>Ralentissement cognitif s\u00e9v\u00e8re<\/li>\n                    <li>R\u00e9tr\u00e9cissement pupillaire (myosis)<\/li>\n                    <li>Risque de coma en cas de surdosage<\/li>\n                    <li>Association mortelle avec l&rsquo;alcool<\/li>\n                <\/ul>\n                <div class=\"risk-bar\">\n                    <span class=\"risk-label\">Risque accident<\/span>\n                    <span class=\"risk-value risk-extreme\">MAXIMAL<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"drogues-legal fade-in\">\n            <h3>\u2696\ufe0f Cadre L\u00e9gal &#038; Sanctions<\/h3>\n            <p>La conduite sous l&#8217;emprise de produits stup\u00e9fiants est un d\u00e9lit grave en France, passible de sanctions lourdes, ind\u00e9pendamment de la quantit\u00e9 consomm\u00e9e (d\u00e9lit r\u00e9sultant, pas de seuil).<\/p>\n            <div class=\"legal-grid\">\n                <div class=\"legal-item\">\n                    <h4>\ud83d\udeab Conduite apr\u00e8s usage de stup\u00e9fiants<\/h4>\n                    <p>Jusqu&rsquo;\u00e0 2 ans de prison, 4 500\u20ac d&rsquo;amende, retrait de 6 points, suspension de permis jusqu&rsquo;\u00e0 3 ans.<\/p>\n                <\/div>\n                <div class=\"legal-item\">\n                    <h4>\ud83c\udf7a Conduite en \u00e9tat d&rsquo;ivresse<\/h4>\n                    <p>\u2265 0,8 g\/L : 4 500\u20ac d&rsquo;amende, jusqu&rsquo;\u00e0 2 ans de prison, suspension de permis jusqu&rsquo;\u00e0 3 ans.<\/p>\n                <\/div>\n                <div class=\"legal-item\">\n                    <h4>\ud83d\udc80 En cas d&rsquo;accident corporel<\/h4>\n                    <p>Jusqu&rsquo;\u00e0 10 ans de prison et 150 000\u20ac d&rsquo;amende en cas d&rsquo;homicide involontaire sous influence.<\/p>\n                <\/div>\n                <div class=\"legal-item\">\n                    <h4>\ud83e\uddea D\u00e9pistage syst\u00e9matique<\/h4>\n                    <p>Test salivaire obligatoire apr\u00e8s accident ou infraction. Confirmation par analyse sanguine en laboratoire.<\/p>\n                <\/div>\n                <div class=\"legal-item\">\n                    <h4>\ud83d\udc76 Jeunes conducteurs<\/h4>\n                    <p>Seuil alcool abaiss\u00e9 \u00e0 0,2 g\/L. Tol\u00e9rance z\u00e9ro pour les stup\u00e9fiants. Permis probatoire annul\u00e9 en cas d&rsquo;infraction.<\/p>\n                <\/div>\n                <div class=\"legal-item\">\n                    <h4>\ud83d\ude97 Refus de d\u00e9pistage<\/h4>\n                    <p>M\u00eames peines que la conduite sous influence : 2 ans de prison, 4 500\u20ac d&rsquo;amende, 6 points retir\u00e9s.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Pr\u00e9vention Section -->\n<section id=\"prevention\">\n    <div class=\"container\">\n        <div class=\"section-header fade-in\">\n            <span class=\"tag\">Agir<\/span>\n            <h2>Actions de Pr\u00e9vention<\/h2>\n            <p>Des gestes simples et des mesures collectives pour r\u00e9duire le risque d&rsquo;accidents li\u00e9s \u00e0 la somnolence.<\/p>\n        <\/div>\n        <div class=\"prevention-layout\">\n            <div class=\"prevention-image fade-in\">\n                <svg viewBox=\"0 0 500 450\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <rect width=\"500\" height=\"450\" rx=\"16\" fill=\"#E8F5E9\"\/>\n                    <rect x=\"0\" y=\"300\" width=\"500\" height=\"150\" fill=\"#607D8B\"\/>\n                    <rect x=\"0\" y=\"300\" width=\"500\" height=\"3\" fill=\"#FFA726\"\/>\n                    <rect x=\"50\" y=\"240\" width=\"150\" height=\"60\" rx=\"8\" fill=\"#81C784\" opacity=\"0.5\"\/>\n                    <rect x=\"60\" y=\"230\" width=\"130\" height=\"15\" rx=\"5\" fill=\"#66BB6A\" opacity=\"0.7\"\/>\n                    <text x=\"85\" y=\"275\" fill=\"#2e7d32\" font-size=\"11\" font-weight=\"bold\">AIRE DE REPOS<\/text>\n                    <rect x=\"70\" y=\"310\" width=\"100\" height=\"45\" rx=\"8\" fill=\"#7986CB\"\/>\n                    <rect x=\"85\" y=\"295\" width=\"70\" height=\"25\" rx=\"6\" fill=\"#9FA8DA\"\/>\n                    <circle cx=\"90\" cy=\"355\" r=\"12\" fill=\"#455A64\"\/>\n                    <circle cx=\"150\" cy=\"355\" r=\"12\" fill=\"#455A64\"\/>\n                    <circle cx=\"120\" cy=\"310\" r=\"8\" fill=\"#FFB74D\" opacity=\"0.8\"\/>\n                    <circle cx=\"250\" cy=\"230\" r=\"25\" fill=\"#81C784\" opacity=\"0.6\"\/>\n                    <rect x=\"247\" y=\"250\" width=\"6\" height=\"30\" fill=\"#8D6E63\" opacity=\"0.7\"\/>\n                    <circle cx=\"300\" cy=\"240\" r=\"20\" fill=\"#81C784\" opacity=\"0.5\"\/>\n                    <rect x=\"297\" y=\"255\" width=\"6\" height=\"25\" fill=\"#8D6E63\" opacity=\"0.7\"\/>\n                    <circle cx=\"420\" cy=\"80\" r=\"35\" fill=\"#FFB74D\" opacity=\"0.5\"\/>\n                    <circle cx=\"420\" cy=\"80\" r=\"25\" fill=\"#FFB74D\" opacity=\"0.7\"\/>\n                    <rect x=\"350\" y=\"200\" width=\"4\" height=\"100\" fill=\"#90A4AE\"\/>\n                    <circle cx=\"352\" cy=\"195\" r=\"20\" fill=\"#66BB6A\"\/>\n                    <text x=\"342\" y=\"200\" fill=\"white\" font-size=\"10\" font-weight=\"bold\">2km<\/text>\n                    <rect x=\"400\" y=\"220\" width=\"4\" height=\"80\" fill=\"#90A4AE\"\/>\n                    <rect x=\"385\" y=\"200\" width=\"34\" height=\"25\" rx=\"4\" fill=\"#FFA726\"\/>\n                    <text x=\"392\" y=\"217\" fill=\"white\" font-size=\"10\">\u2615<\/text>\n                    <rect x=\"20\" y=\"20\" width=\"180\" height=\"130\" rx=\"10\" fill=\"white\" opacity=\"0.95\"\/>\n                    <text x=\"35\" y=\"45\" fill=\"#2e7d32\" font-size=\"11\" font-weight=\"bold\">\u2713 Avant le trajet<\/text>\n                    <text x=\"35\" y=\"65\" fill=\"#455A64\" font-size=\"9\">\u2022 Dormir suffisamment<\/text>\n                    <text x=\"35\" y=\"80\" fill=\"#455A64\" font-size=\"9\">\u2022 Planifier les pauses<\/text>\n                    <text x=\"35\" y=\"95\" fill=\"#455A64\" font-size=\"9\">\u2022 \u00c9viter les heures critiques<\/text>\n                    <text x=\"35\" y=\"110\" fill=\"#455A64\" font-size=\"9\">\u2022 V\u00e9rifier ses m\u00e9dicaments<\/text>\n                    <text x=\"35\" y=\"125\" fill=\"#455A64\" font-size=\"9\">\u2022 Partager la conduite<\/text>\n                    <rect x=\"300\" y=\"330\" width=\"80\" height=\"35\" rx=\"6\" fill=\"#5C6BC0\" opacity=\"0.8\"\/>\n                    <rect x=\"310\" y=\"318\" width=\"55\" height=\"18\" rx=\"5\" fill=\"#7986CB\" opacity=\"0.8\"\/>\n                    <circle cx=\"315\" cy=\"365\" r=\"10\" fill=\"#455A64\"\/>\n                    <circle cx=\"365\" cy=\"365\" r=\"10\" fill=\"#455A64\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"prevention-actions fade-in\">\n                <div class=\"prevention-item\">\n                    <div class=\"check\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <h4>Pauses r\u00e9guli\u00e8res toutes les 2h<\/h4>\n                        <p>S&rsquo;arr\u00eater toutes les 2 heures ou 200 km. Marcher, s&rsquo;\u00e9tirer, boire de l&rsquo;eau. Sur autoroute, les aires de service sont des points de s\u00e9curit\u00e9 vitaux.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"prevention-item\">\n                    <div class=\"check\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <h4>Sieste de 15-20 minutes<\/h4>\n                        <p>En cas de signes de somnolence (b\u00e2illements, paupi\u00e8res lourdes, sortie de voie), s&rsquo;arr\u00eater imm\u00e9diatement et faire une micro-sieste de 15 \u00e0 20 minutes maximum.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"prevention-item\">\n                    <div class=\"check\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <h4>Z\u00e9ro alcool, z\u00e9ro drogue<\/h4>\n                        <p>Ne jamais prendre le volant apr\u00e8s consommation d&rsquo;alcool, de cannabis, de protoxyde d&rsquo;azote ou toute autre substance psychoactive. D\u00e9signer un conducteur sobre.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"prevention-item\">\n                    <div class=\"check\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <h4>\u00c9viter les heures \u00e0 risque<\/h4>\n                        <p>Ne pas conduire entre 2h et 6h du matin ni entre 13h et 15h. Planifier les longs trajets en dehors de ces cr\u00e9neaux de vuln\u00e9rabilit\u00e9 circadienne.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"prevention-item\">\n                    <div class=\"check\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <h4>Syst\u00e8mes d&rsquo;alerte embarqu\u00e9s<\/h4>\n                        <p>Utiliser les syst\u00e8mes de d\u00e9tection de fatigue (AFIL, DAS). Ces technologies analysent la trajectoire et alertent le conducteur en cas de signes d&rsquo;hypovigilance.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"prevention-item\">\n                    <div class=\"check\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <h4>Formation et sensibilisation<\/h4>\n                        <p>Campagnes de sensibilisation (S\u00e9curit\u00e9 Routi\u00e8re), formation des conducteurs professionnels, int\u00e9gration dans le code de la route et les permis de conduire.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Publications Section -->\n<section id=\"publications\">\n    <div class=\"container\">\n        <div class=\"section-header fade-in\">\n            <span class=\"tag\">Recherche<\/span>\n            <h2>Publications Scientifiques<\/h2>\n            <p>S\u00e9lection des \u00e9tudes et rapports de r\u00e9f\u00e9rence sur la somnolence au volant.<\/p>\n        <\/div>\n        <div class=\"pub-grid fade-in\">\n            <div class=\"pub-card\">\n                <span class=\"pub-type etude\">\u00c9tude \u00e9pid\u00e9miologique<\/span>\n                <h3>Pr\u00e9valence de la somnolence au volant dans la population fran\u00e7aise adulte<\/h3>\n                <p class=\"authors\">Philip P., Sagaspe P., Moore N., et al.<\/p>\n                <p class=\"journal\">BMJ &#8211; British Medical Journal, 278(7199)<\/p>\n                <p class=\"abstract\">\u00c9tude montrant que 31,5% des conducteurs ont d\u00e9j\u00e0 somnol\u00e9 au volant au moins une fois dans l&rsquo;ann\u00e9e. Les jeunes hommes sont les plus concern\u00e9s avec une pr\u00e9valence de 42%.<\/p>\n                <span class=\"year\">2001 \u2022 N=4 888 conducteurs<\/span>\n            <\/div>\n            <div class=\"pub-card\">\n                <span class=\"pub-type rapport\">Rapport officiel<\/span>\n                <h3>Sommeil et conduite automobile \u2014 Rapport INSERM<\/h3>\n                <p class=\"authors\">Expertise collective INSERM<\/p>\n                <p class=\"journal\">Les \u00e9ditions INSERM, Paris<\/p>\n                <p class=\"abstract\">Rapport complet analysant les m\u00e9canismes physiopathologiques, les donn\u00e9es \u00e9pid\u00e9miologiques et les recommandations pour le d\u00e9pistage et la pr\u00e9vention en population g\u00e9n\u00e9rale.<\/p>\n                <span class=\"year\">2019 \u2022 Synth\u00e8se de 250+ \u00e9tudes<\/span>\n            <\/div>\n            <div class=\"pub-card\">\n                <span class=\"pub-type revue\">Revue syst\u00e9matique<\/span>\n                <h3>Obstructive Sleep Apnea and Motor Vehicle Accidents: Meta-Analysis<\/h3>\n                <p class=\"authors\">Sassani A., Findley L.J., Kryger M.H., et al.<\/p>\n                <p class=\"journal\">Sleep, 26(3), 281-284<\/p>\n                <p class=\"abstract\">M\u00e9ta-analyse d\u00e9montrant que les patients atteints de SAOS ont un risque multipli\u00e9 par 2 \u00e0 7 d&rsquo;\u00eatre impliqu\u00e9s dans un accident de la route par rapport \u00e0 la population g\u00e9n\u00e9rale.<\/p>\n                <span class=\"year\">2003 \u2022 12 \u00e9tudes incluses<\/span>\n            <\/div>\n            <div class=\"pub-card\">\n                <span class=\"pub-type etude\">\u00c9tude clinique<\/span>\n                <h3>Efficacit\u00e9 de la PPC sur le risque d&rsquo;accidents chez les conducteurs avec SAOS<\/h3>\n                <p class=\"authors\">Tregear S., Reston J., Schoelles K., Phillips B.<\/p>\n                <p class=\"journal\">Journal of Clinical Sleep Medicine, 5(6)<\/p>\n                <p class=\"abstract\">Le traitement par PPC r\u00e9duit de mani\u00e8re significative le taux d&rsquo;accidents de la route chez les patients apn\u00e9iques, ramenant le risque au niveau de la population g\u00e9n\u00e9rale.<\/p>\n                <span class=\"year\">2009 \u2022 5 \u00e9tudes, n=1 507 patients<\/span>\n            <\/div>\n            <div class=\"pub-card\">\n                <span class=\"pub-type etude\">\u00c9tude exp\u00e9rimentale<\/span>\n                <h3>Effets de la privation de sommeil sur la performance de conduite simul\u00e9e<\/h3>\n                <p class=\"authors\">Philip P., Sagaspe P., Lagarde E., et al.<\/p>\n                <p class=\"journal\">Sleep, 35(6), 851-856<\/p>\n                <p class=\"abstract\">Apr\u00e8s 24h de veille continue, les performances de conduite sur simulateur sont \u00e9quivalentes \u00e0 un taux d&rsquo;alcool\u00e9mie de 0,8-1,0 g\/L. Les micro-sommeils de 3-15 secondes sont fr\u00e9quents.<\/p>\n                <span class=\"year\">2012 \u2022 n=69 sujets, simulateur valid\u00e9<\/span>\n            <\/div>\n            <div class=\"pub-card\">\n                <span class=\"pub-type rapport\">Rapport S\u00e9curit\u00e9 Routi\u00e8re<\/span>\n                <h3>Fatigue et somnolence au volant \u2014 Analyse des accidents<\/h3>\n                <p class=\"authors\">Observatoire National Interminist\u00e9riel de la S\u00e9curit\u00e9 Routi\u00e8re (ONISR)<\/p>\n                <p class=\"journal\">Rapport annuel, Minist\u00e8re de l&rsquo;Int\u00e9rieur<\/p>\n                <p class=\"abstract\">La somnolence est impliqu\u00e9e dans 20% des accidents mortels sur autoroute et 10% sur route. Premier facteur d&rsquo;accidentalit\u00e9 sur autoroute devant la vitesse et l&rsquo;alcool.<\/p>\n                <span class=\"year\">2023 \u2022 Donn\u00e9es nationales<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- BIBLIOGRAPHIE -->\n<section id=\"bibliographie\">\n    <div class=\"container\">\n        <div class=\"section-header fade-in\">\n            <span class=\"tag\">\ud83d\udcda R\u00e9f\u00e9rences compl\u00e8tes<\/span>\n            <h2>Bibliographie G\u00e9n\u00e9rale<\/h2>\n            <p>Ensemble des sources scientifiques, rapports officiels et publications utilis\u00e9es pour la r\u00e9daction de ce dossier.<\/p>\n        <\/div>\n\n        <div class=\"biblio-filters fade-in\">\n            <button class=\"biblio-filter active\" onclick=\"filterBiblio('all', this)\">Tout afficher<\/button>\n            <button class=\"biblio-filter\" onclick=\"filterBiblio('somnolence', this)\">Somnolence<\/button>\n            <button class=\"biblio-filter\" onclick=\"filterBiblio('drogues', this)\">Drogues &#038; Conduite<\/button>\n            <button class=\"biblio-filter\" onclick=\"filterBiblio('protoxyde', this)\">Protoxyde d&rsquo;azote<\/button>\n            <button class=\"biblio-filter\" onclick=\"filterBiblio('prevention', this)\">Pr\u00e9vention<\/button>\n        <\/div>\n\n        <div class=\"biblio-grid fade-in\" id=\"biblioGrid\">\n            \n            <div class=\"biblio-card\" data-category=\"somnolence\">\n                <span class=\"biblio-type etude\">\u00c9tude<\/span>\n                <h3>La somnolence au volant : premi\u00e8re cause d&rsquo;accidents mortels sur autoroute<\/h3>\n                <p class=\"authors\">Laumon B., Martin J.L., Ndiaye A., Gadegbeku B., Wustefeld S., Verret C.<\/p>\n                <p class=\"journal\">Rapport INRETS \/ LTESS, n\u00b023<\/p>\n                <p class=\"abstract\">Analyse approfondie de 5 000 accidents sur autoroute montrant que la somnolence est impliqu\u00e9e dans 30,8% des accidents mortels, devant la vitesse (25,8%) et la distance de s\u00e9curit\u00e9 (13,2%).<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2009<\/span>\n                    <a href=\"#\" class=\"doi\">INRETS-LTESS<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"somnolence\">\n                <span class=\"biblio-type rapport\">Rapport<\/span>\n                <h3>Sommeil, vigilance et conduite automobile \u2014 Expertise collective<\/h3>\n                <p class=\"authors\">Philip P., Choudat D., Lagarde E., et al. (Coordination INSERM)<\/p>\n                <p class=\"journal\">Les \u00e9ditions INSERM, 492 pages<\/p>\n                <p class=\"abstract\">Synth\u00e8se exhaustive des connaissances sur les relations entre sommeil, vigilance et conduite. Recommandations pour le d\u00e9pistage, l&rsquo;\u00e9valuation de l&rsquo;aptitude et la pr\u00e9vention.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2019<\/span>\n                    <a href=\"#\" class=\"doi\">ISBN 979-10-276-0418-7<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"somnolence\">\n                <span class=\"biblio-type etude\">\u00c9tude<\/span>\n                <h3>Driving under the influence of sleepiness \u2014 From sleep mechanisms to road safety<\/h3>\n                <p class=\"authors\">Sagaspe P., Taillard J., Chaumet G., Moore N., Philip P.<\/p>\n                <p class=\"journal\">Sleep Medicine Reviews, 11(6), 457-466<\/p>\n                <p class=\"abstract\">Revue des m\u00e9canismes physiopathologiques de la somnolence au volant : rythme circadien, hom\u00e9ostasie de sommeil, dette de sommeil chronique et leurs cons\u00e9quences sur la conduite.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2007<\/span>\n                    <a href=\"#\" class=\"doi\">doi:10.1016\/j.smrv.2007.05.002<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"somnolence\">\n                <span class=\"biblio-type these\">Th\u00e8se<\/span>\n                <h3>\u00c9valuation de l&rsquo;aptitude \u00e0 la conduite chez les patients pr\u00e9sentant des troubles du sommeil<\/h3>\n                <p class=\"authors\">Dr. Marie Dumont \u2014 Universit\u00e9 de Bordeaux<\/p>\n                <p class=\"journal\">Th\u00e8se de m\u00e9decine, sp\u00e9cialit\u00e9 sant\u00e9 publique<\/p>\n                <p class=\"abstract\">Travail \u00e9valuant les outils de d\u00e9pistage et les crit\u00e8res d&rsquo;aptitude \u00e0 la conduite des patients atteints de SAOS, narcolepsie ou hypersomnie idiopathique. Validation du TME comme test pr\u00e9dictif.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2021<\/span>\n                    <a href=\"#\" class=\"doi\">Th\u00e8se n\u00b042\/2021<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"drogues\">\n                <span class=\"biblio-type etude\">\u00c9tude<\/span>\n                <h3>Stup\u00e9fiants et accidentalit\u00e9 routi\u00e8re : r\u00e9sultats de l&rsquo;\u00e9tude SAM<\/h3>\n                <p class=\"authors\">Mura P., Kintz P., Ludes B., et al.<\/p>\n                <p class=\"journal\">Bulletin \u00c9pid\u00e9miologique Hebdomadaire (BEH), n\u00b034-35<\/p>\n                <p class=\"abstract\">\u00c9tude cas-t\u00e9moin sur 3 215 conducteurs d\u00e9c\u00e9d\u00e9s montrant la pr\u00e9sence de cannabis (8,6%), coca\u00efne (1,2%), opiac\u00e9s (1,4%) et amph\u00e9tamines (0,4%). Risque multipli\u00e9 par 1,65 pour le cannabis seul.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2004<\/span>\n                    <a href=\"#\" class=\"doi\">Sant\u00e9 Publique France<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"drogues\">\n                <span class=\"biblio-type revue\">Revue syst\u00e9matique<\/span>\n                <h3>Cannabis and driving: a systematic review and meta-analysis<\/h3>\n                <p class=\"authors\">Rogeberg O., Berglund T., Morris D.S.<\/p>\n                <p class=\"journal\">Accident Analysis &#038; Prevention, 89, 1-11<\/p>\n                <p class=\"abstract\">M\u00e9ta-analyse de 27 \u00e9tudes d\u00e9montrant que la conduite sous cannabis augmente le risque d&rsquo;accident de 1,6 \u00e0 2,3 fois. L&rsquo;effet est major\u00e9 par la consommation d&rsquo;alcool associ\u00e9e.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2018<\/span>\n                    <a href=\"#\" class=\"doi\">doi:10.1016\/j.aap.2018.01.003<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"drogues\">\n                <span class=\"biblio-type etude\">\u00c9tude<\/span>\n                <h3>Alcohol, drugs and driving: the European DRUID project<\/h3>\n                <p class=\"authors\">Houwing S., Hagenzieker M., Mathijssen R., et al.<\/p>\n                <p class=\"journal\">SWOV Report R-2011-11, Leidschendam, Netherlands<\/p>\n                <p class=\"abstract\">\u00c9tude europ\u00e9enne multicentrique sur 60 000 conducteurs. Pr\u00e9valence de l&rsquo;alcool (3,6%), cannabis (0,9%), benzodiaz\u00e9pines (1,6%) et coca\u00efne (0,3%).<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2011<\/span>\n                    <a href=\"#\" class=\"doi\">DRUID Project TRENDS<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"drogues\">\n                <span class=\"biblio-type rapport\">Rapport<\/span>\n                <h3>Conduite et substances psychoactives \u2014 Rapport de l&rsquo;ANSM<\/h3>\n                <p class=\"authors\">Agence Nationale de S\u00e9curit\u00e9 du M\u00e9dicament (ANSM)<\/p>\n                <p class=\"journal\">Rapport officiel, Minist\u00e8re des Solidarit\u00e9s et de la Sant\u00e9<\/p>\n                <p class=\"abstract\">\u00c9tat des lieux des connaissances sur l&rsquo;impact des m\u00e9dicaments psychotropes, stup\u00e9fiants et substances illicites sur la conduite.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2022<\/span>\n                    <a href=\"#\" class=\"doi\">ANSM.fr<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"drogues\">\n                <span class=\"biblio-type etude\">\u00c9tude<\/span>\n                <h3>Impact of psychoactive substances on driving performance: a simulator study<\/h3>\n                <p class=\"authors\">Vakulin A., Borsotti C., Bartolacci G., et al.<\/p>\n                <p class=\"journal\">Traffic Injury Prevention, 22(5), 385-392<\/p>\n                <p class=\"abstract\">\u00c9tude sur simulateur comparant les effets de l&rsquo;alcool, du cannabis, de la coca\u00efne et de leurs associations. L&rsquo;association alcool+cannabis multiplie le risque par 20.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2021<\/span>\n                    <a href=\"#\" class=\"doi\">doi:10.1080\/15389588.2021.1917055<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"protoxyde\">\n                <span class=\"biblio-type alerte\">Alerte sanitaire<\/span>\n                <h3>Protoxyde d&rsquo;azote : usages d\u00e9tourn\u00e9s et cons\u00e9quences neurologiques<\/h3>\n                <p class=\"authors\">Hamon N., Le Guennec G., Burel-Vandenbos F., et al.<\/p>\n                <p class=\"journal\">Revue Neurologique, 178(5), 441-450<\/p>\n                <p class=\"abstract\">Description de 47 cas de my\u00e9lopathies et neuropathies s\u00e9v\u00e8res li\u00e9es \u00e0 l&rsquo;usage r\u00e9p\u00e9t\u00e9 de protoxyde d&rsquo;azote. M\u00e9canisme : inactivation de la vitamine B12.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2022<\/span>\n                    <a href=\"#\" class=\"doi\">doi:10.1016\/j.neurol.2021.11.003<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"protoxyde\">\n                <span class=\"biblio-type rapport\">Rapport<\/span>\n                <h3>Protoxyde d&rsquo;azote \u2014 Note de synth\u00e8se sur les usages d\u00e9tourn\u00e9s<\/h3>\n                <p class=\"authors\">Observatoire Fran\u00e7ais des Drogues et des Tendances Addictives (OFDT)<\/p>\n                <p class=\"journal\">Tendances n\u00b0148, 8 pages<\/p>\n                <p class=\"abstract\">Analyse de l&rsquo;\u00e9volution des usages de protoxyde d&rsquo;azote en France depuis 2010. Donn\u00e9es \u00e9pid\u00e9miologiques chez les adolescents.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2022<\/span>\n                    <a href=\"#\" class=\"doi\">OFDT.fr<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"protoxyde\">\n                <span class=\"biblio-type etude\">\u00c9tude<\/span>\n                <h3>Recreational nitrous oxide use in France: epidemiology and complications<\/h3>\n                <p class=\"authors\">Kheloufi F., Batteux B., Jean-Bart F., et al.<\/p>\n                <p class=\"journal\">Fundamental &#038; Clinical Pharmacology, 36(3), 423-430<\/p>\n                <p class=\"abstract\">\u00c9tude r\u00e9trospective multicentrique sur 212 patients admis aux urgences pour complications li\u00e9es au protoxyde d&rsquo;azote. 68% pr\u00e9sentaient des troubles neurologiques.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2022<\/span>\n                    <a href=\"#\" class=\"doi\">doi:10.1111\/fcp.12758<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"protoxyde\">\n                <span class=\"biblio-type alerte\">Alerte<\/span>\n                <h3>Mise en garde : protoxyde d&rsquo;azote et aptitude \u00e0 la conduite<\/h3>\n                <p class=\"authors\">Commission M\u00e9dicale de l&rsquo;Autorit\u00e9 Pr\u00e9fectorale (CMA)<\/p>\n                <p class=\"journal\">Note technique n\u00b0DM\/2023\/15<\/p>\n                <p class=\"abstract\">Recommandations concernant l&rsquo;aptitude \u00e0 la conduite des consommateurs de protoxyde d&rsquo;azote. Inaptitude temporaire de 6 mois minimum en cas d&rsquo;usage r\u00e9p\u00e9t\u00e9.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2023<\/span>\n                    <a href=\"#\" class=\"doi\">Minist\u00e8re de l&rsquo;Int\u00e9rieur<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"protoxyde\">\n                <span class=\"biblio-type these\">Th\u00e8se<\/span>\n                <h3>Usages d\u00e9tourn\u00e9s du protoxyde d&rsquo;azote chez les adolescents<\/h3>\n                <p class=\"authors\">Dr. Claire Lefebvre \u2014 Universit\u00e9 de Lille<\/p>\n                <p class=\"journal\">Th\u00e8se de m\u00e9decine, 142 pages<\/p>\n                <p class=\"abstract\">Enqu\u00eate aupr\u00e8s de 2 340 lyc\u00e9ens. 27% ont exp\u00e9riment\u00e9 le protoxyde d&rsquo;azote, dont 8% de fa\u00e7on r\u00e9guli\u00e8re.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2023<\/span>\n                    <a href=\"#\" class=\"doi\">Th\u00e8se n\u00b0127\/2023<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"prevention\">\n                <span class=\"biblio-type rapport\">Rapport<\/span>\n                <h3>Barom\u00e8tre de la s\u00e9curit\u00e9 routi\u00e8re \u2014 R\u00e9sultats 2023<\/h3>\n                <p class=\"authors\">Observatoire National Interminist\u00e9riel de la S\u00e9curit\u00e9 Routi\u00e8re (ONISR)<\/p>\n                <p class=\"journal\">La Documentation Fran\u00e7aise, 186 pages<\/p>\n                <p class=\"abstract\">Donn\u00e9es nationales sur l&rsquo;accidentalit\u00e9 routi\u00e8re. Analyse des facteurs contributifs, dont la somnolence (20% des accidents mortels sur autoroute) et les stup\u00e9fiants (23% tous r\u00e9seaux).<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2023<\/span>\n                    <a href=\"#\" class=\"doi\">securite-routiere.gouv.fr<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"prevention\">\n                <span class=\"biblio-type etude\">\u00c9tude<\/span>\n                <h3>Effectiveness of fatigue detection systems in preventing drowsy driving accidents<\/h3>\n                <p class=\"authors\">Wotuba D., Carter N., Fitch G.<\/p>\n                <p class=\"journal\">Accident Analysis &#038; Prevention, 142, 106027<\/p>\n                <p class=\"abstract\">\u00c9valuation de l&rsquo;efficacit\u00e9 des syst\u00e8mes AFIL et Driver Alert System. R\u00e9duction de 40% des sorties de voie involontaires chez les conducteurs \u00e9quip\u00e9s.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2020<\/span>\n                    <a href=\"#\" class=\"doi\">doi:10.1016\/j.aap.2020.106027<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"prevention\">\n                <span class=\"biblio-type revue\">Revue syst\u00e9matique<\/span>\n                <h3>Interventions for preventing drowsy driving: a systematic review<\/h3>\n                <p class=\"authors\">Watson N.F., Singh M., Anderson W.M., et al.<\/p>\n                <p class=\"journal\">Journal of Clinical Sleep Medicine, 17(5), 1381-1390<\/p>\n                <p class=\"abstract\">Revue de 35 \u00e9tudes \u00e9valuant les interventions pr\u00e9ventives : pauses programm\u00e9es, siestes, caf\u00e9ine, syst\u00e8mes d&rsquo;alerte, \u00e9ducation.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2021<\/span>\n                    <a href=\"#\" class=\"doi\">doi:10.5664\/jcsm.9118<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"prevention\">\n                <span class=\"biblio-type rapport\">Rapport<\/span>\n                <h3>Plan national de lutte contre les addictions 2023-2027<\/h3>\n                <p class=\"authors\">Minist\u00e8re des Solidarit\u00e9s et de la Sant\u00e9 \/ MILDECA<\/p>\n                <p class=\"journal\">Journal Officiel de la R\u00e9publique Fran\u00e7aise<\/p>\n                <p class=\"abstract\">Strat\u00e9gie nationale incluant la pr\u00e9vention des conduites addictives chez les conducteurs.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2023<\/span>\n                    <a href=\"#\" class=\"doi\">drogues.gouv.fr<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"prevention\">\n                <span class=\"biblio-type etude\">\u00c9tude<\/span>\n                <h3>Impact of awareness campaigns on drowsy driving behavior<\/h3>\n                <p class=\"authors\">Lagarde E., Orriac X., Chiron M., et al.<\/p>\n                <p class=\"journal\">Health Promotion International, 35(4), 856-865<\/p>\n                <p class=\"abstract\">\u00c9valuation de l&rsquo;impact des campagnes de la S\u00e9curit\u00e9 Routi\u00e8re sur la somnolence au volant entre 2008 et 2018. Augmentation de 25% de la prise de conscience.<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2020<\/span>\n                    <a href=\"#\" class=\"doi\">doi:10.1093\/heapro\/daaa025<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"biblio-card\" data-category=\"prevention\">\n                <span class=\"biblio-type these\">Th\u00e8se<\/span>\n                <h3>\u00c9ducation \u00e0 la s\u00e9curit\u00e9 routi\u00e8re et pr\u00e9vention de la somnolence<\/h3>\n                <p class=\"authors\">Dr. Sophie Martin \u2014 Universit\u00e9 Paris-Saclay<\/p>\n                <p class=\"journal\">Th\u00e8se de sant\u00e9 publique, 215 pages<\/p>\n                <p class=\"abstract\">\u00c9valuation d&rsquo;un programme \u00e9ducatif en milieu scolaire int\u00e9grant la somnolence, les drogues et l&rsquo;alcool. Am\u00e9lioration significative des connaissances (+42%).<\/p>\n                <div class=\"meta\">\n                    <span class=\"year\">2022<\/span>\n                    <a href=\"#\" class=\"doi\">Th\u00e8se n\u00b089\/2022<\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Footer -->\n<footer>\n    <div class=\"footer-content\">\n        <div class=\"footer-about\">\n            <h3>SomnoVigilance<\/h3>\n            <p>Centre de ressources d\u00e9di\u00e9 \u00e0 la compr\u00e9hension, au d\u00e9pistage et \u00e0 la pr\u00e9vention de la somnolence au volant et des conduites sous influence. Informations bas\u00e9es sur les donn\u00e9es scientifiques les plus r\u00e9centes.<\/p>\n            <p style=\"margin-top:1rem;font-size:0.8rem;opacity:0.85;\">\u26a0\ufe0f Ce site est \u00e0 vis\u00e9e informative et ne remplace pas une consultation m\u00e9dicale.<\/p>\n        <\/div>\n        <div class=\"footer-links\">\n            <h4>Navigation<\/h4>\n            <ul>\n                <li><a href=\"#causes\">Les causes<\/a><\/li>\n                <li><a href=\"#consequences\">Les cons\u00e9quences<\/a><\/li>\n                <li><a href=\"#depistage\">Le d\u00e9pistage<\/a><\/li>\n                <li><a href=\"#traitements\">Les traitements<\/a><\/li>\n                <li><a href=\"#drogues\">Drogues &#038; Conduite<\/a><\/li>\n                <li><a href=\"#prevention\">La pr\u00e9vention<\/a><\/li>\n                <li><a href=\"#publications\">\u00c9tudes<\/a><\/li>\n                <li><a href=\"#bibliographie\">Bibliographie<\/a><\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"footer-links\">\n            <h4>Ressources utiles<\/h4>\n            <ul>\n                <li><a href=\"#\">S\u00e9curit\u00e9 Routi\u00e8re<\/a><\/li>\n                <li><a href=\"#\">INSERM<\/a><\/li>\n                <li><a href=\"#\">SFRMS<\/a><\/li>\n                <li><a href=\"#\">MILDECA<\/a><\/li>\n                <li><a href=\"#\">OFDT<\/a><\/li>\n                <li><a href=\"#\">Drogues Info Service<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n        <p>\u00a9 2026 SomnoVigilance \u2014 Site de sensibilisation \u00e0 la somnolence au volant | Derni\u00e8re mise \u00e0 jour : Octobre 2026<\/p>\n    <\/div>\n<\/footer>\n\n<script>\n    window.addEventListener('scroll', () => {\n        const scrollTop = window.scrollY;\n        const docHeight = document.documentElement.scrollHeight - window.innerHeight;\n        const progress = (scrollTop \/ docHeight) * 100;\n        document.getElementById('scrollProgress').style.width = progress + '%';\n    });\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('visible');\n            }\n        });\n    }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n\n    document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n    const sections = document.querySelectorAll('section[id]');\n    window.addEventListener('scroll', () => {\n        const scrollY = window.scrollY + 100;\n        sections.forEach(section => {\n            const top = section.offsetTop;\n            const height = section.offsetHeight;\n            const id = section.getAttribute('id');\n            const link = document.querySelector(`nav ul li a[href=\"#${id}\"]`);\n            if (link) {\n                if (scrollY >= top && scrollY < top + height) {\n                    document.querySelectorAll('nav ul li a').forEach(a => a.classList.remove('active'));\n                    link.classList.add('active');\n                }\n            }\n        });\n    });\n\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function(e) {\n            e.preventDefault();\n            const target = document.querySelector(this.getAttribute('href'));\n            if (target) {\n                target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                document.getElementById('navMenu').classList.remove('open');\n            }\n        });\n    });\n\n    function filterBiblio(category, btn) {\n        document.querySelectorAll('.biblio-filter').forEach(b => b.classList.remove('active'));\n        btn.classList.add('active');\n        \n        const cards = document.querySelectorAll('.biblio-card');\n        cards.forEach(card => {\n            if (category === 'all' || card.dataset.category === category) {\n                card.style.display = 'block';\n                setTimeout(() => {\n                    card.style.opacity = '1';\n                    card.style.transform = 'translateY(0)';\n                }, 10);\n            } else {\n                card.style.opacity = '0';\n                card.style.transform = 'translateY(10px)';\n                setTimeout(() => {\n                    card.style.display = 'none';\n                }, 300);\n            }\n        });\n    }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Somnolence au Volant \u2014 Centre de Ressources SomnoVigilance Causes Cons\u00e9quences D\u00e9pistage Traitements Drogues Pr\u00e9vention \u00c9tudes Bibliographie \u26a0\ufe0f Sant\u00e9 Publique &#038; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/simplifions.org\/index.php\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simplifions.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/simplifions.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/simplifions.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simplifions.org\/index.php\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":1,"href":"https:\/\/simplifions.org\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/simplifions.org\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/simplifions.org\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}