Retour aux \u00e9tudes apr\u00e8s une longue pause \u2014 Outil d'accompagnement JIRIS<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400&family=Work+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #F4F2F8;\n --surface: #FFFFFF;\n --surface-soft: #FAF8FE;\n --ink: #2A2438;\n --muted: #756E8C;\n --divider: #E1DCEC;\n --primary: #453876;\n --primary-light: #6D5AA0;\n --primary-soft: #ECE8F8;\n --primary-shadow: rgba(69, 56, 118, 0.14);\n --accent: #2F8F5B;\n --accent-soft: #E6F5EE;\n --accent-shadow: rgba(47, 143, 91, 0.16);\n --warm: #D97706;\n --warm-soft: #FEF3C7;\n --warm-border: #FDE68A;\n --danger: #DC2626;\n --danger-soft: #FEF2F2;\n --danger-border: #FCA5A5;\n --radius: 18px;\n --radius-sm: 12px;\n --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n background: var(--bg);\n color: var(--ink);\n font-family: \"Work Sans\", sans-serif;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n min-height: 100vh;\n background-image:\n radial-gradient(circle at 15% 0%, rgba(109, 90, 160, 0.08) 0%, transparent 45%),\n radial-gradient(circle at 85% 100%, rgba(47, 143, 91, 0.06) 0%, transparent 45%);\n background-attachment: fixed;\n }\n\n .wrap {\n max-width: 780px;\n margin: 0 auto;\n padding: 40px 20px 80px;\n }\n\n .hero {\n text-align: center;\n margin-bottom: 32px;\n }\n\n .hero-frame {\n width: 72px;\n height: 72px;\n margin: 0 auto 20px;\n border-radius: 22px;\n background: linear-gradient(135deg, var(--primary-soft), var(--accent-soft));\n border: 1.5px solid var(--divider);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 34px;\n box-shadow: 0 12px 32px var(--primary-shadow);\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-6px); }\n }\n\n .hero h1 {\n font-family: \"Fraunces\", serif;\n font-weight: 600;\n font-size: clamp(28px, 5.5vw, 40px);\n color: var(--primary);\n margin-bottom: 10px;\n letter-spacing: -0.02em;\n }\n\n .hero .subtitle {\n font-family: \"Fraunces\", serif;\n font-style: italic;\n color: var(--muted);\n font-size: 17px;\n max-width: 620px;\n margin: 0 auto;\n }\n\n .intro-card {\n background: var(--surface);\n border-radius: var(--radius);\n padding: 30px 32px;\n margin-bottom: 32px;\n box-shadow: 0 10px 30px rgba(42, 36, 56, 0.06);\n border: 1px solid var(--divider);\n border-left: 5px solid var(--primary);\n }\n\n .intro-card h2 {\n font-family: \"Fraunces\", serif;\n font-weight: 600;\n font-size: 20px;\n color: var(--primary);\n margin-bottom: 14px;\n }\n\n .intro-card p {\n font-size: 15.5px;\n color: var(--ink);\n margin-bottom: 12px;\n line-height: 1.7;\n }\n\n .intro-card p:last-child { margin-bottom: 0; }\n .intro-card strong { color: var(--primary); font-weight: 600; }\n\n .intro-note {\n margin-top: 18px;\n padding: 14px 18px;\n background: var(--primary-soft);\n border-left: 4px solid var(--primary);\n border-radius: 0 10px 10px 0;\n font-size: 14px;\n color: var(--primary);\n line-height: 1.6;\n }\n\n .intro-note strong { color: var(--primary); }\n\n .warning-card {\n background: var(--warm-soft);\n border: 1.5px solid var(--warm-border);\n border-radius: var(--radius-sm);\n padding: 20px 22px;\n margin-bottom: 22px;\n display: flex;\n gap: 14px;\n align-items: flex-start;\n }\n\n .warning-card .warning-icon {\n font-size: 24px;\n line-height: 1;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .warning-card .warning-content h3 {\n font-family: \"Fraunces\", serif;\n font-weight: 600;\n font-size: 16px;\n color: #92400E;\n margin-bottom: 8px;\n }\n\n .warning-card .warning-content p {\n font-size: 14px;\n color: #78350F;\n line-height: 1.6;\n margin-bottom: 6px;\n }\n\n .warning-card .warning-content p:last-child { margin-bottom: 0; }\n\n .warning-card strong {\n color: #78350F;\n font-weight: 700;\n }\n\n .completed-notice {\n background: var(--accent-soft);\n border-left: 4px solid var(--accent);\n border-radius: 0 10px 10px 0;\n padding: 16px 20px;\n margin-bottom: 18px;\n display: flex;\n gap: 14px;\n align-items: flex-start;\n }\n .completed-notice .completed-icon {\n font-size: 22px;\n line-height: 1;\n flex-shrink: 0;\n margin-top: 2px;\n }\n .completed-notice .completed-text { flex: 1; }\n .completed-notice .completed-text strong {\n display: block;\n color: var(--accent);\n font-family: \"Fraunces\", serif;\n font-weight: 600;\n font-size: 15px;\n margin-bottom: 6px;\n }\n .completed-notice .completed-text p {\n font-size: 14px;\n color: var(--ink);\n line-height: 1.6;\n margin: 0;\n }\n\n .restart-hint {\n text-align: center;\n font-size: 13px;\n color: var(--muted);\n font-style: italic;\n margin-top: 16px;\n line-height: 1.6;\n }\n\n .progress-wrapper {\n margin-bottom: 28px;\n }\n\n .progress-text {\n display: flex;\n justify-content: space-between;\n font-size: 13.5px;\n font-weight: 600;\n color: var(--muted);\n margin-bottom: 8px;\n letter-spacing: 0.02em;\n }\n\n .progress-bar {\n width: 100%;\n height: 8px;\n background: var(--primary-soft);\n border-radius: 99px;\n overflow: hidden;\n }\n\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--primary), var(--accent));\n border-radius: 99px;\n transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n width: 0%;\n }\n\n .step {\n display: none;\n background: var(--surface);\n border-radius: var(--radius);\n padding: 34px 32px;\n margin-bottom: 24px;\n box-shadow: 0 10px 30px rgba(42, 36, 56, 0.06);\n border: 1px solid var(--divider);\n animation: fadeInUp 0.4s ease;\n }\n\n .step.active { display: block; }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .step-badge {\n display: inline-block;\n padding: 5px 14px;\n background: var(--primary-soft);\n color: var(--primary);\n border-radius: 99px;\n font-size: 11.5px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 14px;\n }\n\n .step-title {\n font-family: \"Fraunces\", serif;\n font-weight: 600;\n font-size: 24px;\n color: var(--primary);\n margin-bottom: 8px;\n line-height: 1.3;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .step-title .step-emoji {\n font-size: 26px;\n line-height: 1;\n }\n\n .step-hint {\n font-size: 14.5px;\n color: var(--muted);\n margin-bottom: 22px;\n font-style: italic;\n line-height: 1.6;\n }\n\n .field-group {\n margin-bottom: 18px;\n }\n\n .field-label {\n display: block;\n font-size: 14.5px;\n font-weight: 600;\n color: var(--ink);\n margin-bottom: 8px;\n line-height: 1.5;\n }\n\n .field-label .field-example {\n display: block;\n font-weight: 400;\n font-style: italic;\n font-size: 13px;\n color: var(--muted);\n margin-top: 4px;\n }\n\n textarea,\n input[type=\"text\"] {\n width: 100%;\n border: 1.5px solid var(--divider);\n background: var(--surface);\n border-radius: 12px;\n padding: 14px 16px;\n font-family: \"Work Sans\", sans-serif;\n font-size: 15px;\n color: var(--ink);\n transition: all var(--transition);\n resize: vertical;\n line-height: 1.6;\n min-height: 90px;\n }\n\n input[type=\"text\"] { min-height: auto; }\n\n textarea:focus,\n input[type=\"text\"]:focus {\n outline: none;\n border-color: var(--primary-light);\n box-shadow: 0 0 0 4px rgba(69, 56, 118, 0.08);\n }\n\n textarea::placeholder,\n input::placeholder {\n color: var(--muted);\n opacity: 0.7;\n }\n\n .helper-text {\n font-size: 13px;\n color: var(--muted);\n margin-top: 8px;\n line-height: 1.6;\n font-style: italic;\n }\n\n .guided-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-bottom: 18px;\n }\n\n .guided-item {\n background: var(--surface-soft);\n border: 1.5px solid var(--divider);\n border-radius: var(--radius-sm);\n padding: 14px 18px;\n transition: all var(--transition);\n }\n\n .guided-item:focus-within {\n border-color: var(--primary);\n background: var(--surface);\n box-shadow: 0 0 0 4px rgba(69, 56, 118, 0.06);\n }\n\n .guided-item .item-label {\n font-size: 13.5px;\n font-weight: 600;\n color: var(--primary);\n margin-bottom: 8px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .guided-item .item-num {\n display: inline-flex;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: var(--primary-soft);\n color: var(--primary);\n align-items: center;\n justify-content: center;\n font-size: 11px;\n font-weight: 700;\n flex-shrink: 0;\n }\n\n .guided-item textarea {\n min-height: 64px;\n padding: 10px 14px;\n font-size: 14.5px;\n border: 1px solid var(--divider);\n background: var(--surface);\n }\n\n .control-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-bottom: 8px;\n }\n\n .control-box {\n background: var(--surface-soft);\n border: 1.5px solid var(--divider);\n border-radius: var(--radius-sm);\n padding: 16px 18px;\n transition: all var(--transition);\n }\n\n .control-box:focus-within {\n border-color: var(--primary);\n background: var(--surface);\n box-shadow: 0 0 0 4px rgba(69, 56, 118, 0.06);\n }\n\n .control-box.facts {\n border-left: 4px solid var(--accent);\n }\n\n .control-box.fears {\n border-left: 4px solid var(--warm);\n }\n\n .control-box .control-header {\n font-size: 13.5px;\n font-weight: 700;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 1.4;\n }\n\n .control-box.facts .control-header { color: var(--accent); }\n .control-box.fears .control-header { color: var(--warm); }\n\n .control-box .control-icon {\n font-size: 16px;\n line-height: 1;\n }\n\n .control-box textarea {\n min-height: 120px;\n font-size: 14.5px;\n padding: 12px 14px;\n border: 1px solid var(--divider);\n background: var(--surface);\n }\n\n .control-box .control-help {\n font-size: 12px;\n color: var(--muted);\n font-style: italic;\n margin-top: 8px;\n line-height: 1.5;\n }\n\n @media (max-width: 640px) {\n .control-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .chips-row {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 14px;\n }\n\n .chip {\n padding: 8px 16px;\n background: var(--surface);\n border: 1.5px solid var(--divider);\n border-radius: 99px;\n font-size: 13.5px;\n font-weight: 500;\n color: var(--ink);\n cursor: pointer;\n transition: all var(--transition);\n font-family: inherit;\n }\n\n .chip:hover {\n border-color: var(--primary);\n color: var(--primary);\n background: var(--primary-soft);\n }\n\n .chip.selected {\n background: var(--primary);\n border-color: var(--primary);\n color: #FFFFFF;\n }\n\n .multi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n gap: 10px;\n margin-bottom: 8px;\n }\n\n .multi-chip {\n padding: 12px 16px;\n background: var(--surface-soft);\n border: 1.5px solid var(--divider);\n border-radius: var(--radius-sm);\n font-size: 13.5px;\n font-weight: 500;\n color: var(--ink);\n cursor: pointer;\n transition: all var(--transition);\n text-align: left;\n font-family: inherit;\n display: flex;\n align-items: center;\n gap: 10px;\n line-height: 1.4;\n }\n\n .multi-chip::before {\n content: \"\";\n width: 18px;\n height: 18px;\n border-radius: 5px;\n border: 1.5px solid var(--divider);\n background: var(--surface);\n flex-shrink: 0;\n transition: all var(--transition);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n .multi-chip:hover {\n border-color: var(--primary);\n background: var(--primary-soft);\n }\n\n .multi-chip.selected {\n border-color: var(--primary);\n background: var(--primary-soft);\n color: var(--primary);\n font-weight: 600;\n }\n\n .multi-chip.selected::before {\n background: var(--primary);\n border-color: var(--primary);\n content: \"\u2713\";\n color: #FFFFFF;\n font-size: 12px;\n font-weight: 700;\n }\n\n .info-callout {\n background: var(--accent-soft);\n border-left: 4px solid var(--accent);\n border-radius: 0 12px 12px 0;\n padding: 16px 20px;\n margin: 16px 0;\n font-size: 14px;\n color: var(--ink);\n line-height: 1.65;\n }\n\n .info-callout strong {\n color: var(--accent);\n font-weight: 700;\n }\n\n .info-emphasis {\n background: var(--primary-soft);\n border-left: 4px solid var(--primary);\n border-radius: 0 12px 12px 0;\n padding: 16px 20px;\n margin: 16px 0;\n font-size: 14px;\n color: var(--ink);\n line-height: 1.65;\n }\n\n .info-emphasis strong {\n color: var(--primary);\n font-weight: 700;\n }\n\n .btn-group {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n margin-top: 26px;\n justify-content: space-between;\n }\n\n .btn {\n padding: 14px 28px;\n border: none;\n border-radius: var(--radius-sm);\n font-family: \"Work Sans\", sans-serif;\n font-weight: 600;\n font-size: 15px;\n cursor: pointer;\n transition: all var(--transition);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n white-space: nowrap;\n }\n\n .btn-primary {\n background: var(--primary);\n color: #FFFFFF;\n box-shadow: 0 6px 20px var(--primary-shadow);\n }\n\n .btn-primary:hover {\n background: var(--primary-light);\n transform: translateY(-2px);\n box-shadow: 0 10px 28px var(--primary-shadow);\n }\n\n .btn-accent {\n background: var(--accent);\n color: #FFFFFF;\n box-shadow: 0 6px 20px var(--accent-shadow);\n }\n\n .btn-accent:hover {\n background: #27794d;\n transform: translateY(-2px);\n box-shadow: 0 10px 28px var(--accent-shadow);\n }\n\n .btn-secondary {\n background: var(--surface);\n color: var(--ink);\n border: 1.5px solid var(--divider);\n }\n\n .btn-secondary:hover {\n background: var(--primary-soft);\n border-color: var(--primary);\n color: var(--primary);\n }\n\n .summary-section {\n background: var(--surface);\n border-radius: var(--radius);\n padding: 34px 32px;\n margin-bottom: 24px;\n box-shadow: 0 16px 40px rgba(42, 36, 56, 0.08);\n border: 1px solid var(--divider);\n border-top: 5px solid var(--accent);\n display: none;\n }\n\n .summary-section.active { display: block; animation: fadeInUp 0.5s ease; }\n\n .summary-hero {\n text-align: center;\n margin-bottom: 28px;\n padding-bottom: 24px;\n border-bottom: 1px dashed var(--divider);\n }\n\n .summary-hero .summary-emoji {\n font-size: 44px;\n line-height: 1;\n margin-bottom: 12px;\n }\n\n .summary-hero h2 {\n font-family: \"Fraunces\", serif;\n font-weight: 600;\n font-size: 26px;\n color: var(--primary);\n margin-bottom: 10px;\n }\n\n .summary-hero p {\n font-size: 15px;\n color: var(--muted);\n font-style: italic;\n max-width: 520px;\n margin: 0 auto;\n }\n\n .summary-block {\n margin-bottom: 22px;\n padding-bottom: 22px;\n border-bottom: 1px solid var(--divider);\n }\n\n .summary-block:last-child {\n border-bottom: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }\n\n .summary-block h3 {\n font-family: \"Fraunces\", serif;\n font-weight: 600;\n font-size: 17px;\n color: var(--primary);\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .summary-block p {\n font-size: 15px;\n color: var(--ink);\n line-height: 1.7;\n white-space: pre-wrap;\n }\n\n .summary-block ul {\n list-style: none;\n padding-left: 0;\n }\n\n .summary-block ul li {\n position: relative;\n padding-left: 22px;\n font-size: 14.5px;\n color: var(--ink);\n line-height: 1.65;\n margin-bottom: 8px;\n }\n\n .summary-block ul li::before {\n content: \"\u2726\";\n position: absolute;\n left: 0;\n color: var(--accent);\n font-size: 13px;\n top: 1px;\n }\n\n .summary-control-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 14px;\n margin-top: 8px;\n }\n\n .summary-control-box {\n padding: 14px 16px;\n border-radius: 10px;\n border: 1px solid var(--divider);\n font-size: 14.5px;\n line-height: 1.65;\n }\n\n .summary-control-box.facts {\n background: var(--accent-soft);\n border-left: 4px solid var(--accent);\n }\n\n .summary-control-box.fears {\n background: var(--warm-soft);\n border-left: 4px solid var(--warm);\n }\n\n .summary-control-box .summary-control-label {\n font-weight: 700;\n font-size: 12.5px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 6px;\n display: block;\n }\n\n .summary-control-box.facts .summary-control-label { color: var(--accent); }\n .summary-control-box.fears .summary-control-label { color: #92400E; }\n\n @media (max-width: 640px) {\n .summary-control-grid {\n grid-template-columns: 1fr;\n }\n }\n\n .summary-resources {\n background: var(--accent-soft);\n border-left: 4px solid var(--accent);\n border-radius: 0 10px 10px 0;\n padding: 16px 20px;\n margin-top: 10px;\n font-size: 14.5px;\n color: var(--ink);\n line-height: 1.7;\n }\n\n .summary-resources strong {\n color: var(--accent);\n display: block;\n margin-bottom: 6px;\n }\n\n .summary-actions {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n justify-content: center;\n margin-top: 26px;\n padding-top: 24px;\n border-top: 1px solid var(--divider);\n }\n\n .footer {\n text-align: center;\n margin-top: 56px;\n padding-top: 28px;\n border-top: 1px solid var(--divider);\n color: var(--muted);\n font-size: 13px;\n line-height: 1.7;\n }\n\n .footer strong {\n color: var(--primary);\n font-weight: 600;\n }\n\n @media (max-width: 640px) {\n .wrap { padding: 28px 16px 60px; }\n .step { padding: 24px 20px; }\n .intro-card { padding: 22px 20px; }\n .summary-section { padding: 24px 20px; }\n .step-title { font-size: 20px; }\n .step-title .step-emoji { font-size: 22px; }\n .btn-group { flex-direction: column-reverse; }\n .btn-group .btn { width: 100%; }\n .summary-actions { flex-direction: column; }\n .summary-actions .btn { width: 100%; }\n .warning-card { padding: 16px 16px; flex-direction: column; gap: 10px; }\n .completed-notice { padding: 14px 16px; flex-direction: column; gap: 10px; }\n .multi-grid { grid-template-columns: 1fr; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\n @media print {\n body { background: white; }\n .wrap { padding: 0; }\n .hero-frame, .btn, .intro-note, .footer, .progress-wrapper, .restart-hint { display: none !important; }\n .summary-section { box-shadow: none; border: 1px solid #ccc; page-break-inside: avoid; }\n .step { display: none !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"wrap\">\n\n \n <header class=\"hero\">\n <div class=\"hero-frame\">\ud83c\udf93<\/div>\n <h1>Retour aux \u00e9tudes apr\u00e8s une longue pause<\/h1>\n <p class=\"subtitle\">Un outil d'accompagnement pour apprivoiser l'id\u00e9e d'\u00e9tudier \u00e0 nouveau \u2014 \u00e0 votre rythme, avec vos forces, et sans vous diminuer.<\/p>\n <\/header>\n\n \n <div class=\"intro-card\" id=\"introCard\">\n <h2>Avant de commencer<\/h2>\n\n \n <div class=\"warning-card\">\n <div class=\"warning-icon\">\u26a0\ufe0f<\/div>\n <div class=\"warning-content\">\n <h3>Ce n'est pas un retour \u00ab en arri\u00e8re \u00bb<\/h3>\n <p>Retourner aux \u00e9tudes apr\u00e8s une longue pause n'est pas revenir au point de d\u00e9part. C'est <strong>continuer avec tout ce que vous avez v\u00e9cu, appris, travers\u00e9<\/strong> \u2014 souvent plus solide qu'on ne le croit. Votre \u00e2ge, votre exp\u00e9rience et votre maturit\u00e9 sont des atouts, pas des handicaps.<\/p>\n <p>Cet outil ne remplace pas un accompagnement en orientation scolaire ou professionnelle. Pour un vrai projet d'\u00e9tudes, il est utile de parler \u00e0 un\u00b7e <strong>conseiller\u00b7\u00e8re d'orientation<\/strong>, \u00e0 un <strong>service d'accueil des adultes en formation<\/strong>, ou \u00e0 un <strong>organisme d'aide \u00e0 la r\u00e9orientation<\/strong>. Ce que vous faites ici vous pr\u00e9pare \u00e0 cette conversation.<\/p>\n <\/div>\n <\/div>\n\n <p>L'id\u00e9e de retourner aux \u00e9tudes peut faire na\u00eetre un m\u00e9lange de d\u00e9sir et de vertige : peur de ne plus savoir apprendre, peur du jugement, peur de ne pas \u00eatre \u00ab \u00e0 sa place \u00bb, inqui\u00e9tude financi\u00e8re, sentiment d'ill\u00e9gitimit\u00e9. Ces peurs sont l\u00e9gitimes \u2014 et partag\u00e9es par presque toutes les personnes qui traversent ce chemin.<\/p>\n <p>Cet outil vous propose de <strong>poser votre projet, identifier vos craintes, distinguer ce qui rel\u00e8ve des faits et ce qui rel\u00e8ve des anticipations, clarifier vos besoins, rep\u00e9rer les ressources concr\u00e8tes, et poser un premier pas r\u00e9aliste<\/strong> vers ce projet \u2014 m\u00eame s'il n'est pas encore tout \u00e0 fait d\u00e9cid\u00e9.<\/p>\n <p><strong>Vous n'avez pas besoin d'\u00eatre certain\u00b7e aujourd'hui.<\/strong> Vous avez juste besoin d'un espace pour y r\u00e9fl\u00e9chir pos\u00e9ment.<\/p>\n <div class=\"intro-note\">\n <strong>\u23f1\ufe0f Dur\u00e9e estim\u00e9e :<\/strong> 20 \u00e0 30 minutes. Prenez le temps qu'il vous faut. Vos r\u00e9ponses sont enregistr\u00e9es automatiquement dans votre navigateur et restent confidentielles.\n <\/div>\n\n \n <div class=\"completed-notice\" id=\"completedNotice\" style=\"display: none;\">\n <div class=\"completed-icon\">\u2705<\/div>\n <div class=\"completed-text\">\n <strong>Vous avez termin\u00e9 cette exploration.<\/strong>\n <p>Votre synth\u00e8se est pr\u00eate. Vous pouvez la relire en douceur, ou recommencer une nouvelle exploration.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"btn-group\" style=\"justify-content: flex-start;\">\n <button class=\"btn btn-primary\" id=\"startBtn\" type=\"button\">Commencer en douceur \u2192<\/button>\n <button class=\"btn btn-accent\" id=\"reviewBtn\" type=\"button\" style=\"display: none;\">\u2728 Revoir ma synth\u00e8se<\/button>\n <button class=\"btn btn-secondary\" id=\"resetBtn\" type=\"button\">R\u00e9initialiser<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"progress-wrapper\" id=\"progressWrapper\" style=\"display: none;\">\n <div class=\"progress-text\">\n <span id=\"progressLabel\">\u00c9tape 1 sur 6<\/span>\n <span id=\"progressPercent\">0%<\/span>\n <\/div>\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progressFill\"><\/div>\n <\/div>\n <\/div>\n\n \n <section class=\"step\" id=\"step1\" data-step=\"1\">\n <span class=\"step-badge\">\u00c9tape 1 \u00b7 Situer<\/span>\n <h2 class=\"step-title\"><span class=\"step-emoji\">\ud83c\udfaf<\/span> Situer le projet<\/h2>\n <p class=\"step-hint\">Commen\u00e7ons par clarifier ce qui vous attire. Un projet, m\u00eame flou, aide \u00e0 orienter chaque d\u00e9marche. Pas besoin d'avoir tout d\u00e9cid\u00e9.<\/p>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"project\">\n Qu'est-ce qui vous attire dans l'id\u00e9e de retourner aux \u00e9tudes ?\n <span class=\"field-example\">Ex. : \u00ab Changer de m\u00e9tier \u00bb, \u00ab Terminer quelque chose que j'ai commenc\u00e9 \u00bb, \u00ab Me sentir utile autrement \u00bb, \u00ab Gagner en autonomie \u00bb, \u00ab Apprendre enfin ce qui m'int\u00e9resse \u00bb, \u00ab Reconstruire apr\u00e8s une \u00e9preuve \u00bb.<\/span>\n <\/label>\n <textarea id=\"project\" placeholder=\"Ce qui m'attire, c'est\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"domain\">\n Avez-vous une id\u00e9e du domaine ou de la formation envisag\u00e9e ?\n <span class=\"field-example\">Ex. : \u00ab Formation professionnelle en \u00e9lectricit\u00e9 \u00bb, \u00ab Techniques administratives \u00bb, \u00ab Certificat universitaire \u00bb, \u00ab Cours de langue \u00bb, \u00ab Programme court en informatique \u00bb. Vous pouvez rester vague.<\/span>\n <\/label>\n <textarea id=\"domain\" placeholder=\"Domaine ou formation\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\">\n O\u00f9 en \u00eates-vous dans cette id\u00e9e ?\n <span class=\"field-example\">Cochez ce qui correspond \u00e0 votre situation actuelle.<\/span>\n <\/label>\n <div class=\"multi-grid\" id=\"stageGrid\"><\/div>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"timing\">\n Y a-t-il une \u00e9ch\u00e9ance ou un d\u00e9lai souhait\u00e9 ?\n <span class=\"field-example\">Ex. : \u00ab La prochaine session d'automne \u00bb, \u00ab D'ici un an \u00bb, \u00ab Quand ma situation le permettra \u00bb, \u00ab Je ne sais pas encore \u00bb.<\/span>\n <\/label>\n <input type=\"text\" id=\"timing\" placeholder=\"Mon \u00e9ch\u00e9ance\u2026\">\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\">Sur une \u00e9chelle de 0 \u00e0 10, quel est votre niveau de confiance actuel dans ce projet ?<\/label>\n <div class=\"chips-row\" id=\"confidenceChips\"><\/div>\n <div class=\"helper-text\">0 = aucune confiance \u00b7 10 = tr\u00e8s confiant\u00b7e. Aucun jugement \u2014 juste un rep\u00e8re.<\/div>\n <\/div>\n\n <div class=\"btn-group\">\n <button class=\"btn btn-secondary\" type=\"button\" data-action=\"intro\">\u2190 Retour<\/button>\n <button class=\"btn btn-primary\" type=\"button\" data-action=\"step\" data-target=\"2\">Continuer \u2192<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"step\" id=\"step2\" data-step=\"2\">\n <span class=\"step-badge\">\u00c9tape 2 \u00b7 Explorer<\/span>\n <h2 class=\"step-title\"><span class=\"step-emoji\">\ud83d\udcad<\/span> Craintes (\u00e2ge, l\u00e9gitimit\u00e9, capacit\u00e9s)<\/h2>\n <p class=\"step-hint\">Retourner \u00e9tudier \u00e0 l'\u00e2ge adulte r\u00e9active souvent des inqui\u00e9tudes tr\u00e8s pr\u00e9cises. Les nommer sans les amplifier permet de les regarder plus honn\u00eatement.<\/p>\n\n <div class=\"field-group\">\n <label class=\"field-label\">\n Qu'est-ce qui vous inqui\u00e8te le plus ?\n <span class=\"field-example\">Cochez tout ce qui r\u00e9sonne, puis compl\u00e9tez.<\/span>\n <\/label>\n <div class=\"multi-grid\" id=\"fearsGrid\"><\/div>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"ageFear\">\n Y a-t-il une inqui\u00e9tude li\u00e9e \u00e0 votre \u00e2ge ou \u00e0 votre parcours ?\n <span class=\"field-example\">Ex. : \u00ab Je serai le ou la plus vieux\u00b7vieille du groupe \u00bb, \u00ab C'est trop tard \u00bb, \u00ab Les autres vont avoir fait un parcours lin\u00e9aire \u00bb, \u00ab Je vais me sentir d\u00e9cal\u00e9\u00b7e \u00bb.<\/span>\n <\/label>\n <textarea id=\"ageFear\" placeholder=\"Ce qui m'inqui\u00e8te c\u00f4t\u00e9 \u00e2ge ou parcours\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"capacityFear\">\n Y a-t-il une inqui\u00e9tude li\u00e9e \u00e0 vos capacit\u00e9s d'apprentissage ?\n <span class=\"field-example\">Ex. : \u00ab Je ne retiens plus \u00bb, \u00ab Je ne sais plus \u00e9tudier \u00bb, \u00ab Je vais \u00e9chouer aux examens \u00bb, \u00ab J'ai peur de ne pas suivre le rythme \u00bb.<\/span>\n <\/label>\n <textarea id=\"capacityFear\" placeholder=\"Ce qui m'inqui\u00e8te c\u00f4t\u00e9 capacit\u00e9s\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"worstCase\">\n Si vous laissiez aller votre imagination, quel serait le <em>pire sc\u00e9nario<\/em> redout\u00e9 ?\n <\/label>\n <textarea id=\"worstCase\" placeholder=\"Le pire serait que\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"hopedFor\">\n \u00c0 l'inverse, \u00e0 quoi ressemblerait un retour aux \u00e9tudes qui se passe <strong>bien<\/strong> ?\n <\/label>\n <textarea id=\"hopedFor\" placeholder=\"Un retour qui se passe bien, ce serait\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"btn-group\">\n <button class=\"btn btn-secondary\" type=\"button\" data-action=\"step\" data-target=\"1\">\u2190 Pr\u00e9c\u00e9dent<\/button>\n <button class=\"btn btn-primary\" type=\"button\" data-action=\"step\" data-target=\"3\">Continuer \u2192<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"step\" id=\"step3\" data-step=\"3\">\n <span class=\"step-badge\">\u00c9tape 3 \u00b7 Distinguer<\/span>\n <h2 class=\"step-title\"><span class=\"step-emoji\">\ud83d\udd0d<\/span> Faits (parcours possibles)<\/h2>\n <p class=\"step-hint\">Beaucoup de craintes anticipent un \u00ab parcours classique \u00bb qui n'existe presque plus. Les faits \u2014 parcours adultes, reconnaissance des acquis, formations adapt\u00e9es \u2014 sont souvent plus ouverts qu'on ne le pense.<\/p>\n\n <div class=\"info-callout\">\n <strong>\ud83d\udca1 Ce qu'il est utile de savoir<\/strong><br>\n Au Qu\u00e9bec et au Canada, il existe de nombreuses voies pens\u00e9es pour les adultes : <strong>formations professionnelles courtes<\/strong>, <strong>attestations d'\u00e9tudes coll\u00e9giales (AEC)<\/strong>, <strong>reconnaissance des acquis et des comp\u00e9tences (RAC)<\/strong>, <strong>programmes d'appoint universitaires<\/strong>, <strong>formations \u00e0 distance<\/strong>, <strong>cours du soir<\/strong>, <strong>services d'accueil et de francisation<\/strong>, <strong>centres d'\u00e9ducation des adultes<\/strong>. Il n'y a pas une seule bonne fa\u00e7on de revenir.\n <\/div>\n\n <div class=\"control-grid\">\n <div class=\"control-box facts\">\n <div class=\"control-header\">\n <span class=\"control-icon\">\u2705<\/span>\n <span>Ce que je sais (faits)<\/span>\n <\/div>\n <textarea id=\"facts\" placeholder=\"Ce que je connais vraiment : parcours adapt\u00e9s, formations accessibles, pr\u00e9requis, co\u00fbts, dur\u00e9es, pr\u00e9alables, reconnaissance des acquis, temps partiel possible\u2026\"><\/textarea>\n <div class=\"control-help\">Ce qui est v\u00e9rifiable ou document\u00e9.<\/div>\n <\/div>\n\n <div class=\"control-box fears\">\n <div class=\"control-header\">\n <span class=\"control-icon\">\ud83d\udcad<\/span>\n <span>Ce que je crains (anticipations)<\/span>\n <\/div>\n <textarea id=\"fears\" placeholder=\"Ex. : \u00ab Je serai le ou la seul\u00b7e adulte \u00bb, \u00ab Je ne serai pas \u00e0 la hauteur du niveau \u00bb, \u00ab Les autres seront plus rapides \u00bb, \u00ab C'est trop tard pour moi \u00bb\u2026\"><\/textarea>\n <div class=\"control-help\">Ce qui est suppos\u00e9, imagin\u00e9, redout\u00e9.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"field-group\" style=\"margin-top: 18px;\">\n <label class=\"field-label\" for=\"acquis\">\n Y a-t-il des <strong>acquis, comp\u00e9tences ou exp\u00e9riences<\/strong> que vous pourriez faire reconna\u00eetre ?\n <span class=\"field-example\">Ex. : exp\u00e9rience de travail transf\u00e9rable, formation non dipl\u00f4mante, comp\u00e9tences autodidactes, b\u00e9n\u00e9volat, langues, savoirs acquis en autodidacte.<\/span>\n <\/label>\n <textarea id=\"acquis\" placeholder=\"Ce que je pourrais faire reconna\u00eetre\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"pastEvidence\">\n Y a-t-il eu des moments o\u00f9 vous avez <strong>appris quelque chose de nouveau<\/strong> \u00e0 l'\u00e2ge adulte \u2014 sans que ce soit \u00ab scolaire \u00bb ?\n <span class=\"field-example\">Ex. : \u00ab Un logiciel au travail \u00bb, \u00ab Une nouvelle langue \u00bb, \u00ab Un m\u00e9tier manuel \u00bb, \u00ab Un instrument \u00bb, \u00ab Un r\u00f4le parental \u00bb, \u00ab Une d\u00e9marche administrative complexe \u00bb.<\/span>\n <\/label>\n <textarea id=\"pastEvidence\" placeholder=\"Une chose que j'ai apprise \u00e0 l'\u00e2ge adulte\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"btn-group\">\n <button class=\"btn btn-secondary\" type=\"button\" data-action=\"step\" data-target=\"2\">\u2190 Pr\u00e9c\u00e9dent<\/button>\n <button class=\"btn btn-primary\" type=\"button\" data-action=\"step\" data-target=\"4\">Continuer \u2192<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"step\" id=\"step4\" data-step=\"4\">\n <span class=\"step-badge\">\u00c9tape 4 \u00b7 Besoins<\/span>\n <h2 class=\"step-title\"><span class=\"step-emoji\">\ud83c\udf3f<\/span> Besoins<\/h2>\n <p class=\"step-hint\">Un projet d'\u00e9tudes \u00e0 l'\u00e2ge adulte se tient quand il est compatible avec votre vie r\u00e9elle. Identifier vos besoins permet de choisir un parcours qui vous ressemble vraiment.<\/p>\n\n <div class=\"field-group\">\n <label class=\"field-label\">\n De quoi auriez-vous besoin pour que ce projet soit r\u00e9aliste et tenable ?\n <span class=\"field-example\">Cochez tout ce qui r\u00e9sonne.<\/span>\n <\/label>\n <div class=\"chips-row\" id=\"needsChips\"><\/div>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"needText\">\n Ces besoins, formul\u00e9s plus pr\u00e9cis\u00e9ment :\n <\/label>\n <textarea id=\"needText\" placeholder=\"J'aurais besoin de\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"constraints\">\n Y a-t-il des contraintes importantes de votre vie \u00e0 prendre en compte ?\n <span class=\"field-example\">Ex. : \u00ab Enfants \u00e0 charge \u00bb, \u00ab Emploi \u00e0 conserver \u00bb, \u00ab Budget serr\u00e9 \u00bb, \u00ab Sant\u00e9 \u00e0 m\u00e9nager \u00bb, \u00ab Proches \u00e0 soutenir \u00bb, \u00ab Distance g\u00e9ographique \u00bb.<\/span>\n <\/label>\n <textarea id=\"constraints\" placeholder=\"Mes contraintes\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"fromOthers\">\n De qui ou de quoi auriez-vous besoin <strong>de la part de vos proches<\/strong> ?\n <span class=\"field-example\">Ex. : \u00ab Qu'on me laisse du temps pour \u00e9tudier \u00bb, \u00ab Qu'on m'encourage \u00bb, \u00ab Qu'on partage certaines t\u00e2ches \u00bb, \u00ab Qu'on ne me d\u00e9courage pas \u00bb.<\/span>\n <\/label>\n <textarea id=\"fromOthers\" placeholder=\"De la part de mes proches\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"btn-group\">\n <button class=\"btn btn-secondary\" type=\"button\" data-action=\"step\" data-target=\"3\">\u2190 Pr\u00e9c\u00e9dent<\/button>\n <button class=\"btn btn-primary\" type=\"button\" data-action=\"step\" data-target=\"5\">Continuer \u2192<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"step\" id=\"step5\" data-step=\"5\">\n <span class=\"step-badge\">\u00c9tape 5 \u00b7 Ressources<\/span>\n <h2 class=\"step-title\"><span class=\"step-emoji\">\ud83e\udd1d<\/span> Ressources (aide financi\u00e8re, tutorat)<\/h2>\n <p class=\"step-hint\">Le retour aux \u00e9tudes \u00e0 l'\u00e2ge adulte est <strong>soutenu<\/strong> \u2014 financi\u00e8rement, p\u00e9dagogiquement, administrativement. Encore faut-il savoir o\u00f9 chercher. C'est ce que cette \u00e9tape propose.<\/p>\n\n <div class=\"info-emphasis\">\n <strong>\ud83d\udd11 Aide financi\u00e8re et soutien existants<\/strong><br>\n Selon votre situation, plusieurs soutiens peuvent s'appliquer : <strong>pr\u00eats et bourses du gouvernement<\/strong>, <strong>aide financi\u00e8re aux \u00e9tudes pour adultes<\/strong>, <strong>programmes d'aide \u00e0 la r\u00e9orientation<\/strong>, <strong>Mesures d'Emploi-Qu\u00e9bec<\/strong>, <strong>subventions pour formation de la main-d'\u0153uvre<\/strong>, <strong>Services Qu\u00e9bec<\/strong>, <strong>fonds syndicaux de formation<\/strong>, <strong>bourses d'organismes communautaires<\/strong>. Les services d'accueil des adultes en formation peuvent vous aider \u00e0 faire le tri.\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\">\n Parmi ces ressources, lesquelles pourraient s'appliquer \u00e0 votre situation ?\n <span class=\"field-example\">Cochez ce qui est r\u00e9aliste, m\u00eame si ce n'est pas encore activ\u00e9.<\/span>\n <\/label>\n <div class=\"multi-grid\" id=\"resourcesGrid\"><\/div>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"chosenResources\">\n Lesquelles souhaitez-vous explorer en priorit\u00e9 ?\n <\/label>\n <textarea id=\"chosenResources\" placeholder=\"En priorit\u00e9, je voudrais\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"obstacles\">\n Y a-t-il des obstacles (co\u00fbt, horaire, distance, garde d'enfants, peur administrative) ?\n <span class=\"field-example\">Les nommer permet de chercher des solutions adapt\u00e9es \u2014 souvent plus nombreuses qu'on ne le croit.<\/span>\n <\/label>\n <textarea id=\"obstacles\" placeholder=\"Ce qui pourrait me freiner\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"tutoring\">\n Envisageriez-vous du tutorat, du mentorat, ou un accompagnement p\u00e9dagogique ?\n <span class=\"field-example\">Ex. : \u00ab Aide aux devoirs dans un centre d'\u00e9ducation des adultes \u00bb, \u00ab Tutorat par les pairs \u00bb, \u00ab Mentorat par un\u00b7e professionnel\u00b7le \u00bb, \u00ab Cours de mise \u00e0 niveau \u00bb, \u00ab Groupe d'\u00e9tude \u00bb.<\/span>\n <\/label>\n <textarea id=\"tutoring\" placeholder=\"Ce qui pourrait m'aider \u00e0 apprendre\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"btn-group\">\n <button class=\"btn btn-secondary\" type=\"button\" data-action=\"step\" data-target=\"4\">\u2190 Pr\u00e9c\u00e9dent<\/button>\n <button class=\"btn btn-primary\" type=\"button\" data-action=\"step\" data-target=\"6\">Continuer \u2192<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"step\" id=\"step6\" data-step=\"6\">\n <span class=\"step-badge\">\u00c9tape 6 \u00b7 Agir<\/span>\n <h2 class=\"step-title\"><span class=\"step-emoji\">\ud83d\udc63<\/span> Premier pas<\/h2>\n <p class=\"step-hint\">Pas besoin de vous inscrire aujourd'hui. Un tout petit pas concret \u2014 une question pos\u00e9e, un rendez-vous pris, une information cherch\u00e9e \u2014 suffit pour commencer \u00e0 transformer un projet en trajectoire.<\/p>\n\n <div class=\"info-emphasis\">\n <strong>\ud83d\udca1 La r\u00e8gle du pas exploratoire<\/strong><br>\n Choisissez une action <strong>petite, pr\u00e9cise, et sans engagement<\/strong>. Ex. : \u00ab Prendre rendez-vous avec un\u00b7e conseiller\u00b7\u00e8re d'orientation \u00bb, \u00ab Appeler un centre d'\u00e9ducation des adultes pour poser une question \u00bb, \u00ab Consulter le site d'un programme qui m'int\u00e9resse \u00bb, \u00ab Discuter avec une personne qui a fait ce chemin \u00bb, \u00ab Faire une demande d'information sur l'aide financi\u00e8re \u00bb, \u00ab Assister \u00e0 une s\u00e9ance d'information \u00bb.\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"firstStep\">\n Quel serait votre premier pas ?\n <\/label>\n <textarea id=\"firstStep\" placeholder=\"Mon premier pas serait\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"whenStep\">\n Quand pourriez-vous le faire ?\n <span class=\"field-example\">Un moment pr\u00e9cis, dans un d\u00e9lai r\u00e9aliste.<\/span>\n <\/label>\n <input type=\"text\" id=\"whenStep\" placeholder=\"Ex. : cette semaine, dans les 3 prochains jours, d\u00e8s que j'ai une heure\u2026\">\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"supportStep\">\n De qui ou de quoi auriez-vous besoin pour vous y tenir ?\n <span class=\"field-example\">Optionnel \u2014 mais souvent utile.<\/span>\n <\/label>\n <textarea id=\"supportStep\" placeholder=\"Pour m'aider \u00e0 faire ce premier pas, je pourrais\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\" for=\"ifHard\">\n Si c'est difficile, ou si le projet semble report\u00e9, comment prendrez-vous soin de vous ?\n <span class=\"field-example\">Ex. : \u00ab Je me rappellerai que r\u00e9fl\u00e9chir prend du temps \u00bb, \u00ab Je ne me jugerai pas \u00bb, \u00ab J'en parlerai \u00e0 une personne de confiance \u00bb, \u00ab Je ne prendrai pas une d\u00e9cision dans la pr\u00e9cipitation \u00bb.<\/span>\n <\/label>\n <textarea id=\"ifHard\" placeholder=\"Si c'est difficile, je\u2026\"><\/textarea>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\">\n Apr\u00e8s ce travail, quelle est votre confiance <em>maintenant<\/em> dans ce projet ?\n <\/label>\n <div class=\"chips-row\" id=\"confidenceChipsAfter\"><\/div>\n <div class=\"helper-text\">Aucun jugement. Observez simplement, m\u00eame un l\u00e9ger changement.<\/div>\n <\/div>\n\n <div class=\"btn-group\">\n <button class=\"btn btn-secondary\" type=\"button\" data-action=\"step\" data-target=\"5\">\u2190 Pr\u00e9c\u00e9dent<\/button>\n <button class=\"btn btn-accent\" type=\"button\" data-action=\"summary\">Voir ma synth\u00e8se \ud83c\udf93<\/button>\n <\/div>\n <\/section>\n\n \n <section class=\"summary-section\" id=\"summarySection\">\n <div class=\"summary-hero\">\n <div class=\"summary-emoji\">\ud83c\udf3f<\/div>\n <h2>Votre synth\u00e8se<\/h2>\n <p>Voici ce que vous avez mis en ordre. Ce document vous appartient \u2014 vous pouvez le relire, l'imprimer, ou l'apporter \u00e0 un rendez-vous avec un\u00b7e conseiller\u00b7\u00e8re d'orientation.<\/p>\n <\/div>\n\n <div id=\"summaryContent\"><\/div>\n\n <div class=\"summary-resources\">\n <strong>\ud83e\udded Ressources \u00e0 garder sous la main<\/strong>\n \u2022 <strong>Conseiller\u00b7\u00e8re d'orientation<\/strong> \u2014 Accessible via un c\u00e9gep, une universit\u00e9, ou un service public d'emploi<br>\n \u2022 <strong>Services Qu\u00e9bec \u2014 Emploi<\/strong> \u2014 Information sur les programmes d'aide \u00e0 la formation<br>\n \u2022 <strong>Aide financi\u00e8re aux \u00e9tudes (AFE)<\/strong> \u2014 Pr\u00eats et bourses pour les \u00e9tudes postsecondaires<br>\n \u2022 <strong>Centres d'\u00e9ducation des adultes<\/strong> \u2014 Formation g\u00e9n\u00e9rale, mise \u00e0 niveau<br>\n \u2022 <strong>Reconnaissance des acquis et des comp\u00e9tences (RAC)<\/strong> \u2014 Faire reconna\u00eetre son exp\u00e9rience<br>\n \u2022 <strong>Formations professionnelles courtes<\/strong> \u2014 DEP, AEP, AEC selon les r\u00e9gions<br>\n \u2022 <strong>Programmes d'aide \u00e0 la r\u00e9orientation professionnelle<\/strong><br>\n \u2022 <strong>811 (Info-Social)<\/strong> \u2014 Soutien psychosocial 24\/7 (Qu\u00e9bec)<br>\n \u2022 <strong>988<\/strong> \u2014 Pr\u00e9vention du suicide (24\/7, Canada)\n <\/div>\n\n <div class=\"summary-actions\">\n <button class=\"btn btn-primary\" id=\"printBtn\" type=\"button\">\ud83d\udda8\ufe0f Imprimer<\/button>\n <button class=\"btn btn-secondary\" id=\"downloadBtn\" type=\"button\">\ud83d\udce5 T\u00e9l\u00e9charger<\/button>\n <button class=\"btn btn-secondary\" id=\"restartBtn\" type=\"button\">\ud83d\udd04 Nouvelle exploration<\/button>\n <\/div>\n <p class=\"restart-hint\">Envie de refaire l'exercice ? Vos r\u00e9ponses actuelles seront effac\u00e9es \u2014 pensez \u00e0 imprimer ou t\u00e9l\u00e9charger votre synth\u00e8se avant.<\/p>\n <\/section>\n\n \n <footer class=\"footer\">\n <p>\ud83c\udf93 <strong>Outil d'accompagnement JIRIS<\/strong> \u2014 Justice \u00b7 Inclusion \u00b7 R\u00e9int\u00e9gration \u00b7 Innovation Sociale<\/p>\n <p style=\"margin-top: 8px; opacity: 0.8;\">Cet outil ne pose aucun diagnostic et ne remplace pas un accompagnement en orientation scolaire ou professionnelle. Vos r\u00e9ponses restent dans votre navigateur.<\/p>\n <\/footer>\n\n<\/div>\n\n<script>\n(function () {\n \"use strict\";\n\n const STORAGE_KEY = 'jiris-retour-etudes-outil';\n const TOTAL_STEPS = 6;\n\n const state = {\n currentStep: 0,\n project: '',\n domain: '',\n stage: [],\n timing: '',\n confidenceBefore: null,\n fears: [],\n ageFear: '',\n capacityFear: '',\n worstCase: '',\n hopedFor: '',\n facts: '',\n anticipations: '',\n acquis: '',\n pastEvidence: '',\n needs: [],\n needText: '',\n constraints: '',\n fromOthers: '',\n resources: [],\n chosenResources: '',\n obstacles: '',\n tutoring: '',\n firstStep: '',\n whenStep: '',\n supportStep: '',\n ifHard: '',\n confidenceAfter: null,\n completed: false\n };\n\n const CONFIDENCE_LEVELS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n\n const STAGE_LIST = [\n 'J\\'y pense, mais rien n\\'est d\u00e9cid\u00e9',\n 'Je regarde des programmes, sans d\u00e9marche',\n 'J\\'ai identifi\u00e9 une ou deux pistes',\n 'J\\'ai contact\u00e9 un \u00e9tablissement ou un service',\n 'J\\'ai commenc\u00e9 une d\u00e9marche (dossier, entrevue)',\n 'Je suis admis\u00b7e, et je pr\u00e9pare la rentr\u00e9e',\n 'Je suis d\u00e9j\u00e0 en formation, et j\\'ajuste'\n ];\n\n const FEARS_LIST = [\n 'Peur d\\'\u00eatre trop vieux\u00b7vieille',\n 'Peur d\\'\u00eatre jug\u00e9\u00b7e par les autres \u00e9tudiants',\n 'Peur de ne plus savoir \u00e9tudier',\n 'Peur d\\'\u00e9chouer aux examens',\n 'Peur de ne pas suivre le rythme',\n 'Peur du co\u00fbt financier',\n 'Peur de d\u00e9cevoir mes proches',\n 'Peur de perdre mon emploi ou ma s\u00e9curit\u00e9',\n 'Peur du temps que cela va prendre',\n 'Peur de ne pas \u00eatre l\u00e9gitime',\n 'Peur de ne plus \u00eatre capable d\\'apprendre',\n 'Peur de m\\'engager et de changer d\\'avis',\n 'Peur de concilier \u00e9tudes, travail, famille',\n 'Peur de recommencer \u00e0 z\u00e9ro',\n 'Peur du regard de mon entourage',\n 'Peur de ne pas trouver d\\'emploi apr\u00e8s'\n ];\n\n const NEEDS_LIST = [\n 'De la clart\u00e9 sur le projet',\n 'Un parcours adapt\u00e9 \u00e0 ma r\u00e9alit\u00e9',\n 'Une reconnaissance de mon exp\u00e9rience',\n 'Du soutien financier',\n 'Un am\u00e9nagement du temps (travail, famille)',\n 'Des horaires compatibles',\n 'Un accompagnement p\u00e9dagogique',\n 'Du tutorat ou du mentorat',\n 'Un groupe de pairs adultes',\n 'Du soutien de mes proches',\n 'Du temps pour moi, hors \u00e9tudes',\n 'De la patience envers moi-m\u00eame',\n 'Le droit de prendre un rythme progressif',\n 'Un espace pour ne pas \u00eatre parfait\u00b7e'\n ];\n\n const RESOURCES_LIST = [\n 'Conseiller\u00b7\u00e8re d\\'orientation',\n 'Service d\\'accueil des adultes en formation',\n 'Aide financi\u00e8re aux \u00e9tudes (AFE)',\n 'Pr\u00eats et bourses du gouvernement',\n 'Mesures d\\'aide \u00e0 l\\'emploi (Services Qu\u00e9bec)',\n 'Reconnaissance des acquis et des comp\u00e9tences (RAC)',\n 'Formation \u00e0 distance ou cours du soir',\n 'Centre d\\'\u00e9ducation des adultes',\n 'Programme de formation professionnelle courte',\n 'AEC ou attestation coll\u00e9giale',\n 'Programme universitaire pour adultes',\n 'Service de tutorat ou de mentorat',\n 'Association \u00e9tudiante ou groupe de pairs',\n 'Fonds syndical de formation',\n 'Organisme communautaire d\\'aide \u00e0 la formation',\n 'Service de garde ou am\u00e9nagement familial'\n ];\n\n const introCard = document.getElementById('introCard');\n const progressWrapper = document.getElementById('progressWrapper');\n const progressLabel = document.getElementById('progressLabel');\n const progressPercent = document.getElementById('progressPercent');\n const progressFill = document.getElementById('progressFill');\n const summarySection = document.getElementById('summarySection');\n const summaryContent = document.getElementById('summaryContent');\n\n function renderConfidenceChips(containerId, keyName) {\n const container = document.getElementById(containerId);\n if (!container) return;\n container.innerHTML = '';\n CONFIDENCE_LEVELS.forEach(n => {\n const btn = document.createElement('button');\n btn.type = 'button';\n btn.className = 'chip';\n btn.textContent = n;\n if (state[keyName] === n) btn.classList.add('selected');\n btn.addEventListener('click', () => {\n state[keyName] = n;\n container.querySelectorAll('.chip').forEach(c => c.classList.remove('selected'));\n btn.classList.add('selected');\n saveState();\n });\n container.appendChild(btn);\n });\n }\n\n function renderMultiGrid(containerId, keyName, list) {\n const container = document.getElementById(containerId);\n if (!container) return;\n container.innerHTML = '';\n list.forEach(item => {\n const btn = document.createElement('button');\n btn.type = 'button';\n btn.className = 'multi-chip';\n btn.textContent = item;\n if (state[keyName].includes(item)) btn.classList.add('selected');\n btn.addEventListener('click', () => {\n const idx = state[keyName].indexOf(item);\n if (idx >= 0) {\n state[keyName].splice(idx, 1);\n btn.classList.remove('selected');\n } else {\n state[keyName].push(item);\n btn.classList.add('selected');\n }\n saveState();\n });\n container.appendChild(btn);\n });\n }\n\n function renderChipsRow(containerId, keyName, list) {\n const container = document.getElementById(containerId);\n if (!container) return;\n container.innerHTML = '';\n list.forEach(item => {\n const btn = document.createElement('button');\n btn.type = 'button';\n btn.className = 'chip';\n btn.textContent = item;\n if (state[keyName].includes(item)) btn.classList.add('selected');\n btn.addEventListener('click', () => {\n const idx = state[keyName].indexOf(item);\n if (idx >= 0) {\n state[keyName].splice(idx, 1);\n btn.classList.remove('selected');\n } else {\n state[keyName].push(item);\n btn.classList.add('selected');\n }\n saveState();\n });\n container.appendChild(btn);\n });\n }\n\n function saveState() {\n try {\n localStorage.setItem(STORAGE_KEY, JSON.stringify(state));\n } catch (e) {\n console.warn('Sauvegarde impossible :', e);\n }\n }\n\n function loadState() {\n try {\n const raw = localStorage.getItem(STORAGE_KEY);\n if (!raw) return false;\n const saved = JSON.parse(raw);\n Object.keys(state).forEach(k => {\n if (saved[k] !== undefined) state[k] = saved[k];\n });\n return true;\n } catch (e) {\n return false;\n }\n }\n\n function bindInputs() {\n const bind = (id, key) => {\n const el = document.getElementById(id);\n if (!el) return;\n el.addEventListener('input', e => {\n state[key] = e.target.value;\n saveState();\n });\n };\n bind('project', 'project');\n bind('domain', 'domain');\n bind('timing', 'timing');\n bind('ageFear', 'ageFear');\n bind('capacityFear', 'capacityFear');\n bind('worstCase', 'worstCase');\n bind('hopedFor', 'hopedFor');\n bind('facts', 'facts');\n bind('anticipations', 'anticipations');\n bind('acquis', 'acquis');\n bind('pastEvidence', 'pastEvidence');\n bind('needText', 'needText');\n bind('constraints', 'constraints');\n bind('fromOthers', 'fromOthers');\n bind('chosenResources', 'chosenResources');\n bind('obstacles', 'obstacles');\n bind('tutoring', 'tutoring');\n bind('firstStep', 'firstStep');\n bind('whenStep', 'whenStep');\n bind('supportStep', 'supportStep');\n bind('ifHard', 'ifHard');\n }\n\n function fillInputs() {\n const fill = (id, val) => {\n const el = document.getElementById(id);\n if (el) el.value = val || '';\n };\n fill('project', state.project);\n fill('domain', state.domain);\n fill('timing', state.timing);\n fill('ageFear', state.ageFear);\n fill('capacityFear', state.capacityFear);\n fill('worstCase', state.worstCase);\n fill('hopedFor', state.hopedFor);\n fill('facts', state.facts);\n fill('anticipations', state.anticipations);\n fill('acquis', state.acquis);\n fill('pastEvidence', state.pastEvidence);\n fill('needText', state.needText);\n fill('constraints', state.constraints);\n fill('fromOthers', state.fromOthers);\n fill('chosenResources', state.chosenResources);\n fill('obstacles', state.obstacles);\n fill('tutoring', state.tutoring);\n fill('firstStep', state.firstStep);\n fill('whenStep', state.whenStep);\n fill('supportStep', state.supportStep);\n fill('ifHard', state.ifHard);\n }\n\n function goToIntro() {\n state.currentStep = 0;\n introCard.style.display = 'block';\n progressWrapper.style.display = 'none';\n summarySection.classList.remove('active');\n document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n updateIntroForCompleted();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n saveState();\n }\n\n function goToStep(n) {\n if (n < 1 || n > TOTAL_STEPS) return;\n state.currentStep = n;\n introCard.style.display = 'none';\n progressWrapper.style.display = 'block';\n summarySection.classList.remove('active');\n document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n const target = document.getElementById('step' + n);\n if (target) target.classList.add('active');\n updateProgress();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n saveState();\n }\n\n function updateProgress() {\n const pct = Math.round((state.currentStep \/ TOTAL_STEPS) * 100);\n progressLabel.textContent = '\u00c9tape ' + state.currentStep + ' sur ' + TOTAL_STEPS;\n progressPercent.textContent = pct + '%';\n progressFill.style.width = pct + '%';\n }\n\n function escapeHtml(s) {\n const div = document.createElement('div');\n div.textContent = s || '';\n return div.innerHTML;\n }\n\n function buildSummaryHtml() {\n const blocks = [];\n\n if (state.project || state.domain || state.stage.length > 0 || state.timing || state.confidenceBefore !== null) {\n let inner = '';\n if (state.project) inner += '<p><strong>Ce qui m\\'attire :<\/strong><br>' + escapeHtml(state.project) + '<\/p>';\n if (state.domain) inner += '<p style=\"margin-top: 10px;\"><strong>Domaine ou formation :<\/strong><br>' + escapeHtml(state.domain) + '<\/p>';\n if (state.stage.length > 0) {\n inner += '<p style=\"margin-top: 12px;\"><strong>O\u00f9 j\\'en suis :<\/strong><\/p>';\n inner += '<ul>' + state.stage.map(s => '<li>' + escapeHtml(s) + '<\/li>').join('') + '<\/ul>';\n }\n if (state.timing) inner += '<p style=\"margin-top: 10px;\"><strong>\u00c9ch\u00e9ance :<\/strong> ' + escapeHtml(state.timing) + '<\/p>';\n if (state.confidenceBefore !== null) inner += '<p style=\"margin-top: 10px; font-size: 14px; color: var(--muted);\">Confiance au d\u00e9part : <strong style=\"color: var(--primary);\">' + state.confidenceBefore + '\/10<\/strong><\/p>';\n blocks.push(\n '<div class=\"summary-block\">' +\n '<h3>\ud83c\udfaf Le projet<\/h3>' +\n inner +\n '<\/div>'\n );\n }\n\n if (state.fears.length > 0 || state.ageFear || state.capacityFear || state.worstCase || state.hopedFor) {\n let inner = '';\n if (state.fears.length > 0) {\n inner += '<p><strong>Ce qui inqui\u00e8te :<\/strong><\/p>';\n inner += '<ul>' + state.fears.map(f => '<li>' + escapeHtml(f) + '<\/li>').join('') + '<\/ul>';\n }\n if (state.ageFear) inner += '<p style=\"margin-top: 12px;\"><strong>C\u00f4t\u00e9 \u00e2ge ou parcours :<\/strong><br>' + escapeHtml(state.ageFear) + '<\/p>';\n if (state.capacityFear) inner += '<p style=\"margin-top: 10px;\"><strong>C\u00f4t\u00e9 capacit\u00e9s :<\/strong><br>' + escapeHtml(state.capacityFear) + '<\/p>';\n if (state.worstCase) inner += '<p style=\"margin-top: 10px;\"><strong>Le pire sc\u00e9nario redout\u00e9 :<\/strong><br>' + escapeHtml(state.worstCase) + '<\/p>';\n if (state.hopedFor) inner += '<p style=\"margin-top: 10px;\"><strong>Un retour qui se passe bien :<\/strong><br>' + escapeHtml(state.hopedFor) + '<\/p>';\n blocks.push(\n '<div class=\"summary-block\">' +\n '<h3>\ud83d\udcad Craintes<\/h3>' +\n inner +\n '<\/div>'\n );\n }\n\n if (state.facts || state.anticipations || state.acquis || state.pastEvidence) {\n let inner = '<div class=\"summary-control-grid\">';\n if (state.facts) {\n inner += '<div class=\"summary-control-box facts\">' +\n '<span class=\"summary-control-label\">\u2705 Faits<\/span>' +\n escapeHtml(state.facts) +\n '<\/div>';\n }\n if (state.anticipations) {\n inner += '<div class=\"summary-control-box fears\">' +\n '<span class=\"summary-control-label\">\ud83d\udcad Anticipations<\/span>' +\n escapeHtml(state.anticipations) +\n '<\/div>';\n }\n inner += '<\/div>';\n if (state.acquis) {\n inner += '<p style=\"margin-top: 14px;\"><strong>Acquis \u00e0 faire reconna\u00eetre :<\/strong><br>' + escapeHtml(state.acquis) + '<\/p>';\n }\n if (state.pastEvidence) {\n inner += '<p style=\"margin-top: 10px;\"><strong>Ce que j\\'ai appris \u00e0 l\\'\u00e2ge adulte :<\/strong><br>' + escapeHtml(state.pastEvidence) + '<\/p>';\n }\n blocks.push(\n '<div class=\"summary-block\">' +\n '<h3>\ud83d\udd0d Faits et anticipations<\/h3>' +\n inner +\n '<\/div>'\n );\n }\n\n if (state.needs.length > 0 || state.needText || state.constraints || state.fromOthers) {\n let inner = '';\n if (state.needs.length > 0) {\n inner += '<ul>' + state.needs.map(n => '<li>' + escapeHtml(n) + '<\/li>').join('') + '<\/ul>';\n }\n if (state.needText) inner += '<p style=\"margin-top: 10px;\">' + escapeHtml(state.needText) + '<\/p>';\n if (state.constraints) inner += '<p style=\"margin-top: 12px;\"><strong>Contraintes \u00e0 prendre en compte :<\/strong><br>' + escapeHtml(state.constraints) + '<\/p>';\n if (state.fromOthers) inner += '<p style=\"margin-top: 10px;\"><strong>De la part de mes proches :<\/strong><br>' + escapeHtml(state.fromOthers) + '<\/p>';\n blocks.push(\n '<div class=\"summary-block\">' +\n '<h3>\ud83c\udf3f Mes besoins<\/h3>' +\n inner +\n '<\/div>'\n );\n }\n\n if (state.resources.length > 0 || state.chosenResources || state.obstacles || state.tutoring) {\n let inner = '';\n if (state.resources.length > 0) {\n inner += '<p><strong>Ressources possibles :<\/strong><\/p>';\n inner += '<ul>' + state.resources.map(r => '<li>' + escapeHtml(r) + '<\/li>').join('') + '<\/ul>';\n }\n if (state.chosenResources) inner += '<p style=\"margin-top: 12px;\"><strong>\u00c0 explorer en priorit\u00e9 :<\/strong><br>' + escapeHtml(state.chosenResources) + '<\/p>';\n if (state.obstacles) inner += '<p style=\"margin-top: 10px;\"><strong>Obstacles possibles :<\/strong><br>' + escapeHtml(state.obstacles) + '<\/p>';\n if (state.tutoring) inner += '<p style=\"margin-top: 10px;\"><strong>Soutien p\u00e9dagogique envisag\u00e9 :<\/strong><br>' + escapeHtml(state.tutoring) + '<\/p>';\n blocks.push(\n '<div class=\"summary-block\">' +\n '<h3>\ud83e\udd1d Ressources et soutien<\/h3>' +\n inner +\n '<\/div>'\n );\n }\n\n if (state.firstStep || state.whenStep || state.supportStep || state.ifHard) {\n let inner = '';\n if (state.firstStep) inner += '<p><strong>Mon premier pas :<\/strong><br>' + escapeHtml(state.firstStep) + '<\/p>';\n if (state.whenStep) inner += '<p style=\"margin-top: 10px;\"><strong>Quand :<\/strong> ' + escapeHtml(state.whenStep) + '<\/p>';\n if (state.supportStep) inner += '<p style=\"margin-top: 10px;\"><strong>Soutien pr\u00e9vu :<\/strong> ' + escapeHtml(state.supportStep) + '<\/p>';\n if (state.ifHard) inner += '<p style=\"margin-top: 10px;\"><strong>Si c\\'est difficile :<\/strong><br>' + escapeHtml(state.ifHard) + '<\/p>';\n blocks.push(\n '<div class=\"summary-block\">' +\n '<h3>\ud83d\udc63 Premier pas<\/h3>' +\n inner +\n '<\/div>'\n );\n }\n\n if (state.confidenceBefore !== null && state.confidenceAfter !== null) {\n const diff = state.confidenceAfter - state.confidenceBefore;\n let evoText = '';\n if (diff > 0) evoText = 'Votre confiance a <strong style=\"color: var(--accent);\">augment\u00e9 de ' + diff + ' point' + (diff > 1 ? 's' : '') + '<\/strong> apr\u00e8s ce travail. C\\'est pr\u00e9cieux \u00e0 noter.';\n else if (diff === 0) evoText = 'Votre confiance est rest\u00e9e <strong>stable<\/strong>. Prendre ce temps compte d\u00e9j\u00e0.';\n else evoText = 'Votre confiance a <strong>baiss\u00e9<\/strong> de ' + Math.abs(diff) + ' point' + (Math.abs(diff) > 1 ? 's' : '') + '. Explorer un projet peut raviver temporairement les doutes \u2014 c\\'est humain. Allez-y en douceur.';\n\n blocks.push(\n '<div class=\"summary-block\">' +\n '<h3>\ud83d\udcca \u00c9volution de la confiance<\/h3>' +\n '<p>Avant : <strong>' + state.confidenceBefore + '\/10<\/strong> \u00b7 Apr\u00e8s : <strong>' + state.confidenceAfter + '\/10<\/strong><\/p>' +\n '<p style=\"margin-top: 8px;\">' + evoText + '<\/p>' +\n '<\/div>'\n );\n }\n\n if (blocks.length === 0) {\n return '<p style=\"text-align: center; color: var(--muted); font-style: italic;\">Vous n\\'avez encore rien not\u00e9. Revenez en arri\u00e8re pour compl\u00e9ter quelques \u00e9tapes \u2014 \u00e0 votre rythme.<\/p>';\n }\n\n return blocks.join('');\n }\n\n function showSummary() {\n state.completed = true;\n summaryContent.innerHTML = buildSummaryHtml();\n document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n summarySection.classList.add('active');\n progressWrapper.style.display = 'none';\n progressLabel.textContent = 'Synth\u00e8se';\n progressPercent.textContent = '100%';\n progressFill.style.width = '100%';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n saveState();\n }\n\n function printSummary() {\n try {\n if (typeof window.print === 'function') {\n window.print();\n } else {\n throw new Error('window.print non disponible');\n }\n } catch (err) {\n console.warn('Impression non disponible :', err);\n alert('L\\'impression n\\'est pas disponible dans cet environnement.\\n\\nVous pouvez utiliser la fonction \"T\u00e9l\u00e9charger\" pour sauvegarder votre synth\u00e8se.');\n }\n }\n\n function buildPlainTextSummary() {\n let t = '\ud83c\udf93 RETOUR AUX \u00c9TUDES APR\u00c8S UNE LONGUE PAUSE\\n';\n t += '================================================\\n';\n t += 'Outil JIRIS \u2014 Justice \u00b7 Inclusion \u00b7 R\u00e9int\u00e9gration \u00b7 Innovation Sociale\\n\\n';\n\n t += '\u26a0\ufe0f RAPPEL\\n';\n t += 'Cet outil ne remplace pas un accompagnement en orientation scolaire ou professionnelle.\\n';\n t += 'Ressources : conseiller\u00b7\u00e8re d\\'orientation \u00b7 Services Qu\u00e9bec \u00b7 AFE \u00b7 811 \u00b7 988\\n\\n';\n\n if (state.project || state.domain || state.stage.length > 0 || state.timing || state.confidenceBefore !== null) {\n t += '\ud83c\udfaf LE PROJET\\n';\n if (state.project) t += 'Ce qui m\\'attire : ' + state.project + '\\n';\n if (state.domain) t += 'Domaine ou formation : ' + state.domain + '\\n';\n if (state.stage.length > 0) t += 'O\u00f9 j\\'en suis : ' + state.stage.join(', ') + '\\n';\n if (state.timing) t += '\u00c9ch\u00e9ance : ' + state.timing + '\\n';\n if (state.confidenceBefore !== null) t += 'Confiance : ' + state.confidenceBefore + '\/10\\n';\n t += '\\n';\n }\n\n if (state.fears.length > 0 || state.ageFear || state.capacityFear || state.worstCase || state.hopedFor) {\n t += '\ud83d\udcad CRAINTES\\n';\n state.fears.forEach((f, i) => t += (i + 1) + '. ' + f + '\\n');\n if (state.ageFear) t += 'C\u00f4t\u00e9 \u00e2ge ou parcours : ' + state.ageFear + '\\n';\n if (state.capacityFear) t += 'C\u00f4t\u00e9 capacit\u00e9s : ' + state.capacityFear + '\\n';\n if (state.worstCase) t += 'Pire sc\u00e9nario : ' + state.worstCase + '\\n';\n if (state.hopedFor) t += 'Un retour qui se passe bien : ' + state.hopedFor + '\\n';\n t += '\\n';\n }\n\n if (state.facts || state.anticipations || state.acquis || state.pastEvidence) {\n t += '\ud83d\udd0d FAITS ET ANTICIPATIONS\\n';\n if (state.facts) t += 'Faits : ' + state.facts + '\\n';\n if (state.anticipations) t += 'Anticipations : ' + state.anticipations + '\\n';\n if (state.acquis) t += 'Acquis \u00e0 faire reconna\u00eetre : ' + state.acquis + '\\n';\n if (state.pastEvidence) t += 'Ce que j\\'ai appris \u00e0 l\\'\u00e2ge adulte : ' + state.pastEvidence + '\\n';\n t += '\\n';\n }\n\n if (state.needs.length > 0 || state.needText || state.constraints || state.fromOthers) {\n t += '\ud83c\udf3f MES BESOINS\\n';\n if (state.needs.length > 0) t += 'Besoins identifi\u00e9s : ' + state.needs.join(', ') + '\\n';\n if (state.needText) t += state.needText + '\\n';\n if (state.constraints) t += 'Contraintes : ' + state.constraints + '\\n';\n if (state.fromOthers) t += 'De la part de mes proches : ' + state.fromOthers + '\\n';\n t += '\\n';\n }\n\n if (state.resources.length > 0 || state.chosenResources || state.obstacles || state.tutoring) {\n t += '\ud83e\udd1d RESSOURCES ET SOUTIEN\\n';\n state.resources.forEach((r, i) => t += (i + 1) + '. ' + r + '\\n');\n if (state.chosenResources) t += '\u00c0 explorer en priorit\u00e9 : ' + state.chosenResources + '\\n';\n if (state.obstacles) t += 'Obstacles possibles : ' + state.obstacles + '\\n';\n if (state.tutoring) t += 'Soutien p\u00e9dagogique envisag\u00e9 : ' + state.tutoring + '\\n';\n t += '\\n';\n }\n\n if (state.firstStep || state.whenStep || state.supportStep || state.ifHard) {\n t += '\ud83d\udc63 PREMIER PAS\\n';\n if (state.firstStep) t += 'Mon premier pas : ' + state.firstStep + '\\n';\n if (state.whenStep) t += 'Quand : ' + state.whenStep + '\\n';\n if (state.supportStep) t += 'Soutien pr\u00e9vu : ' + state.supportStep + '\\n';\n if (state.ifHard) t += 'Si c\\'est difficile : ' + state.ifHard + '\\n';\n t += '\\n';\n }\n\n if (state.confidenceBefore !== null && state.confidenceAfter !== null) {\n t += '\ud83d\udcca \u00c9VOLUTION DE LA CONFIANCE\\n';\n t += 'Avant : ' + state.confidenceBefore + '\/10 \u00b7 Apr\u00e8s : ' + state.confidenceAfter + '\/10\\n\\n';\n }\n\n t += '================================================\\n';\n t += 'G\u00e9n\u00e9r\u00e9 le ' + new Date().toLocaleDateString('fr-CA', { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }) + '\\n';\n t += 'Cet outil ne pose aucun diagnostic et ne remplace pas un accompagnement en orientation scolaire ou professionnelle.';\n\n return t;\n }\n\n function downloadSummary() {\n const text = buildPlainTextSummary();\n const filename = 'retour-etudes-jiris-' + new Date().toISOString().slice(0, 10) + '.txt';\n\n try {\n const blob = new Blob([text], { type: 'text\/plain;charset=utf-8' });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = filename;\n a.style.display = 'none';\n document.body.appendChild(a);\n a.click();\n setTimeout(() => {\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n }, 500);\n console.log('\u2705 T\u00e9l\u00e9chargement lanc\u00e9 via Blob');\n return;\n } catch (err1) {\n console.warn('M\u00e9thode Blob \u00e9chou\u00e9e :', err1);\n }\n\n try {\n const dataUri = 'data:text\/plain;charset=utf-8,' + encodeURIComponent(text);\n const a = document.createElement('a');\n a.href = dataUri;\n a.download = filename;\n a.style.display = 'none';\n document.body.appendChild(a);\n a.click();\n setTimeout(() => document.body.removeChild(a), 500);\n console.log('\u2705 T\u00e9l\u00e9chargement lanc\u00e9 via data URI');\n return;\n } catch (err2) {\n console.warn('M\u00e9thode data URI \u00e9chou\u00e9e :', err2);\n }\n\n try {\n const blob = new Blob([text], { type: 'text\/plain;charset=utf-8' });\n const url = URL.createObjectURL(blob);\n const newWindow = window.open(url, '_blank');\n if (!newWindow) throw new Error('Popup bloqu\u00e9e');\n console.log('\u2705 Ouverture dans un nouvel onglet');\n return;\n } catch (err3) {\n console.warn('Ouverture nouvel onglet \u00e9chou\u00e9e :', err3);\n }\n\n alert('Le t\u00e9l\u00e9chargement automatique n\\'est pas disponible dans cet environnement.\\n\\nLe texte de votre synth\u00e8se va s\\'afficher dans une nouvelle fen\u00eatre.');\n const w = window.open('', '_blank');\n if (w) {\n w.document.write('<pre style=\"font-family: monospace; white-space: pre-wrap; padding: 20px; line-height: 1.5;\">' + escapeHtml(text) + '<\/pre>');\n w.document.title = 'Synth\u00e8se \u2014 Retour aux \u00e9tudes apr\u00e8s une longue pause';\n }\n }\n\n function restart() {\n if (!confirm('Effacer toutes vos r\u00e9ponses et recommencer ?')) return;\n try { localStorage.removeItem(STORAGE_KEY); } catch (e) {}\n Object.keys(state).forEach(k => {\n if (k === 'stage' || k === 'fears' || k === 'needs' || k === 'resources') state[k] = [];\n else if (k === 'confidenceBefore' || k === 'confidenceAfter') state[k] = null;\n else if (k === 'completed') state[k] = false;\n else if (k === 'currentStep') state[k] = 0;\n else state[k] = '';\n });\n saveState();\n location.reload();\n }\n\n function updateIntroForCompleted() {\n const notice = document.getElementById('completedNotice');\n const startBtn = document.getElementById('startBtn');\n const reviewBtn = document.getElementById('reviewBtn');\n const resetBtn = document.getElementById('resetBtn');\n\n if (state.completed) {\n if (notice) notice.style.display = 'flex';\n if (startBtn) startBtn.style.display = 'none';\n if (reviewBtn) reviewBtn.style.display = 'inline-flex';\n if (resetBtn) resetBtn.textContent = '\ud83d\udd04 Recommencer une nouvelle exploration';\n } else {\n if (notice) notice.style.display = 'none';\n if (startBtn) startBtn.style.display = 'inline-flex';\n if (reviewBtn) reviewBtn.style.display = 'none';\n if (resetBtn) resetBtn.textContent = 'R\u00e9initialiser';\n }\n }\n\n function init() {\n const hasSaved = loadState();\n fillInputs();\n bindInputs();\n\n renderConfidenceChips('confidenceChips', 'confidenceBefore');\n renderConfidenceChips('confidenceChipsAfter', 'confidenceAfter');\n renderMultiGrid('stageGrid', 'stage', STAGE_LIST);\n renderMultiGrid('fearsGrid', 'fears', FEARS_LIST);\n renderChipsRow('needsChips', 'needs', NEEDS_LIST);\n renderMultiGrid('resourcesGrid', 'resources', RESOURCES_LIST);\n\n const printBtn = document.getElementById('printBtn');\n const downloadBtn = document.getElementById('downloadBtn');\n const restartBtn = document.getElementById('restartBtn');\n const reviewBtn = document.getElementById('reviewBtn');\n\n if (printBtn) {\n printBtn.addEventListener('click', function (e) {\n e.preventDefault();\n printSummary();\n });\n }\n if (downloadBtn) {\n downloadBtn.addEventListener('click', function (e) {\n e.preventDefault();\n downloadSummary();\n });\n }\n if (restartBtn) {\n restartBtn.addEventListener('click', function (e) {\n e.preventDefault();\n restart();\n });\n }\n if (reviewBtn) {\n reviewBtn.addEventListener('click', function (e) {\n e.preventDefault();\n showSummary();\n });\n }\n\n const startBtn = document.getElementById('startBtn');\n const resetBtn = document.getElementById('resetBtn');\n if (startBtn) {\n startBtn.addEventListener('click', function () {\n if (hasSaved && state.currentStep > 0 && state.currentStep <= TOTAL_STEPS) {\n goToStep(state.currentStep);\n } else {\n goToStep(1);\n }\n });\n }\n if (resetBtn) {\n resetBtn.addEventListener('click', restart);\n }\n\n document.querySelectorAll('[data-action]').forEach(btn => {\n btn.addEventListener('click', function () {\n const action = this.dataset.action;\n const target = this.dataset.target;\n if (action === 'intro') goToIntro();\n else if (action === 'step') goToStep(parseInt(target, 10));\n else if (action === 'summary') showSummary();\n });\n });\n\n if (state.completed) {\n updateIntroForCompleted();\n } else if (hasSaved && state.currentStep > 0 && state.currentStep <= TOTAL_STEPS && startBtn) {\n startBtn.textContent = 'Reprendre en douceur \u2192';\n }\n\n console.log('\u2705 Outil \u00ab Retour aux \u00e9tudes apr\u00e8s une longue pause \u00bb initialis\u00e9');\n }\n\n window.jirisRetourEtudes = {\n state,\n goToStep,\n showSummary,\n printSummary,\n downloadSummary,\n restart\n };\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', init);\n } else {\n init();\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Retour aux \u00e9tudes apr\u00e8s une longue pause Retour aux \u00e9tudes apr\u00e8s une longue pause \u2014 Outil d’accompagnement JIRIS \ud83c\udf93 Retour aux \u00e9tudes apr\u00e8s une longue pause Un outil d’accompagnement pour apprivoiser l’id\u00e9e d’\u00e9tudier \u00e0 nouveau \u2014 \u00e0 votre rythme, avec vos forces, et sans vous diminuer. Avant de commencer \u26a0\ufe0f Ce n’est pas un retour […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"iawp_total_views":0,"footnotes":""},"class_list":["post-3547","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/pages\/3547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/comments?post=3547"}],"version-history":[{"count":4,"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/pages\/3547\/revisions"}],"predecessor-version":[{"id":3551,"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/pages\/3547\/revisions\/3551"}],"wp:attachment":[{"href":"https:\/\/jiris.ca\/en\/wp-json\/wp\/v2\/media?parent=3547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}