Fiche d\u2019Auto\u00e9valuation \u2013 Syst\u00e8me Nerveux<\/title>\n <meta name=\"description\" content=\"Auto\u00e9valuation du stress chronique : 15 items not\u00e9s de 0 \u00e0 3, score en temps r\u00e9el, interpr\u00e9tation et impression PDF.\">\n <style>\n :root{\n --bg: #0f172a; \/* slate-900 *\/\n --panel: #111827; \/* gray-900 *\/\n --card: #0b1222; \/* deep navy *\/\n --ink: #e5e7eb; \/* gray-200 *\/\n --muted: #94a3b8; \/* slate-400 *\/\n --accent: #22c55e; \/* green-500 *\/\n --accent-2:#60a5fa; \/* blue-400 *\/\n --warn: #f59e0b; \/* amber-500 *\/\n --danger:#ef4444; \/* red-500 *\/\n --chip:#1f2937; \/* gray-800 *\/\n --chip-on:#16a34a; \/* green-600 *\/\n --border:#1f2937;\n --shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03);\n }\n *{box-sizing:border-box}\n html,body{height:100%}\n body{\n margin:0;\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Apple Color Emoji\", \"Segoe UI Emoji\";\n color:var(--ink);\n background:\n radial-gradient(1200px 600px at 10% -10%, rgba(96,165,250,.12), transparent 60%),\n radial-gradient(1000px 500px at 90% 0%, rgba(34,197,94,.10), transparent 60%),\n linear-gradient(180deg, var(--bg), #030712 65%);\n line-height:1.55;\n }\n .container{max-width:980px;margin:0 auto;padding:24px}\n header{\n background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)) ;\n border:1px solid var(--border);\n border-radius:20px;\n padding:28px;\n box-shadow: var(--shadow);\n }\n h1{\n margin:0 0 6px;\n font-size: clamp(1.6rem, 1.1rem + 2vw, 2.2rem);\n letter-spacing:.2px\n }\n .subtitle{color:var(--muted); margin-top:8px}\n .meta{\n display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:.95rem\n }\n .badge{\n background:#0a0f1c;border:1px solid var(--border);padding:6px 10px;border-radius:999px\n }\n .controls{\n display:flex;flex-wrap:wrap;gap:10px;margin-top:18px\n }\n .btn{\n appearance:none;border:0;border-radius:12px;padding:10px 14px;cursor:pointer;\n font-weight:600;display:inline-flex;align-items:center;gap:8px;\n background:linear-gradient(180deg, #0e1a2f, #0a1322);\n border:1px solid var(--border); color:var(--ink); box-shadow: var(--shadow);\n }\n .btn.primary{background:linear-gradient(180deg, #0e2f1b, #0a2215); border-color:#124c2d}\n .btn:hover{transform:translateY(-1px)}\n .btn:active{transform:translateY(0)}\n .grid{\n display:grid;gap:18px;margin-top:22px\n }\n @media (min-width:900px){ .grid{grid-template-columns: 1.1fr .9fr} }\n\n .panel{\n background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));\n border:1px solid var(--border); border-radius:18px; padding:20px; box-shadow: var(--shadow);\n }\n .legend{\n display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.95rem;margin-top:6px\n }\n .legend .key{display:inline-flex;gap:6px;align-items:center}\n .key .dot{width:10px;height:10px;border-radius:3px;background:var(--chip-on);display:inline-block}\n\n .scorecard{\n position:sticky; top:16px\n }\n .score{\n font-size: clamp(1.2rem, .9rem + 1.2vw, 1.6rem);\n margin:0 0 12px\n }\n .progress-wrap{\n background:#0a0f1c;border:1px solid var(--border);border-radius:12px;padding:8px\n }\n progress{\n width:100%;height:16px;border-radius:8px;overflow:hidden;appearance:none\n }\n progress::-webkit-progress-bar{background:#0b1222}\n progress::-webkit-progress-value{background:linear-gradient(90deg, var(--accent), var(--accent-2))}\n progress::-moz-progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2))}\n\n .interp{\n margin-top:12px; padding:12px 14px;border-radius:12px;border:1px solid var(--border);\n background: #0a0f1c; box-shadow: inset 0 1px 0 rgba(255,255,255,.02);\n }\n .interp p{margin:.2rem 0}\n .tag{font-weight:700}\n .tag.ok{color:var(--accent)}\n .tag.mid{color:var(--warn)}\n .tag.high{color:var(--danger)}\n\n \/* Questions *\/\n form{margin-top:10px}\n fieldset{\n border:1px solid var(--border);\n background:linear-gradient(180deg, #0a0f1c, rgba(10,15,28,.6));\n border-radius:16px; padding:14px 14px 12px; margin:0 0 14px;\n }\n legend{\n padding:0 8px; font-weight:700; color:#f8fafc; letter-spacing:.2px\n }\n .q{\n display:grid; gap:10px; align-items:center;\n padding:12px 10px; border-radius:12px;\n }\n .q + .q{border-top:1px dashed #172036; padding-top:16px}\n .q-label{font-size:1rem}\n .options{\n display:grid; grid-auto-flow:column; justify-content:start; gap:8px; width:max-content\n }\n .chip{\n --ring:transparent;\n position:relative; display:inline-flex; align-items:center; gap:6px;\n background:var(--chip); border:1px solid #0f1b2f; color:#dbeafe; border-radius:999px;\n padding:6px 10px; cursor:pointer; user-select:none; transition:.15s transform;\n box-shadow: inset 0 1px 0 rgba(255,255,255,.04);\n }\n .chip:hover{transform:translateY(-1px)}\n .chip input{position:absolute; inset:0; opacity:0; cursor:pointer}\n .chip[data-checked=\"true\"]{\n background:linear-gradient(180deg, #0f2a18, #0c2214); border-color:#14532d;\n color:#ecfdf5; box-shadow: 0 0 0 2px var(--chip-on) inset;\n }\n .chip small{opacity:.8}\n\n .footer-note{\n color:var(--muted); font-size:.9rem; margin-top:16px\n }\n\n \/* Impression *\/\n @page{ size: A4 portrait; margin: 16mm }\n @media print{\n body{background:white;color:black}\n header, .controls{display:none !important}\n .container{max-width:none;padding:0}\n .panel, fieldset{background:white;border:1px solid #999; box-shadow:none}\n .interp{border-color:#999}\n .q + .q{border-top:1px dashed #bbb}\n .scorecard{position:static}\n a[href]:after{content:\"\"}\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header class=\"panel\">\n <h1>\ud83d\udcdd Fiche d\u2019Auto\u00e9valuation \u2013 \u00c9tat de ton Syst\u00e8me Nerveux<\/h1>\n <p class=\"subtitle\">\n Mode d\u2019emploi : lis chaque affirmation et attribue-toi une note de <strong>0 \u00e0 3<\/strong> selon ta fr\u00e9quence.\n <br>0 = Jamais \u2022 1 = Rarement \u2022 2 = Souvent \u2022 3 = Tr\u00e8s souvent\n <\/p>\n <div class=\"meta\">\n <span class=\"badge\">Calcul du score en temps r\u00e9el<\/span>\n <span class=\"badge\">Interpr\u00e9tation automatique<\/span>\n <span class=\"badge\">Impression \/ PDF<\/span>\n <span class=\"badge\">R\u00e9initialiser<\/span>\n <\/div>\n <div class=\"controls\">\n <button id=\"printBtn\" class=\"btn primary\" type=\"button\">\ud83d\udda8\ufe0f Imprimer \/ Exporter en PDF<\/button>\n <button id=\"resetBtn\" class=\"btn\" type=\"button\">\u21ba R\u00e9initialiser<\/button>\n <\/div>\n <div class=\"legend\">\n <span class=\"key\"><span class=\"dot\" aria-hidden=\"true\"><\/span> S\u00e9lection = valeur prise en compte<\/span>\n <\/div>\n <\/header>\n\n <section class=\"grid\">\n <div class=\"panel\">\n <form id=\"form\" autocomplete=\"off\">\n \n <fieldset>\n <legend>\ud83e\udde0 \u00c9tat \u00e9motionnel et mental<\/legend>\n\n <div class=\"q\" data-question=\"1\">\n <div class=\"q-label\">Je me sens tendu(e) m\u00eame sans raison apparente.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Tension apparente\">\n \n <\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"2\">\n <div class=\"q-label\">J\u2019ai des pens\u00e9es en boucle, du mal \u00e0 d\u00e9crocher.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Pens\u00e9es en boucle\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"3\">\n <div class=\"q-label\">Je suis souvent en \u00e9tat d\u2019alerte, comme \u201caux aguets\u201d.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"\u00c9tat d\u2019alerte\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"4\">\n <div class=\"q-label\">Je r\u00e9agis de mani\u00e8re excessive \u00e0 de petits \u00e9v\u00e9nements.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"R\u00e9actions excessives\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"5\">\n <div class=\"q-label\">Je ressens une anxi\u00e9t\u00e9 diffuse m\u00eame quand tout semble aller.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Anxi\u00e9t\u00e9 diffuse\"><\/div>\n <\/div>\n <\/fieldset>\n\n \n <fieldset>\n <legend>\u26a1 Corps et \u00e9nergie<\/legend>\n\n <div class=\"q\" data-question=\"6\">\n <div class=\"q-label\">J\u2019ai des douleurs ou tensions sans cause pr\u00e9cise.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Douleurs ou tensions\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"7\">\n <div class=\"q-label\">Mon sommeil est l\u00e9ger, entrecoup\u00e9 ou peu r\u00e9parateur.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Qualit\u00e9 du sommeil\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"8\">\n <div class=\"q-label\">Je me sens \u00e9puis\u00e9(e) malgr\u00e9 le repos.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"\u00c9puisement malgr\u00e9 repos\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"9\">\n <div class=\"q-label\">Je dig\u00e8re mal certains aliments, ou je ballonne souvent.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Digestion\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"10\">\n <div class=\"q-label\">Je ressens parfois des palpitations ou une oppression thoracique.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Palpitations \/ oppression\"><\/div>\n <\/div>\n <\/fieldset>\n\n \n <fieldset>\n <legend>\ud83c\udfaf Cognition et concentration<\/legend>\n\n <div class=\"q\" data-question=\"11\">\n <div class=\"q-label\">J\u2019ai du mal \u00e0 me concentrer longtemps.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Concentration\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"12\">\n <div class=\"q-label\">J\u2019ai la sensation d\u2019un \u201cbrouillard mental\u201d.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Brouillard mental\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"13\">\n <div class=\"q-label\">Je suis facilement distrait(e) ou satur\u00e9(e).<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Distraction \/ saturation\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"14\">\n <div class=\"q-label\">Je me sens \u201c\u00e0 c\u00f4t\u00e9 de moi-m\u00eame\u201d ou d\u00e9connect\u00e9(e).<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"D\u00e9connexion\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"15\">\n <div class=\"q-label\">J\u2019ai souvent des oublis (mots, id\u00e9es, objets).<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Oublis\"><\/div>\n <\/div>\n <\/fieldset>\n\n <p class=\"footer-note\">\u2139\ufe0f Ce questionnaire est un outil d\u2019auto-observation et ne remplace pas un avis m\u00e9dical.<\/p>\n <\/form>\n <\/div>\n\n <aside class=\"panel scorecard\" aria-live=\"polite\">\n <h2 class=\"score\">Score total : <span id=\"score\">0<\/span> \/ <span id=\"max\">45<\/span><\/h2>\n <div class=\"progress-wrap\" aria-hidden=\"true\"><progress id=\"progress\" value=\"0\" max=\"45\"><\/progress><\/div>\n <div class=\"interp\" id=\"interp\">\n <p><strong class=\"tag ok\">0 \u00e0 15<\/strong> \u2192 \u00c9quilibre nerveux globalement bon. Continue \u00e0 l\u2019entretenir.<\/p>\n <p><strong class=\"tag mid\">16 \u00e0 25<\/strong> \u2192 Surcharge l\u00e9g\u00e8re \u00e0 mod\u00e9r\u00e9e. Il est temps d\u2019agir en douceur.<\/p>\n <p><strong class=\"tag high\">26 \u00e0 45<\/strong> \u2192 Surcharge chronique. Le protocole complet est une n\u00e9cessit\u00e9.<\/p>\n <p id=\"currentRange\" style=\"margin-top:8px\">Interpr\u00e9tation actuelle : <strong>0\u201315 (\u00e9quilibre)<\/strong><\/p>\n <\/div>\n <\/aside>\n <\/section>\n <\/div>\n\n <script>\n (function(){\n const form = document.getElementById('form');\n const scoreEl = document.getElementById('score');\n const maxEl = document.getElementById('max');\n const progress = document.getElementById('progress');\n const currentRange = document.getElementById('currentRange');\n const resetBtn = document.getElementById('resetBtn');\n const printBtn = document.getElementById('printBtn');\n\n const MAX = 45;\n maxEl.textContent = MAX;\n\n \/\/ Cr\u00e9e dynamiquement les puces 0..3 pour chaque question\n const optionTemplate = (name) => {\n const wrapper = document.createDocumentFragment();\n for (let v = 0; v <= 3; v++){\n const id = `${name}_${v}`;\n const label = document.createElement('label');\n label.className = 'chip';\n label.setAttribute('data-value', v);\n\n const input = document.createElement('input');\n input.type = 'radio';\n input.name = name;\n input.id = id;\n input.value = String(v);\n input.setAttribute('aria-label', String(v));\n\n const txt = document.createElement('span');\n txt.innerHTML = `<strong>${v}<\/strong> <small>${v===0?'Jamais':v===1?'Rarement':v===2?'Souvent':'Tr\u00e8s souvent'}<\/small>`;\n\n label.appendChild(input);\n label.appendChild(txt);\n wrapper.appendChild(label);\n }\n return wrapper;\n };\n\n \/\/ Injecte les options dans chaque .options\n document.querySelectorAll('.q').forEach((q,i)=>{\n const opts = q.querySelector('.options');\n const name = `q${String(i+1).padStart(2,'0')}`;\n opts.appendChild(optionTemplate(name));\n });\n\n \/\/ Gestion de l'\u00e9tat visuel \"s\u00e9lectionn\u00e9\"\n function updateChipsState(container){\n container.querySelectorAll('.chip').forEach(ch => {\n const input = ch.querySelector('input');\n ch.dataset.checked = input.checked ? 'true' : 'false';\n });\n }\n document.querySelectorAll('.options').forEach(opts=>{\n opts.addEventListener('change', () => updateChipsState(opts));\n \/\/ init\n updateChipsState(opts);\n });\n\n \/\/ Lecture\/\u00e9criture localStorage\n const STORAGE_KEY = 'autoeval_systeme_nerveux_v1';\n function saveState(){\n const data = {};\n new FormData(form).forEach((v,k)=> data[k]=v);\n localStorage.setItem(STORAGE_KEY, JSON.stringify(data));\n }\n function loadState(){\n const raw = localStorage.getItem(STORAGE_KEY);\n if(!raw) return;\n try{\n const data = JSON.parse(raw);\n Object.entries(data).forEach(([k,v])=>{\n const input = form.querySelector(`input[name=\"${k}\"][value=\"${v}\"]`);\n if(input){ input.checked = true; }\n });\n document.querySelectorAll('.options').forEach(updateChipsState);\n }catch(e){}\n }\n\n \/\/ Calcul du score + interpr\u00e9tation\n function compute(){\n let total = 0, answered = 0;\n const radios = form.querySelectorAll('input[type=\"radio\"]');\n \/\/ Regrouper par name\n const perQ = {};\n radios.forEach(r => {\n if(r.checked){\n total += Number(r.value);\n answered++;\n }\n perQ[r.name] = perQ[r.name] || 0;\n });\n\n scoreEl.textContent = String(total);\n progress.value = total;\n\n \/\/ Interp\n let label, rangeText;\n if(total <= 15) { label = '0\u201315 (\u00e9quilibre)'; }\n else if(total <= 25) { label = '16\u201325 (surcharge l\u00e9g\u00e8re \u00e0 mod\u00e9r\u00e9e)'; }\n else { label = '26\u201345 (surcharge chronique)'; }\n currentRange.innerHTML = 'Interpr\u00e9tation actuelle : <strong>' + label + '<\/strong>';\n\n \/\/ Sauvegarde\n saveState();\n }\n\n \/\/ \u00c9couteur global\n form.addEventListener('change', compute);\n\n \/\/ Boutons\n resetBtn.addEventListener('click', ()=>{\n form.reset();\n document.querySelectorAll('.options').forEach(updateChipsState);\n localStorage.removeItem(STORAGE_KEY);\n compute();\n window.scrollTo({top:0, behavior:'smooth'});\n });\n printBtn.addEventListener('click', ()=> window.print());\n\n \/\/ Initialisation\n loadState();\n compute();\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/protocole-csr.com\/wp-content\/uploads\/2025\/08\/Extrait_Protocole_Stress_Systeme_Nerveux_p1-22.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Contenu embarqu\u00e9 Extrait_Protocole_Stress_Systeme_Nerveux_p1-22.\"><\/object><a id=\"wp-block-file--media-0314f89e-19bc-4997-b7dd-e3e8dac3a794\" href=\"https:\/\/protocole-csr.com\/wp-content\/uploads\/2025\/08\/Extrait_Protocole_Stress_Systeme_Nerveux_p1-22.pdf\">Extrait_Protocole_Stress_Systeme_Nerveux_p1-22<\/a><a href=\"https:\/\/protocole-csr.com\/wp-content\/uploads\/2025\/08\/Extrait_Protocole_Stress_Systeme_Nerveux_p1-22.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-0314f89e-19bc-4997-b7dd-e3e8dac3a794\">T\u00e9l\u00e9charger<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Fiche d\u2019Auto\u00e9valuation \u2013 Syst\u00e8me Nerveux \ud83d\udcdd Fiche d\u2019Auto\u00e9valuation \u2013 \u00c9tat de ton Syst\u00e8me Nerveux Mode d\u2019emploi : lis chaque affirmation et attribue-toi une note de 0 \u00e0 3 selon ta fr\u00e9quence. 0 = Jamais \u2022 1 = Rarement \u2022 2 = Souvent \u2022 3 = Tr\u00e8s souvent Calcul du score en temps r\u00e9el Interpr\u00e9tation automatique […]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","edd-categories":[],"edd-tags":[],"class_list":["post-1292","download","type-download","status-publish","hentry","edd-download"],"blocksy_meta":[],"aioseo_notices":[],"acf":[],"_links":{"self":[{"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/edd-downloads\/1292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/edd-downloads"}],"about":[{"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/types\/download"}],"author":[{"embeddable":true,"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/edd-downloads\/1292\/revisions"}],"predecessor-version":[{"id":1296,"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/edd-downloads\/1292\/revisions\/1296"}],"wp:attachment":[{"href":"https:\/\/protocole-csr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1292"}],"wp:term":[{"taxonomy":"download_category","embeddable":true,"href":"https:\/\/protocole-csr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fedd-categories&post=1292"},{"taxonomy":"download_tag","embeddable":true,"href":"https:\/\/protocole-csr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fedd-tags&post=1292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1292,"date":"2025-08-21T22:04:37","date_gmt":"2025-08-21T21:04:37","guid":{"rendered":"https:\/\/protocole-csr.com\/?post_type=download&p=1292"},"modified":"2025-08-21T22:17:42","modified_gmt":"2025-08-21T21:17:42","slug":"%f0%9f%93%9d-fiche-dautoevaluation-etat-de-ton-systeme-nerveux","status":"publish","type":"download","link":"https:\/\/protocole-csr.com\/?download=%f0%9f%93%9d-fiche-dautoevaluation-etat-de-ton-systeme-nerveux","title":{"rendered":"\ud83d\udcdd Fiche d\u2019Auto\u00e9valuation \u2013 \u00c9tat de ton Syst\u00e8me Nerveux"},"content":{"rendered":"\n\n\n\n \n \n Fiche d\u2019Auto\u00e9valuation \u2013 Syst\u00e8me Nerveux<\/title>\n <meta name=\"description\" content=\"Auto\u00e9valuation du stress chronique : 15 items not\u00e9s de 0 \u00e0 3, score en temps r\u00e9el, interpr\u00e9tation et impression PDF.\">\n <style>\n :root{\n --bg: #0f172a; \/* slate-900 *\/\n --panel: #111827; \/* gray-900 *\/\n --card: #0b1222; \/* deep navy *\/\n --ink: #e5e7eb; \/* gray-200 *\/\n --muted: #94a3b8; \/* slate-400 *\/\n --accent: #22c55e; \/* green-500 *\/\n --accent-2:#60a5fa; \/* blue-400 *\/\n --warn: #f59e0b; \/* amber-500 *\/\n --danger:#ef4444; \/* red-500 *\/\n --chip:#1f2937; \/* gray-800 *\/\n --chip-on:#16a34a; \/* green-600 *\/\n --border:#1f2937;\n --shadow: 0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.03);\n }\n *{box-sizing:border-box}\n html,body{height:100%}\n body{\n margin:0;\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", \"Apple Color Emoji\", \"Segoe UI Emoji\";\n color:var(--ink);\n background:\n radial-gradient(1200px 600px at 10% -10%, rgba(96,165,250,.12), transparent 60%),\n radial-gradient(1000px 500px at 90% 0%, rgba(34,197,94,.10), transparent 60%),\n linear-gradient(180deg, var(--bg), #030712 65%);\n line-height:1.55;\n }\n .container{max-width:980px;margin:0 auto;padding:24px}\n header{\n background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)) ;\n border:1px solid var(--border);\n border-radius:20px;\n padding:28px;\n box-shadow: var(--shadow);\n }\n h1{\n margin:0 0 6px;\n font-size: clamp(1.6rem, 1.1rem + 2vw, 2.2rem);\n letter-spacing:.2px\n }\n .subtitle{color:var(--muted); margin-top:8px}\n .meta{\n display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:.95rem\n }\n .badge{\n background:#0a0f1c;border:1px solid var(--border);padding:6px 10px;border-radius:999px\n }\n .controls{\n display:flex;flex-wrap:wrap;gap:10px;margin-top:18px\n }\n .btn{\n appearance:none;border:0;border-radius:12px;padding:10px 14px;cursor:pointer;\n font-weight:600;display:inline-flex;align-items:center;gap:8px;\n background:linear-gradient(180deg, #0e1a2f, #0a1322);\n border:1px solid var(--border); color:var(--ink); box-shadow: var(--shadow);\n }\n .btn.primary{background:linear-gradient(180deg, #0e2f1b, #0a2215); border-color:#124c2d}\n .btn:hover{transform:translateY(-1px)}\n .btn:active{transform:translateY(0)}\n .grid{\n display:grid;gap:18px;margin-top:22px\n }\n @media (min-width:900px){ .grid{grid-template-columns: 1.1fr .9fr} }\n\n .panel{\n background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));\n border:1px solid var(--border); border-radius:18px; padding:20px; box-shadow: var(--shadow);\n }\n .legend{\n display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.95rem;margin-top:6px\n }\n .legend .key{display:inline-flex;gap:6px;align-items:center}\n .key .dot{width:10px;height:10px;border-radius:3px;background:var(--chip-on);display:inline-block}\n\n .scorecard{\n position:sticky; top:16px\n }\n .score{\n font-size: clamp(1.2rem, .9rem + 1.2vw, 1.6rem);\n margin:0 0 12px\n }\n .progress-wrap{\n background:#0a0f1c;border:1px solid var(--border);border-radius:12px;padding:8px\n }\n progress{\n width:100%;height:16px;border-radius:8px;overflow:hidden;appearance:none\n }\n progress::-webkit-progress-bar{background:#0b1222}\n progress::-webkit-progress-value{background:linear-gradient(90deg, var(--accent), var(--accent-2))}\n progress::-moz-progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2))}\n\n .interp{\n margin-top:12px; padding:12px 14px;border-radius:12px;border:1px solid var(--border);\n background: #0a0f1c; box-shadow: inset 0 1px 0 rgba(255,255,255,.02);\n }\n .interp p{margin:.2rem 0}\n .tag{font-weight:700}\n .tag.ok{color:var(--accent)}\n .tag.mid{color:var(--warn)}\n .tag.high{color:var(--danger)}\n\n \/* Questions *\/\n form{margin-top:10px}\n fieldset{\n border:1px solid var(--border);\n background:linear-gradient(180deg, #0a0f1c, rgba(10,15,28,.6));\n border-radius:16px; padding:14px 14px 12px; margin:0 0 14px;\n }\n legend{\n padding:0 8px; font-weight:700; color:#f8fafc; letter-spacing:.2px\n }\n .q{\n display:grid; gap:10px; align-items:center;\n padding:12px 10px; border-radius:12px;\n }\n .q + .q{border-top:1px dashed #172036; padding-top:16px}\n .q-label{font-size:1rem}\n .options{\n display:grid; grid-auto-flow:column; justify-content:start; gap:8px; width:max-content\n }\n .chip{\n --ring:transparent;\n position:relative; display:inline-flex; align-items:center; gap:6px;\n background:var(--chip); border:1px solid #0f1b2f; color:#dbeafe; border-radius:999px;\n padding:6px 10px; cursor:pointer; user-select:none; transition:.15s transform;\n box-shadow: inset 0 1px 0 rgba(255,255,255,.04);\n }\n .chip:hover{transform:translateY(-1px)}\n .chip input{position:absolute; inset:0; opacity:0; cursor:pointer}\n .chip[data-checked=\"true\"]{\n background:linear-gradient(180deg, #0f2a18, #0c2214); border-color:#14532d;\n color:#ecfdf5; box-shadow: 0 0 0 2px var(--chip-on) inset;\n }\n .chip small{opacity:.8}\n\n .footer-note{\n color:var(--muted); font-size:.9rem; margin-top:16px\n }\n\n \/* Impression *\/\n @page{ size: A4 portrait; margin: 16mm }\n @media print{\n body{background:white;color:black}\n header, .controls{display:none !important}\n .container{max-width:none;padding:0}\n .panel, fieldset{background:white;border:1px solid #999; box-shadow:none}\n .interp{border-color:#999}\n .q + .q{border-top:1px dashed #bbb}\n .scorecard{position:static}\n a[href]:after{content:\"\"}\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <header class=\"panel\">\n <h1>\ud83d\udcdd Fiche d\u2019Auto\u00e9valuation \u2013 \u00c9tat de ton Syst\u00e8me Nerveux<\/h1>\n <p class=\"subtitle\">\n Mode d\u2019emploi : lis chaque affirmation et attribue-toi une note de <strong>0 \u00e0 3<\/strong> selon ta fr\u00e9quence.\n <br>0 = Jamais \u2022 1 = Rarement \u2022 2 = Souvent \u2022 3 = Tr\u00e8s souvent\n <\/p>\n <div class=\"meta\">\n <span class=\"badge\">Calcul du score en temps r\u00e9el<\/span>\n <span class=\"badge\">Interpr\u00e9tation automatique<\/span>\n <span class=\"badge\">Impression \/ PDF<\/span>\n <span class=\"badge\">R\u00e9initialiser<\/span>\n <\/div>\n <div class=\"controls\">\n <button id=\"printBtn\" class=\"btn primary\" type=\"button\">\ud83d\udda8\ufe0f Imprimer \/ Exporter en PDF<\/button>\n <button id=\"resetBtn\" class=\"btn\" type=\"button\">\u21ba R\u00e9initialiser<\/button>\n <\/div>\n <div class=\"legend\">\n <span class=\"key\"><span class=\"dot\" aria-hidden=\"true\"><\/span> S\u00e9lection = valeur prise en compte<\/span>\n <\/div>\n <\/header>\n\n <section class=\"grid\">\n <div class=\"panel\">\n <form id=\"form\" autocomplete=\"off\">\n \n <fieldset>\n <legend>\ud83e\udde0 \u00c9tat \u00e9motionnel et mental<\/legend>\n\n <div class=\"q\" data-question=\"1\">\n <div class=\"q-label\">Je me sens tendu(e) m\u00eame sans raison apparente.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Tension apparente\">\n \n <\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"2\">\n <div class=\"q-label\">J\u2019ai des pens\u00e9es en boucle, du mal \u00e0 d\u00e9crocher.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Pens\u00e9es en boucle\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"3\">\n <div class=\"q-label\">Je suis souvent en \u00e9tat d\u2019alerte, comme \u201caux aguets\u201d.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"\u00c9tat d\u2019alerte\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"4\">\n <div class=\"q-label\">Je r\u00e9agis de mani\u00e8re excessive \u00e0 de petits \u00e9v\u00e9nements.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"R\u00e9actions excessives\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"5\">\n <div class=\"q-label\">Je ressens une anxi\u00e9t\u00e9 diffuse m\u00eame quand tout semble aller.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Anxi\u00e9t\u00e9 diffuse\"><\/div>\n <\/div>\n <\/fieldset>\n\n \n <fieldset>\n <legend>\u26a1 Corps et \u00e9nergie<\/legend>\n\n <div class=\"q\" data-question=\"6\">\n <div class=\"q-label\">J\u2019ai des douleurs ou tensions sans cause pr\u00e9cise.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Douleurs ou tensions\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"7\">\n <div class=\"q-label\">Mon sommeil est l\u00e9ger, entrecoup\u00e9 ou peu r\u00e9parateur.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Qualit\u00e9 du sommeil\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"8\">\n <div class=\"q-label\">Je me sens \u00e9puis\u00e9(e) malgr\u00e9 le repos.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"\u00c9puisement malgr\u00e9 repos\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"9\">\n <div class=\"q-label\">Je dig\u00e8re mal certains aliments, ou je ballonne souvent.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Digestion\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"10\">\n <div class=\"q-label\">Je ressens parfois des palpitations ou une oppression thoracique.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Palpitations \/ oppression\"><\/div>\n <\/div>\n <\/fieldset>\n\n \n <fieldset>\n <legend>\ud83c\udfaf Cognition et concentration<\/legend>\n\n <div class=\"q\" data-question=\"11\">\n <div class=\"q-label\">J\u2019ai du mal \u00e0 me concentrer longtemps.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Concentration\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"12\">\n <div class=\"q-label\">J\u2019ai la sensation d\u2019un \u201cbrouillard mental\u201d.<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Brouillard mental\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"13\">\n <div class=\"q-label\">Je suis facilement distrait(e) ou satur\u00e9(e).<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Distraction \/ saturation\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"14\">\n <div class=\"q-label\">Je me sens \u201c\u00e0 c\u00f4t\u00e9 de moi-m\u00eame\u201d ou d\u00e9connect\u00e9(e).<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"D\u00e9connexion\"><\/div>\n <\/div>\n\n <div class=\"q\" data-question=\"15\">\n <div class=\"q-label\">J\u2019ai souvent des oublis (mots, id\u00e9es, objets).<\/div>\n <div class=\"options\" role=\"radiogroup\" aria-label=\"Oublis\"><\/div>\n <\/div>\n <\/fieldset>\n\n <p class=\"footer-note\">\u2139\ufe0f Ce questionnaire est un outil d\u2019auto-observation et ne remplace pas un avis m\u00e9dical.<\/p>\n <\/form>\n <\/div>\n\n <aside class=\"panel scorecard\" aria-live=\"polite\">\n <h2 class=\"score\">Score total : <span id=\"score\">0<\/span> \/ <span id=\"max\">45<\/span><\/h2>\n <div class=\"progress-wrap\" aria-hidden=\"true\"><progress id=\"progress\" value=\"0\" max=\"45\"><\/progress><\/div>\n <div class=\"interp\" id=\"interp\">\n <p><strong class=\"tag ok\">0 \u00e0 15<\/strong> \u2192 \u00c9quilibre nerveux globalement bon. Continue \u00e0 l\u2019entretenir.<\/p>\n <p><strong class=\"tag mid\">16 \u00e0 25<\/strong> \u2192 Surcharge l\u00e9g\u00e8re \u00e0 mod\u00e9r\u00e9e. Il est temps d\u2019agir en douceur.<\/p>\n <p><strong class=\"tag high\">26 \u00e0 45<\/strong> \u2192 Surcharge chronique. Le protocole complet est une n\u00e9cessit\u00e9.<\/p>\n <p id=\"currentRange\" style=\"margin-top:8px\">Interpr\u00e9tation actuelle : <strong>0\u201315 (\u00e9quilibre)<\/strong><\/p>\n <\/div>\n <\/aside>\n <\/section>\n <\/div>\n\n <script>\n (function(){\n const form = document.getElementById('form');\n const scoreEl = document.getElementById('score');\n const maxEl = document.getElementById('max');\n const progress = document.getElementById('progress');\n const currentRange = document.getElementById('currentRange');\n const resetBtn = document.getElementById('resetBtn');\n const printBtn = document.getElementById('printBtn');\n\n const MAX = 45;\n maxEl.textContent = MAX;\n\n \/\/ Cr\u00e9e dynamiquement les puces 0..3 pour chaque question\n const optionTemplate = (name) => {\n const wrapper = document.createDocumentFragment();\n for (let v = 0; v <= 3; v++){\n const id = `${name}_${v}`;\n const label = document.createElement('label');\n label.className = 'chip';\n label.setAttribute('data-value', v);\n\n const input = document.createElement('input');\n input.type = 'radio';\n input.name = name;\n input.id = id;\n input.value = String(v);\n input.setAttribute('aria-label', String(v));\n\n const txt = document.createElement('span');\n txt.innerHTML = `<strong>${v}<\/strong> <small>${v===0?'Jamais':v===1?'Rarement':v===2?'Souvent':'Tr\u00e8s souvent'}<\/small>`;\n\n label.appendChild(input);\n label.appendChild(txt);\n wrapper.appendChild(label);\n }\n return wrapper;\n };\n\n \/\/ Injecte les options dans chaque .options\n document.querySelectorAll('.q').forEach((q,i)=>{\n const opts = q.querySelector('.options');\n const name = `q${String(i+1).padStart(2,'0')}`;\n opts.appendChild(optionTemplate(name));\n });\n\n \/\/ Gestion de l'\u00e9tat visuel \"s\u00e9lectionn\u00e9\"\n function updateChipsState(container){\n container.querySelectorAll('.chip').forEach(ch => {\n const input = ch.querySelector('input');\n ch.dataset.checked = input.checked ? 'true' : 'false';\n });\n }\n document.querySelectorAll('.options').forEach(opts=>{\n opts.addEventListener('change', () => updateChipsState(opts));\n \/\/ init\n updateChipsState(opts);\n });\n\n \/\/ Lecture\/\u00e9criture localStorage\n const STORAGE_KEY = 'autoeval_systeme_nerveux_v1';\n function saveState(){\n const data = {};\n new FormData(form).forEach((v,k)=> data[k]=v);\n localStorage.setItem(STORAGE_KEY, JSON.stringify(data));\n }\n function loadState(){\n const raw = localStorage.getItem(STORAGE_KEY);\n if(!raw) return;\n try{\n const data = JSON.parse(raw);\n Object.entries(data).forEach(([k,v])=>{\n const input = form.querySelector(`input[name=\"${k}\"][value=\"${v}\"]`);\n if(input){ input.checked = true; }\n });\n document.querySelectorAll('.options').forEach(updateChipsState);\n }catch(e){}\n }\n\n \/\/ Calcul du score + interpr\u00e9tation\n function compute(){\n let total = 0, answered = 0;\n const radios = form.querySelectorAll('input[type=\"radio\"]');\n \/\/ Regrouper par name\n const perQ = {};\n radios.forEach(r => {\n if(r.checked){\n total += Number(r.value);\n answered++;\n }\n perQ[r.name] = perQ[r.name] || 0;\n });\n\n scoreEl.textContent = String(total);\n progress.value = total;\n\n \/\/ Interp\n let label, rangeText;\n if(total <= 15) { label = '0\u201315 (\u00e9quilibre)'; }\n else if(total <= 25) { label = '16\u201325 (surcharge l\u00e9g\u00e8re \u00e0 mod\u00e9r\u00e9e)'; }\n else { label = '26\u201345 (surcharge chronique)'; }\n currentRange.innerHTML = 'Interpr\u00e9tation actuelle : <strong>' + label + '<\/strong>';\n\n \/\/ Sauvegarde\n saveState();\n }\n\n \/\/ \u00c9couteur global\n form.addEventListener('change', compute);\n\n \/\/ Boutons\n resetBtn.addEventListener('click', ()=>{\n form.reset();\n document.querySelectorAll('.options').forEach(updateChipsState);\n localStorage.removeItem(STORAGE_KEY);\n compute();\n window.scrollTo({top:0, behavior:'smooth'});\n });\n printBtn.addEventListener('click', ()=> window.print());\n\n \/\/ Initialisation\n loadState();\n compute();\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/protocole-csr.com\/wp-content\/uploads\/2025\/08\/Extrait_Protocole_Stress_Systeme_Nerveux_p1-22.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Contenu embarqu\u00e9 Extrait_Protocole_Stress_Systeme_Nerveux_p1-22.\"><\/object><a id=\"wp-block-file--media-0314f89e-19bc-4997-b7dd-e3e8dac3a794\" href=\"https:\/\/protocole-csr.com\/wp-content\/uploads\/2025\/08\/Extrait_Protocole_Stress_Systeme_Nerveux_p1-22.pdf\">Extrait_Protocole_Stress_Systeme_Nerveux_p1-22<\/a><a href=\"https:\/\/protocole-csr.com\/wp-content\/uploads\/2025\/08\/Extrait_Protocole_Stress_Systeme_Nerveux_p1-22.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-0314f89e-19bc-4997-b7dd-e3e8dac3a794\">T\u00e9l\u00e9charger<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Fiche d\u2019Auto\u00e9valuation \u2013 Syst\u00e8me Nerveux \ud83d\udcdd Fiche d\u2019Auto\u00e9valuation \u2013 \u00c9tat de ton Syst\u00e8me Nerveux Mode d\u2019emploi : lis chaque affirmation et attribue-toi une note de 0 \u00e0 3 selon ta fr\u00e9quence. 0 = Jamais \u2022 1 = Rarement \u2022 2 = Souvent \u2022 3 = Tr\u00e8s souvent Calcul du score en temps r\u00e9el Interpr\u00e9tation automatique […]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","edd-categories":[],"edd-tags":[],"class_list":["post-1292","download","type-download","status-publish","hentry","edd-download"],"blocksy_meta":[],"aioseo_notices":[],"acf":[],"_links":{"self":[{"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/edd-downloads\/1292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/edd-downloads"}],"about":[{"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/types\/download"}],"author":[{"embeddable":true,"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/edd-downloads\/1292\/revisions"}],"predecessor-version":[{"id":1296,"href":"https:\/\/protocole-csr.com\/index.php?rest_route=\/wp\/v2\/edd-downloads\/1292\/revisions\/1296"}],"wp:attachment":[{"href":"https:\/\/protocole-csr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1292"}],"wp:term":[{"taxonomy":"download_category","embeddable":true,"href":"https:\/\/protocole-csr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fedd-categories&post=1292"},{"taxonomy":"download_tag","embeddable":true,"href":"https:\/\/protocole-csr.com\/index.php?rest_route=%2Fwp%2Fv2%2Fedd-tags&post=1292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}