{"id":210,"date":"2026-07-22T13:55:28","date_gmt":"2026-07-22T13:55:28","guid":{"rendered":"https:\/\/digishieldyouth.org\/?page_id=210"},"modified":"2026-07-23T16:36:59","modified_gmt":"2026-07-23T16:36:59","slug":"quiz","status":"publish","type":"page","link":"https:\/\/digishieldyouth.org\/fr\/quiz\/","title":{"rendered":"Quiz"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"210\" class=\"elementor elementor-210\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73cb1e4 e-flex e-con-boxed e-con e-parent\" data-id=\"73cb1e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a70790f elementor-widget elementor-widget-html\" data-id=\"a70790f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;800;900&display=swap');\r\n\r\n:root{\r\n    --gold:#D4AF37;\r\n    --gold2:#FFE08A;\r\n    --green:#0F6A2F;\r\n    --green-dark:#0A3D1F;\r\n    --dark:#020805;\r\n    --white:#FFFFFF;\r\n    --ink:#111827;\r\n    --muted:#64748B;\r\n}\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\/* =========================================\r\n   GLOBAL RESET\r\n========================================= *\/\r\n\r\n.dsy-quiz-page,\r\n.dsy-quiz-page *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.dsy-quiz-page{\r\n    margin:0;\r\n    background:#020805;\r\n    color:#fff;\r\n    font-family:Inter,Arial,sans-serif;\r\n    overflow:hidden;\r\n}\r\n\r\n.dsy-quiz-page a{\r\n    text-decoration:none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GENERAL LAYOUT\r\n========================================= *\/\r\n\r\n.dsy-section{\r\n    position:relative;\r\n    padding:100px 22px;\r\n}\r\n\r\n.dsy-container{\r\n    width:100%;\r\n    max-width:1180px;\r\n    margin:0 auto;\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.dsy-kicker{\r\n    display:inline-flex;\r\n    padding:10px 16px;\r\n    border-radius:999px;\r\n    color:#06150c;\r\n    background:linear-gradient(145deg,#FFE08A,#D4AF37);\r\n    border:1px solid rgba(255,224,138,.45);\r\n    font-size:12px;\r\n    font-weight:900;\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.dsy-title{\r\n    max-width:950px;\r\n    margin:24px auto 18px;\r\n    font-family:'Playfair Display',serif;\r\n    font-size:clamp(48px,7vw,92px);\r\n    line-height:.98;\r\n    letter-spacing:-3px;\r\n    text-align:center;\r\n}\r\n\r\n.dsy-gradient-text{\r\n    background:linear-gradient(135deg,#fff,#FFE08A 55%,#fff);\r\n    -webkit-background-clip:text;\r\n    background-clip:text;\r\n    color:transparent;\r\n}\r\n\r\n.dsy-lead{\r\n    max-width:790px;\r\n    margin:0 auto;\r\n    color:#dcece1;\r\n    font-size:clamp(17px,2vw,22px);\r\n    line-height:1.7;\r\n    text-align:center;\r\n}\r\n\r\n.dsy-button{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n    padding:15px 24px;\r\n    border:0;\r\n    border-radius:999px;\r\n    font:inherit;\r\n    font-weight:900;\r\n    cursor:pointer;\r\n    transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.dsy-button:hover{\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.dsy-button-primary{\r\n    color:#06150c;\r\n    background:linear-gradient(145deg,#FFE08A,#D4AF37);\r\n    box-shadow:0 20px 55px rgba(212,175,55,.28);\r\n}\r\n\r\n.dsy-button-secondary{\r\n    color:#fff;\r\n    background:rgba(255,255,255,.08);\r\n    border:1px solid rgba(255,255,255,.20);\r\n}\r\n\r\n.dsy-button-green{\r\n    color:#fff;\r\n    background:linear-gradient(145deg,#0F6A2F,#087B40);\r\n}\r\n\r\n\/* =========================================\r\n   HERO\r\n========================================= *\/\r\n\r\n.dsy-quiz-hero{\r\n    min-height:78vh;\r\n    display:flex;\r\n    align-items:center;\r\n    background:\r\n        radial-gradient(circle at 85% 10%,rgba(212,175,55,.18),transparent 30%),\r\n        radial-gradient(circle at 10% 85%,rgba(15,106,47,.42),transparent 34%),\r\n        linear-gradient(115deg,#020805,#071B0E 48%,#0A3D1F);\r\n}\r\n\r\n.dsy-hero-content{\r\n    text-align:center;\r\n}\r\n\r\n.dsy-hero-meta{\r\n    display:flex;\r\n    justify-content:center;\r\n    gap:14px;\r\n    flex-wrap:wrap;\r\n    margin:30px 0;\r\n}\r\n\r\n.dsy-meta-item{\r\n    padding:12px 18px;\r\n    border-radius:999px;\r\n    color:#e6f5ea;\r\n    background:rgba(255,255,255,.075);\r\n    border:1px solid rgba(255,255,255,.12);\r\n    font-weight:800;\r\n}\r\n\r\n.dsy-hero-actions{\r\n    display:flex;\r\n    justify-content:center;\r\n    gap:15px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n\/* =========================================\r\n   QR ENTRY\r\n========================================= *\/\r\n\r\n.dsy-qr-section{\r\n    background:linear-gradient(180deg,#F7FAF8,#EEF7F0);\r\n    color:var(--ink);\r\n}\r\n\r\n.dsy-qr-layout{\r\n    display:grid;\r\n    grid-template-columns:1fr .72fr;\r\n    gap:55px;\r\n    align-items:center;\r\n}\r\n\r\n.dsy-qr-copy h2{\r\n    margin:18px 0;\r\n    color:#06150c;\r\n    font-family:'Playfair Display',serif;\r\n    font-size:clamp(38px,5vw,66px);\r\n    line-height:1.02;\r\n}\r\n\r\n.dsy-qr-copy p{\r\n    color:#475569;\r\n    font-size:19px;\r\n    line-height:1.75;\r\n}\r\n\r\n.dsy-qr-card{\r\n    padding:35px;\r\n    text-align:center;\r\n    background:#fff;\r\n    border:1px solid #dfe9e2;\r\n    border-radius:34px;\r\n    box-shadow:0 25px 70px rgba(10,61,31,.12);\r\n}\r\n\r\n.dsy-qr-card img{\r\n    display:block;\r\n    width:min(260px,100%);\r\n    margin:0 auto;\r\n}\r\n\r\n.dsy-qr-card strong{\r\n    display:block;\r\n    margin-top:22px;\r\n    color:#0A3D1F;\r\n    font-size:24px;\r\n}\r\n\r\n\/* =========================================\r\n   QUIZ\r\n========================================= *\/\r\n\r\n.dsy-quiz-section{\r\n    padding-top:20px !important;\r\n    background:\r\n        radial-gradient(circle at 90% 5%,rgba(212,175,55,.15),transparent 30%),\r\n        linear-gradient(135deg,#020805,#062011,#0A3D1F);\r\n}\r\n\r\n.dsy-quiz-shell{\r\n    max-width:900px;\r\n    margin:0 auto;\r\n    padding:36px;\r\n    border-radius:36px;\r\n    background:rgba(255,255,255,.075);\r\n    border:1px solid rgba(255,224,138,.18);\r\n    backdrop-filter:blur(16px);\r\n    box-shadow:0 35px 100px rgba(0,0,0,.35);\r\n}\r\n\r\n.dsy-progress-row{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:20px;\r\n    margin-bottom:14px;\r\n    color:#dcece1;\r\n    font-weight:800;\r\n}\r\n\r\n.dsy-progress-track{\r\n    width:100%;\r\n    height:12px;\r\n    margin-bottom:35px;\r\n    overflow:hidden;\r\n    border-radius:999px;\r\n    background:rgba(255,255,255,.10);\r\n}\r\n\r\n.dsy-progress-bar{\r\n    width:20%;\r\n    height:100%;\r\n    border-radius:999px;\r\n    background:linear-gradient(90deg,#FFE08A,#D4AF37);\r\n    transition:width .35s ease;\r\n}\r\n\r\n.dsy-question{\r\n    display:none;\r\n}\r\n\r\n.dsy-question.active{\r\n    display:block;\r\n    animation:dsyFadeIn .35s ease;\r\n}\r\n\r\n@keyframes dsyFadeIn{\r\n    from{\r\n        opacity:0;\r\n        transform:translateY(10px);\r\n    }\r\n    to{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n.dsy-question-number{\r\n    margin-bottom:12px;\r\n    color:var(--gold2);\r\n    font-size:13px;\r\n    font-weight:900;\r\n    letter-spacing:1.4px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.dsy-question h3{\r\n    margin:0 0 25px;\r\n    font-family:'Playfair Display',serif;\r\n    font-size:clamp(29px,4vw,43px);\r\n    line-height:1.15;\r\n}\r\n\r\n.dsy-options{\r\n    display:grid;\r\n    gap:14px;\r\n}\r\n\r\n.dsy-option{\r\n    width:100%;\r\n    padding:18px 20px;\r\n    text-align:left;\r\n    color:#fff;\r\n    background:rgba(255,255,255,.075);\r\n    border:1px solid rgba(255,255,255,.13);\r\n    border-radius:20px;\r\n    font:inherit;\r\n    font-size:16px;\r\n    font-weight:700;\r\n    cursor:pointer;\r\n    transition:\r\n        transform .2s ease,\r\n        border-color .2s ease,\r\n        background .2s ease;\r\n}\r\n\r\n.dsy-option:hover{\r\n    transform:translateY(-2px);\r\n    border-color:rgba(255,224,138,.48);\r\n    background:rgba(212,175,55,.12);\r\n}\r\n\r\n.dsy-option.selected{\r\n    color:#06150c;\r\n    background:linear-gradient(145deg,#FFE08A,#D4AF37);\r\n    border-color:#FFE08A;\r\n}\r\n\r\n.dsy-quiz-controls{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:15px;\r\n    margin-top:30px;\r\n}\r\n\r\n\/* =========================================\r\n   RESULTS\r\n========================================= *\/\r\n\r\n.dsy-result-section{\r\n    display:none;\r\n    background:linear-gradient(180deg,#F8FBF8,#EEF7F0);\r\n    color:var(--ink);\r\n}\r\n\r\n.dsy-result-card{\r\n    max-width:900px;\r\n    margin:0 auto;\r\n    padding:48px;\r\n    text-align:center;\r\n    border-radius:38px;\r\n    background:#fff;\r\n    border:1px solid #dce8df;\r\n    box-shadow:0 30px 90px rgba(10,61,31,.14);\r\n}\r\n\r\n.dsy-result-icon{\r\n    width:105px;\r\n    height:105px;\r\n    display:grid;\r\n    place-items:center;\r\n    margin:0 auto 22px;\r\n    border-radius:32px;\r\n    background:linear-gradient(145deg,#FFE08A,#D4AF37);\r\n    font-size:52px;\r\n    box-shadow:0 20px 55px rgba(212,175,55,.25);\r\n}\r\n\r\n.dsy-result-label{\r\n    color:#0F6A2F;\r\n    font-size:13px;\r\n    font-weight:900;\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.dsy-result-title{\r\n    margin:12px 0 18px;\r\n    color:#06150c;\r\n    font-family:'Playfair Display',serif;\r\n    font-size:clamp(42px,6vw,72px);\r\n    line-height:1;\r\n}\r\n\r\n.dsy-result-description{\r\n    max-width:680px;\r\n    margin:0 auto;\r\n    color:#475569;\r\n    font-size:19px;\r\n    line-height:1.75;\r\n}\r\n\r\n.dsy-badge{\r\n    max-width:520px;\r\n    margin:32px auto;\r\n    padding:25px;\r\n    border-radius:28px;\r\n    color:#fff;\r\n    background:\r\n        radial-gradient(circle at 80% 15%,rgba(255,224,138,.22),transparent 30%),\r\n        linear-gradient(135deg,#020805,#0A3D1F);\r\n    border:1px solid rgba(212,175,55,.38);\r\n}\r\n\r\n.dsy-badge small{\r\n    display:block;\r\n    color:#FFE08A;\r\n    letter-spacing:1.5px;\r\n    font-weight:900;\r\n}\r\n\r\n.dsy-badge strong{\r\n    display:block;\r\n    margin:10px 0;\r\n    font-size:30px;\r\n}\r\n\r\n.dsy-badge-id{\r\n    color:#dcece1;\r\n    font-size:13px;\r\n}\r\n\r\n.dsy-result-actions{\r\n    display:flex;\r\n    justify-content:center;\r\n    gap:14px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n\/* =========================================\r\n   JOIN MOVEMENT\r\n========================================= *\/\r\n\r\n.dsy-join-section{\r\n    background:\r\n        radial-gradient(circle at 15% 15%,rgba(212,175,55,.14),transparent 30%),\r\n        linear-gradient(135deg,#020805,#071B0E,#0A3D1F);\r\n}\r\n\r\n.dsy-join-layout{\r\n    display:grid;\r\n    grid-template-columns:.85fr 1.15fr;\r\n    gap:50px;\r\n    align-items:center;\r\n}\r\n\r\n.dsy-join-copy h2{\r\n    margin:18px 0;\r\n    font-family:'Playfair Display',serif;\r\n    font-size:clamp(40px,5vw,67px);\r\n    line-height:1;\r\n}\r\n\r\n.dsy-join-copy p{\r\n    color:#dcece1;\r\n    font-size:19px;\r\n    line-height:1.75;\r\n}\r\n\r\n.dsy-join-form{\r\n    display:grid;\r\n    gap:16px;\r\n    padding:32px;\r\n    border-radius:32px;\r\n    background:rgba(255,255,255,.075);\r\n    border:1px solid rgba(255,224,138,.18);\r\n    backdrop-filter:blur(14px);\r\n}\r\n\r\n.dsy-form-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:16px;\r\n}\r\n\r\n.dsy-field label{\r\n    display:block;\r\n    margin-bottom:8px;\r\n    color:#e6f5ea;\r\n    font-size:14px;\r\n    font-weight:800;\r\n}\r\n\r\n.dsy-field input,\r\n.dsy-field select{\r\n    width:100%;\r\n    padding:15px 16px;\r\n    color:#fff;\r\n    background:rgba(255,255,255,.08);\r\n    border:1px solid rgba(255,255,255,.16);\r\n    border-radius:15px;\r\n    outline:none;\r\n    font:inherit;\r\n}\r\n\r\n.dsy-field input::placeholder{\r\n    color:#b9c9be;\r\n}\r\n\r\n.dsy-field select option{\r\n    color:#111827;\r\n}\r\n\r\n.dsy-consent{\r\n    display:flex;\r\n    gap:12px;\r\n    align-items:flex-start;\r\n    color:#dcece1;\r\n    font-size:14px;\r\n    line-height:1.5;\r\n}\r\n\r\n.dsy-consent input{\r\n    margin-top:4px;\r\n}\r\n\r\n.dsy-join-success{\r\n    display:none;\r\n    padding:24px;\r\n    border-radius:24px;\r\n    color:#062011;\r\n    background:#EBFFF2;\r\n    border:1px solid #8CD3A6;\r\n    font-weight:700;\r\n    line-height:1.6;\r\n}\r\n\r\n\/* =========================================\r\n   HELP CTA\r\n========================================= *\/\r\n\r\n.dsy-help{\r\n    text-align:center;\r\n    color:#111827;\r\n    background:#fff;\r\n}\r\n\r\n.dsy-help h2{\r\n    margin:0 0 15px;\r\n    color:#06150c;\r\n    font-family:'Playfair Display',serif;\r\n    font-size:clamp(40px,5vw,65px);\r\n}\r\n\r\n.dsy-help p{\r\n    max-width:730px;\r\n    margin:0 auto 28px;\r\n    color:#475569;\r\n    font-size:18px;\r\n    line-height:1.7;\r\n}\r\n\r\n\/* =========================================\r\n   FOOTER\r\n========================================= *\/\r\n\r\n.dsy-footer{\r\n    padding:45px 22px;\r\n    text-align:center;\r\n    color:#cfe4d5;\r\n    background:#020805;\r\n    border-top:1px solid rgba(255,224,138,.15);\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .dsy-header-container{\r\n        padding:14px 18px;\r\n    }\r\n\r\n    .dsy-logo{\r\n        width:110px;\r\n        height:110px;\r\n    }\r\n\r\n    .dsy-logo-full{\r\n        width:120px;\r\n    }\r\n\r\n    .dsy-nav-right{\r\n        margin-left:auto;\r\n    }\r\n\r\n    .dsy-stop-logo{\r\n        width:58px;\r\n        max-height:72px;\r\n    }\r\n\r\n    .dsy-mobile-toggle{\r\n        display:block;\r\n    }\r\n\r\n    .dsy-menu{\r\n        display:none;\r\n        position:absolute;\r\n        top:100%;\r\n        left:18px;\r\n        right:18px;\r\n        padding:20px;\r\n        background:#071B0E;\r\n        border:1px solid rgba(255,224,138,.22);\r\n        border-radius:20px;\r\n        box-shadow:0 24px 70px rgba(0,0,0,.42);\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n        gap:18px;\r\n    }\r\n\r\n    .dsy-menu.dsy-menu-open{\r\n        display:flex;\r\n    }\r\n\r\n    .dsy-menu a{\r\n        width:100%;\r\n    }\r\n\r\n    .dsy-qr-layout,\r\n    .dsy-join-layout{\r\n        grid-template-columns:1fr;\r\n    }\r\n}\r\n\r\n@media(max-width:650px){\r\n\r\n    .dsy-section{\r\n        padding:72px 17px;\r\n    }\r\n\r\n    .dsy-title{\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .dsy-quiz-shell,\r\n    .dsy-result-card,\r\n    .dsy-join-form{\r\n        padding:25px 18px;\r\n        border-radius:25px;\r\n    }\r\n\r\n    .dsy-form-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .dsy-quiz-controls{\r\n        flex-direction:column;\r\n    }\r\n\r\n    .dsy-quiz-controls .dsy-button{\r\n        width:100%;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"dsy-quiz-page\">\r\n\r\n\r\n    <!-- HERO -->\r\n    <section class=\"dsy-section dsy-quiz-hero\">\r\n\r\n        <div class=\"dsy-container dsy-hero-content\">\r\n\r\n            <span class=\"dsy-kicker\">\r\n                Quiz Digi Shield Youth\r\n            <\/span>\r\n\r\n            <h1 class=\"dsy-title\">\r\n                Quel\r\n                <span class=\"dsy-gradient-text\">\r\n                    h\u00e9ros num\u00e9rique\r\n                <\/span>\r\n                es-tu ?\r\n            <\/h1>\r\n\r\n            <p class=\"dsy-lead\">\r\n                R\u00e9ponds \u00e0 dix questions, d\u00e9couvre ton profil\r\n                Digi Shield Youth et apprends comment prot\u00e9ger\r\n                ta g\u00e9n\u00e9ration dans le monde num\u00e9rique.\r\n            <\/p>\r\n\r\n            <div class=\"dsy-hero-meta\">\r\n\r\n                <span class=\"dsy-meta-item\">\u23f1\ufe0f 2 minutes<\/span>\r\n                <span class=\"dsy-meta-item\">\ud83d\udcdd 10 questions<\/span>\r\n                <span class=\"dsy-meta-item\">\ud83c\udfc5 1 profil personnalis\u00e9<\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"dsy-hero-actions\">\r\n\r\n                <button\r\n                    class=\"dsy-button dsy-button-primary\"\r\n                    id=\"dsyStartQuiz\"\r\n                    type=\"button\"\r\n                >\r\n                    Commencer le quiz\r\n                <\/button>\r\n\r\n                <a\r\n                    class=\"dsy-button dsy-button-secondary\"\r\n                    href=\"https:\/\/digishieldyouth.org\/obtenir-de-laide\/\"\r\n                >\r\n                    J\u2019ai besoin d\u2019aide\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- QR CODE -->\r\n    <section class=\"dsy-section dsy-qr-section\">\r\n\r\n        <div class=\"dsy-container dsy-qr-layout\">\r\n\r\n            <div class=\"dsy-qr-copy\">\r\n\r\n                <span class=\"dsy-kicker\">\r\n                    Scannez. D\u00e9couvrez. Agissez.\r\n                <\/span>\r\n\r\n                <h2>\r\n                    Un simple scan peut r\u00e9v\u00e9ler le h\u00e9ros qui est en toi.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Scanne ce QR code depuis un flyer, un roll-up, un t-shirt\r\n                    ou une pr\u00e9sentation scolaire. Tu arriveras directement\r\n                    sur ce quiz pour d\u00e9couvrir ton profil num\u00e9rique.\r\n                <\/p>\r\n\r\n                <button\r\n                    class=\"dsy-button dsy-button-green\"\r\n                    id=\"dsyStartQuiz2\"\r\n                    type=\"button\"\r\n                >\r\n                    Je commence maintenant\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"dsy-qr-card\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/digishieldyouth.org\/wp-content\/uploads\/2026\/07\/qr.png\"\r\n                    alt=\"QR code du quiz Digi Shield Youth\"\r\n                >\r\n\r\n                <strong>\r\n                    Quel h\u00e9ros num\u00e9rique es-tu ?\r\n                <\/strong>\r\n\r\n                <p>\r\n                    digishieldyouth.org\/quiz\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- QUIZ -->\r\n    <section class=\"dsy-section dsy-quiz-section\" id=\"dsyQuizSection\">\r\n\r\n        <div class=\"dsy-container\">\r\n\r\n            <div class=\"dsy-quiz-shell\">\r\n            <div id=\"quiz-start\"><\/div>\r\n                <div class=\"dsy-progress-row\">\r\n\r\n                    <span id=\"dsyProgressText\">\r\n                        Question 1 sur 10\r\n                    <\/span>\r\n\r\n                    <span id=\"dsyScorePreview\">\r\n                        Choisis ta r\u00e9ponse\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"dsy-progress-track\">\r\n\r\n                    <div\r\n                        class=\"dsy-progress-bar\"\r\n                        id=\"dsyProgressBar\"\r\n                    ><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dsy-question active\" data-question=\"0\">\r\n\r\n                    <div class=\"dsy-question-number\">\r\n                        Question 1\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Tu vois un camarade recevoir des messages humiliants.\r\n                        Que fais-tu ?\r\n                    <\/h3>\r\n\r\n                    <div class=\"dsy-options\">\r\n\r\n                        <button class=\"dsy-option\" data-score=\"1\">\r\n                            Je ne fais rien, car cela ne me concerne pas.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"3\">\r\n                            Je lui demande discr\u00e8tement s\u2019il va bien.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"4\">\r\n                            Je l\u2019aide \u00e0 conserver les preuves.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"5\">\r\n                            Je le soutiens et j\u2019en parle \u00e0 un adulte de confiance.\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dsy-question\" data-question=\"1\">\r\n\r\n                    <div class=\"dsy-question-number\">\r\n                        Question 2\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Un inconnu t\u2019envoie un message urgent et demande\r\n                        ton mot de passe. Quelle est ta r\u00e9action ?\r\n                    <\/h3>\r\n\r\n                    <div class=\"dsy-options\">\r\n\r\n                        <button class=\"dsy-option\" data-score=\"1\">\r\n                            Je lui r\u00e9ponds rapidement.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"2\">\r\n                            Je lui demande pourquoi.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"4\">\r\n                            Je v\u00e9rifie son identit\u00e9 par un autre moyen.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"5\">\r\n                            Je bloque, je signale et je ne partage aucune information.\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dsy-question\" data-question=\"2\">\r\n\r\n                    <div class=\"dsy-question-number\">\r\n                        Question 3\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Avant de publier une photo d\u2019un ami, que dois-tu faire ?\r\n                    <\/h3>\r\n\r\n                    <div class=\"dsy-options\">\r\n\r\n                        <button class=\"dsy-option\" data-score=\"1\">\r\n                            La publier imm\u00e9diatement.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"2\">\r\n                            La publier seulement dans un groupe priv\u00e9.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"4\">\r\n                            V\u00e9rifier qu\u2019elle ne peut pas lui nuire.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"5\">\r\n                            Lui demander clairement son autorisation.\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dsy-question\" data-question=\"3\">\r\n\r\n                    <div class=\"dsy-question-number\">\r\n                        Question 4\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Que fais-tu lorsqu\u2019un contenu en ligne affecte\r\n                        fortement ton humeur ou ta confiance ?\r\n                    <\/h3>\r\n\r\n                    <div class=\"dsy-options\">\r\n\r\n                        <button class=\"dsy-option\" data-score=\"1\">\r\n                            Je garde tout pour moi.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"2\">\r\n                            Je continue \u00e0 regarder le contenu.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"4\">\r\n                            Je prends du recul et je me d\u00e9connecte.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"5\">\r\n                            J\u2019en parle \u00e0 une personne de confiance et je demande de l\u2019aide.\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"dsy-question\" data-question=\"4\">\r\n\r\n                    <div class=\"dsy-question-number\">\r\n                        Question 5\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Es-tu pr\u00eat \u00e0 utiliser ta voix pour prot\u00e9ger\r\n                        d\u2019autres jeunes contre la violence num\u00e9rique ?\r\n                    <\/h3>\r\n\r\n                    <div class=\"dsy-options\">\r\n\r\n                        <button class=\"dsy-option\" data-score=\"1\">\r\n                            Pas encore.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"3\">\r\n                            Peut-\u00eatre, avec de l\u2019aide.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"4\">\r\n                            Oui, je veux apprendre.\r\n                        <\/button>\r\n\r\n                        <button class=\"dsy-option\" data-score=\"5\">\r\n                            Oui, je veux devenir ambassadeur Digi Shield.\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                <div class=\"dsy-question\" data-question=\"5\">\r\n\r\n    <div class=\"dsy-question-number\">\r\n        Question 6\r\n    <\/div>\r\n\r\n    <h3>\r\n        Tu re\u00e7ois une demande d\u2019amiti\u00e9 d\u2019une personne que tu ne connais pas.\r\n        Que fais-tu ?\r\n    <\/h3>\r\n\r\n    <div class=\"dsy-options\">\r\n\r\n        <button class=\"dsy-option\" data-score=\"1\">\r\n            J\u2019accepte imm\u00e9diatement pour avoir plus d\u2019abonn\u00e9s.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"2\">\r\n            J\u2019accepte, mais je ne lui parle pas.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"4\">\r\n            Je v\u00e9rifie le profil, les photos et les contacts communs.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"5\">\r\n            Je refuse si je ne peux pas confirmer son identit\u00e9.\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dsy-question\" data-question=\"6\">\r\n\r\n    <div class=\"dsy-question-number\">\r\n        Question 7\r\n    <\/div>\r\n\r\n    <h3>\r\n        Un ami partage une capture d\u2019\u00e9cran priv\u00e9e pour se moquer\r\n        d\u2019un autre \u00e9l\u00e8ve. Quelle est ta r\u00e9action ?\r\n    <\/h3>\r\n\r\n    <div class=\"dsy-options\">\r\n\r\n        <button class=\"dsy-option\" data-score=\"1\">\r\n            Je la partage \u00e0 mon tour.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"2\">\r\n            Je regarde sans intervenir.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"4\">\r\n            Je lui demande de supprimer la capture.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"5\">\r\n            Je refuse de partager, je soutiens la victime et je signale la situation.\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dsy-question\" data-question=\"7\">\r\n\r\n    <div class=\"dsy-question-number\">\r\n        Question 8\r\n    <\/div>\r\n\r\n    <h3>\r\n        Quelle est la meilleure mani\u00e8re de prot\u00e9ger un compte en ligne ?\r\n    <\/h3>\r\n\r\n    <div class=\"dsy-options\">\r\n\r\n        <button class=\"dsy-option\" data-score=\"1\">\r\n            Utiliser le m\u00eame mot de passe partout.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"2\">\r\n            Utiliser mon pr\u00e9nom et ma date de naissance.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"4\">\r\n            Utiliser un mot de passe long et difficile \u00e0 deviner.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"5\">\r\n            Utiliser un mot de passe unique et activer la double authentification.\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dsy-question\" data-question=\"8\">\r\n\r\n    <div class=\"dsy-question-number\">\r\n        Question 9\r\n    <\/div>\r\n\r\n    <h3>\r\n        Tu vois une publication qui semble fausse ou choquante.\r\n        Que fais-tu avant de la partager ?\r\n    <\/h3>\r\n\r\n    <div class=\"dsy-options\">\r\n\r\n        <button class=\"dsy-option\" data-score=\"1\">\r\n            Je la partage imm\u00e9diatement.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"2\">\r\n            Je la partage avec un avertissement.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"4\">\r\n            Je v\u00e9rifie la source et la date de publication.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"5\">\r\n            Je v\u00e9rifie plusieurs sources fiables et je ne partage pas si j\u2019ai un doute.\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"dsy-question\" data-question=\"9\">\r\n\r\n    <div class=\"dsy-question-number\">\r\n        Question 10\r\n    <\/div>\r\n\r\n    <h3>\r\n        Un jeune te confie qu\u2019il est menac\u00e9 en ligne.\r\n        Quelle est la meilleure r\u00e9action ?\r\n    <\/h3>\r\n\r\n    <div class=\"dsy-options\">\r\n\r\n        <button class=\"dsy-option\" data-score=\"1\">\r\n            Je lui dis d\u2019ignorer les menaces.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"2\">\r\n            Je lui conseille seulement de quitter les r\u00e9seaux sociaux.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"4\">\r\n            Je l\u2019aide \u00e0 bloquer la personne et \u00e0 conserver les preuves.\r\n        <\/button>\r\n\r\n        <button class=\"dsy-option\" data-score=\"5\">\r\n            Je l\u2019\u00e9coute, je conserve les preuves et je l\u2019accompagne vers un adulte de confiance.\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n                <div class=\"dsy-quiz-controls\">\r\n\r\n                    <button\r\n                        class=\"dsy-button dsy-button-secondary\"\r\n                        id=\"dsyPrevious\"\r\n                        type=\"button\"\r\n                        disabled\r\n                    >\r\n                        \u2190 Pr\u00e9c\u00e9dent\r\n                    <\/button>\r\n\r\n                    <button\r\n                        class=\"dsy-button dsy-button-primary\"\r\n                        id=\"dsyNext\"\r\n                        type=\"button\"\r\n                        disabled\r\n                    >\r\n                        Question suivante \u2192\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- RESULT -->\r\n    <section class=\"dsy-section dsy-result-section\" id=\"dsyResultSection\">\r\n\r\n        <div class=\"dsy-container\">\r\n\r\n            <div class=\"dsy-result-card\">\r\n\r\n                <div class=\"dsy-result-icon\" id=\"dsyResultIcon\">\r\n                    \ud83d\udee1\ufe0f\r\n                <\/div>\r\n\r\n                <div class=\"dsy-result-label\">\r\n                    Ton profil Digi Shield Youth\r\n                <\/div>\r\n\r\n                <h2 class=\"dsy-result-title\" id=\"dsyResultTitle\">\r\n    Protecteur\r\n<\/h2>\r\n\r\n<p\r\n    class=\"dsy-result-description\"\r\n    id=\"dsyResultDescription\"\r\n><\/p>\r\n\r\n<p\r\n    id=\"dsyFinalScore\"\r\n    style=\"\r\n        color:#0A3D1F;\r\n        font-weight:900;\r\n        font-size:18px;\r\n        margin:20px 0 0;\r\n    \"\r\n>\r\n    Ton score : 0 \/ 50\r\n<\/p>\r\n                <div class=\"dsy-badge\">\r\n\r\n                    <small>\r\n                        BADGE OFFICIEL\r\n                    <\/small>\r\n\r\n                    <strong id=\"dsyBadgeTitle\">\r\n                        PROTECTEUR DIGI SHIELD\r\n                    <\/strong>\r\n\r\n                    <div class=\"dsy-badge-id\" id=\"dsyBadgeId\">\r\n                        DSY-2026-00000\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"dsy-result-actions\">\r\n\r\n                    <button\r\n                        class=\"dsy-button dsy-button-primary\"\r\n                        id=\"dsyShareResult\"\r\n                        type=\"button\"\r\n                    >\r\n                        Partager mon r\u00e9sultat\r\n                    <\/button>\r\n\r\n                    <a\r\n                        class=\"dsy-button dsy-button-green\"\r\n                        href=\"#dsyJoinMovement\"\r\n                    >\r\n                        Rejoindre le mouvement\r\n                    <\/a>\r\n\r\n                    <button\r\n                        class=\"dsy-button dsy-button-secondary\"\r\n                        id=\"dsyRestartQuiz\"\r\n                        type=\"button\"\r\n                        style=\"color:#0A3D1F;border-color:#0A3D1F;\"\r\n                    >\r\n                        Refaire le quiz\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- JOIN MOVEMENT -->\r\n    <section class=\"dsy-section dsy-join-section\" id=\"dsyJoinMovement\">\r\n\r\n        <div class=\"dsy-container dsy-join-layout\">\r\n\r\n            <div class=\"dsy-join-copy\">\r\n\r\n                <span class=\"dsy-kicker\">\r\n                    Rejoins le mouvement\r\n                <\/span>\r\n\r\n                <h2>\r\n                    Ta voix peut prot\u00e9ger une vie.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Engage-toi \u00e0 ne pas relayer l\u2019humiliation, \u00e0 soutenir\r\n                    les victimes et \u00e0 demander de l\u2019aide lorsqu\u2019une situation\r\n                    devient dangereuse.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Tu peux rejoindre le mouvement sans publier d\u2019informations\r\n                    personnelles sensibles.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <form class=\"dsy-join-form\" id=\"dsyJoinForm\">\r\n\r\n                <div class=\"dsy-form-grid\">\r\n\r\n                    <div class=\"dsy-field\">\r\n\r\n                        <label for=\"dsyFirstName\">\r\n                            Pr\u00e9nom ou pseudonyme\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"dsyFirstName\"\r\n                            placeholder=\"Ex. Alex\"\r\n                            maxlength=\"40\"\r\n                            required\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dsy-field\">\r\n\r\n                        <label for=\"dsyAgeRange\">\r\n                            Tranche d\u2019\u00e2ge\r\n                        <\/label>\r\n\r\n                        <select id=\"dsyAgeRange\" required>\r\n\r\n                            <option value=\"\">\r\n                                Choisir\r\n                            <\/option>\r\n\r\n                            <option value=\"moins-13\">\r\n                                Moins de 13 ans\r\n                            <\/option>\r\n\r\n                            <option value=\"13-15\">\r\n                                13 \u00e0 15 ans\r\n                            <\/option>\r\n\r\n                            <option value=\"16-18\">\r\n                                16 \u00e0 18 ans\r\n                            <\/option>\r\n\r\n                            <option value=\"18-plus\">\r\n                                18 ans ou plus\r\n                            <\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"dsy-form-grid\">\r\n\r\n                    <div class=\"dsy-field\">\r\n\r\n                        <label for=\"dsyCity\">\r\n                            Ville \u2014 facultatif\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"dsyCity\"\r\n                            placeholder=\"Ex. Douala\"\r\n                            maxlength=\"60\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n                    <div class=\"dsy-field\">\r\n\r\n                        <label for=\"dsySchool\">\r\n                            \u00c9cole \u2014 facultatif\r\n                        <\/label>\r\n\r\n                        <input\r\n                            type=\"text\"\r\n                            id=\"dsySchool\"\r\n                            placeholder=\"Nom de l\u2019\u00e9tablissement\"\r\n                            maxlength=\"80\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <label class=\"dsy-consent\">\r\n\r\n                    <input\r\n                        type=\"checkbox\"\r\n                        id=\"dsyPledge\"\r\n                        required\r\n                    >\r\n\r\n                    <span>\r\n                        Je m\u2019engage \u00e0 voir les signes de danger, \u00e0 parler\r\n                        \u00e0 une personne de confiance et \u00e0 prot\u00e9ger les autres\r\n                        sans relayer les contenus blessants.\r\n                    <\/span>\r\n\r\n                <\/label>\r\n\r\n                <button\r\n                    class=\"dsy-button dsy-button-primary\"\r\n                    type=\"submit\"\r\n                >\r\n                    Je rejoins Digi Shield Youth\r\n                <\/button>\r\n\r\n                <div class=\"dsy-join-success\" id=\"dsyJoinSuccess\"><\/div>\r\n\r\n            <\/form>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- HELP -->\r\n    <section class=\"dsy-section dsy-help\">\r\n\r\n        <div class=\"dsy-container\">\r\n\r\n            <h2>\r\n                Tu vis une situation difficile ?\r\n            <\/h2>\r\n\r\n            <p>\r\n                Tu n\u2019es pas seul. Parle \u00e0 un parent, un enseignant,\r\n                un conseiller scolaire ou un autre adulte de confiance.\r\n                En cas de danger imm\u00e9diat, contacte les services d\u2019urgence\r\n                de ton pays.\r\n            <\/p>\r\n\r\n            <a\r\n                class=\"dsy-button dsy-button-green\"\r\n                href=\"https:\/\/digishieldyouth.org\/obtenir-de-laide\/\"\r\n            >\r\n                Obtenir de l\u2019aide\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <footer class=\"dsy-footer\">\r\n        \u00a9 Digi Shield Youth 2026 \u2014 Voir. Parler. Prot\u00e9ger.\r\n    <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n    \"use strict\";\r\n\r\n    const questions = Array.from(\r\n        document.querySelectorAll(\".dsy-question\")\r\n    );\r\n\r\n    const answers = new Array(questions.length).fill(null);\r\n\r\n    let currentQuestion = 0;\r\n\r\n    const progressText = document.getElementById(\"dsyProgressText\");\r\n    const progressBar = document.getElementById(\"dsyProgressBar\");\r\n    const scorePreview = document.getElementById(\"dsyScorePreview\");\r\n\r\n    const previousButton = document.getElementById(\"dsyPrevious\");\r\n    const nextButton = document.getElementById(\"dsyNext\");\r\n\r\n    const quizSection = document.getElementById(\"dsyQuizSection\");\r\n    const resultSection = document.getElementById(\"dsyResultSection\");\r\n\r\n    const resultIcon = document.getElementById(\"dsyResultIcon\");\r\n    const resultTitle = document.getElementById(\"dsyResultTitle\");\r\n    const resultDescription = document.getElementById(\r\n        \"dsyResultDescription\"\r\n    );\r\n\r\n    const badgeTitle = document.getElementById(\"dsyBadgeTitle\");\r\n    const badgeId = document.getElementById(\"dsyBadgeId\");\r\n\r\n    let finalProfile = null;\r\n\r\n\r\n    function scrollToQuiz(){\r\n\r\n    const target = document.getElementById(\"quiz-start\");\r\n\r\n    if(!target){\r\n        return;\r\n    }\r\n\r\n    const headerOffset = 340;\r\n\r\n    const targetPosition =\r\n        target.getBoundingClientRect().top +\r\n        window.pageYOffset -\r\n        headerOffset;\r\n\r\n    window.scrollTo({\r\n        top:targetPosition,\r\n        behavior:\"smooth\"\r\n    });\r\n\r\n}\r\n\r\n\r\n    document.getElementById(\"dsyStartQuiz\")\r\n        .addEventListener(\"click\",scrollToQuiz);\r\n\r\n    document.getElementById(\"dsyStartQuiz2\")\r\n        .addEventListener(\"click\",scrollToQuiz);\r\n\r\n\r\n    function updateQuiz(){\r\n\r\n        questions.forEach(function(question,index){\r\n\r\n            question.classList.toggle(\r\n                \"active\",\r\n                index === currentQuestion\r\n            );\r\n\r\n        });\r\n\r\n        progressText.textContent =\r\n            \"Question \" +\r\n            (currentQuestion + 1) +\r\n            \" sur \" +\r\n            questions.length;\r\n\r\n        progressBar.style.width =\r\n            ((currentQuestion + 1) \/ questions.length * 100) + \"%\";\r\n\r\n        previousButton.disabled = currentQuestion === 0;\r\n\r\n        nextButton.disabled = answers[currentQuestion] === null;\r\n\r\n        if(currentQuestion === questions.length - 1){\r\n\r\n            nextButton.textContent = \"D\u00e9couvrir mon profil\";\r\n\r\n        }else{\r\n\r\n            nextButton.textContent = \"Question suivante \u2192\";\r\n\r\n        }\r\n\r\n        scorePreview.textContent =\r\n            answers[currentQuestion] === null\r\n                ? \"Choisis ta r\u00e9ponse\"\r\n                : \"R\u00e9ponse enregistr\u00e9e\";\r\n\r\n    }\r\n\r\n\r\n    document.querySelectorAll(\".dsy-option\")\r\n        .forEach(function(option){\r\n\r\n            option.addEventListener(\"click\",function(){\r\n\r\n                const questionElement =\r\n                    option.closest(\".dsy-question\");\r\n\r\n                const questionIndex =\r\n                    Number(questionElement.dataset.question);\r\n\r\n                questionElement\r\n                    .querySelectorAll(\".dsy-option\")\r\n                    .forEach(function(button){\r\n\r\n                        button.classList.remove(\"selected\");\r\n\r\n                    });\r\n\r\n                option.classList.add(\"selected\");\r\n\r\n                answers[questionIndex] =\r\n                    Number(option.dataset.score);\r\n\r\n                updateQuiz();\r\n\r\n            });\r\n\r\n        });\r\n\r\n\r\n    previousButton.addEventListener(\"click\",function(){\r\n\r\n        if(currentQuestion > 0){\r\n\r\n            currentQuestion--;\r\n            updateQuiz();\r\n\r\n        }\r\n\r\n    });\r\n\r\n\r\n    nextButton.addEventListener(\"click\",function(){\r\n\r\n        if(answers[currentQuestion] === null){\r\n            return;\r\n        }\r\n\r\n        if(currentQuestion < questions.length - 1){\r\n\r\n            currentQuestion++;\r\n            updateQuiz();\r\n\r\n        }else{\r\n\r\n            showResult();\r\n\r\n        }\r\n\r\n    });\r\n\r\n\r\n    function getProfile(score){\r\n\r\n    if(score <= 18){\r\n\r\n        return {\r\n            icon:\"\ud83d\udd0d\",\r\n            title:\"Explorateur num\u00e9rique\",\r\n            badge:\"EXPLORATEUR DIGI SHIELD\",\r\n            description:\r\n                \"Tu commences \u00e0 d\u00e9couvrir les bons r\u00e9flexes num\u00e9riques. \" +\r\n                \"Continue \u00e0 apprendre \u00e0 reconna\u00eetre les dangers, \u00e0 prot\u00e9ger \" +\r\n                \"tes informations et \u00e0 demander de l\u2019aide.\"\r\n        };\r\n\r\n    }\r\n\r\n    if(score <= 27){\r\n\r\n        return {\r\n            icon:\"\ud83d\udc41\ufe0f\",\r\n            title:\"Veilleur num\u00e9rique\",\r\n            badge:\"VEILLEUR DIGI SHIELD\",\r\n            description:\r\n                \"Tu sais d\u00e9j\u00e0 reconna\u00eetre plusieurs situations dangereuses. \" +\r\n                \"Continue \u00e0 d\u00e9velopper ta vigilance et n\u2019h\u00e9site pas \u00e0 parler \" +\r\n                \"lorsqu\u2019une personne semble en difficult\u00e9.\"\r\n        };\r\n\r\n    }\r\n\r\n    if(score <= 36){\r\n\r\n        return {\r\n            icon:\"\ud83d\udee1\ufe0f\",\r\n            title:\"Protecteur Digi Shield\",\r\n            badge:\"PROTECTEUR DIGI SHIELD\",\r\n            description:\r\n                \"Tu connais les bons r\u00e9flexes et tu sais comment prot\u00e9ger \" +\r\n                \"tes informations et soutenir les autres. Ta vigilance peut \" +\r\n                \"emp\u00eacher une situation de devenir plus grave.\"\r\n        };\r\n\r\n    }\r\n\r\n    if(score <= 44){\r\n\r\n        return {\r\n            icon:\"\ud83d\udce3\",\r\n            title:\"Ambassadeur num\u00e9rique\",\r\n            badge:\"AMBASSADEUR DIGI SHIELD\",\r\n            description:\r\n                \"Tu es pr\u00eat \u00e0 utiliser ta voix pour sensibiliser, soutenir \" +\r\n                \"et mobiliser les autres. Tu peux devenir un ambassadeur \" +\r\n                \"Digi Shield Youth dans ton \u00e9cole ou ta communaut\u00e9.\"\r\n        };\r\n\r\n    }\r\n\r\n    return {\r\n        icon:\"\ud83c\udfc6\",\r\n        title:\"Champion Digi Shield\",\r\n        badge:\"CHAMPION DIGI SHIELD\",\r\n        description:\r\n            \"Tu combines vigilance, courage, empathie et responsabilit\u00e9. \" +\r\n            \"Tu es pr\u00eat \u00e0 inspirer les autres et \u00e0 d\u00e9fendre une culture \" +\r\n            \"num\u00e9rique plus s\u00fbre pour toute ta g\u00e9n\u00e9ration.\"\r\n    };\r\n\r\n}\r\n\r\n    function createBadgeId(){\r\n\r\n        const randomNumber = Math.floor(\r\n            10000 + Math.random() * 90000\r\n        );\r\n\r\n        return \"DSY-2026-\" + randomNumber;\r\n\r\n    }\r\n\r\n\r\n    function showResult(){\r\n\r\n    const totalScore = answers.reduce(function(total,value){\r\n        return total + (Number(value) || 0);\r\n    },0);\r\n\r\n    finalProfile = getProfile(totalScore);\r\n\r\n    const finalScoreElement =\r\n        document.getElementById(\"dsyFinalScore\");\r\n\r\n    resultIcon.textContent = finalProfile.icon;\r\n    resultTitle.textContent = finalProfile.title;\r\n    resultDescription.textContent = finalProfile.description;\r\n\r\n    if(finalScoreElement){\r\n        finalScoreElement.textContent =\r\n            \"Ton score : \" + totalScore + \" \/ 50\";\r\n    }\r\n\r\n    badgeTitle.textContent = finalProfile.badge;\r\n    badgeId.textContent = createBadgeId();\r\n\r\n    resultSection.style.display = \"block\";\r\n\r\n    window.setTimeout(function(){\r\n\r\n        resultSection.scrollIntoView({\r\n            behavior:\"smooth\",\r\n            block:\"start\"\r\n        });\r\n\r\n    },100);\r\n}\r\n\r\n\r\n    document.getElementById(\"dsyRestartQuiz\")\r\n        .addEventListener(\"click\",function(){\r\n\r\n            currentQuestion = 0;\r\n\r\n            answers.fill(null);\r\n\r\n            document.querySelectorAll(\".dsy-option\")\r\n                .forEach(function(option){\r\n\r\n                    option.classList.remove(\"selected\");\r\n\r\n                });\r\n\r\n            resultSection.style.display = \"none\";\r\n\r\n            updateQuiz();\r\n\r\n            scrollToQuiz();\r\n\r\n        });\r\n\r\n\r\n    document.getElementById(\"dsyShareResult\")\r\n        .addEventListener(\"click\",async function(){\r\n\r\n            if(!finalProfile){\r\n                return;\r\n            }\r\n\r\n            const shareText =\r\n                \"Je suis \" +\r\n                finalProfile.title +\r\n                \" avec Digi Shield Youth ! \" +\r\n                \"D\u00e9couvre ton profil : \" +\r\n                \"https:\/\/digishieldyouth.org\/quiz\/\";\r\n\r\n            if(navigator.share){\r\n\r\n                try{\r\n\r\n                    await navigator.share({\r\n                        title:\"Mon profil Digi Shield Youth\",\r\n                        text:shareText,\r\n                        url:\"https:\/\/digishieldyouth.org\/quiz\/\"\r\n                    });\r\n\r\n                }catch(error){\r\n\r\n                    \/* User cancelled sharing *\/\r\n\r\n                }\r\n\r\n            }else{\r\n\r\n                try{\r\n\r\n                    await navigator.clipboard.writeText(\r\n                        shareText\r\n                    );\r\n\r\n                    alert(\r\n                        \"Le message de partage a \u00e9t\u00e9 copi\u00e9.\"\r\n                    );\r\n\r\n                }catch(error){\r\n\r\n                    window.prompt(\r\n                        \"Copie ce message :\",\r\n                        shareText\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n    document.getElementById(\"dsyJoinForm\")\r\n        .addEventListener(\"submit\",function(event){\r\n\r\n            event.preventDefault();\r\n\r\n            const firstName =\r\n                document.getElementById(\"dsyFirstName\")\r\n                    .value.trim();\r\n\r\n            const pledge =\r\n                document.getElementById(\"dsyPledge\")\r\n                    .checked;\r\n\r\n            if(!firstName || !pledge){\r\n                return;\r\n            }\r\n\r\n            const memberId =\r\n                \"MEMBRE-DSY-\" +\r\n                Math.floor(10000 + Math.random() * 90000);\r\n\r\n            const successBox =\r\n                document.getElementById(\"dsyJoinSuccess\");\r\n\r\n            successBox.innerHTML =\r\n                \"<strong>Bienvenue, \" +\r\n                escapeHtml(firstName) +\r\n                \" !<\/strong><br>\" +\r\n                \"Tu fais maintenant partie du mouvement Digi Shield Youth.\" +\r\n                \"<br>Ton num\u00e9ro d\u2019engagement : <strong>\" +\r\n                memberId +\r\n                \"<\/strong>\";\r\n\r\n            successBox.style.display = \"block\";\r\n\r\n            try{\r\n\r\n                localStorage.setItem(\r\n                    \"dsyMember\",\r\n                    JSON.stringify({\r\n                        firstName:firstName,\r\n                        memberId:memberId,\r\n                        joinedAt:new Date().toISOString()\r\n                    })\r\n                );\r\n\r\n            }catch(error){\r\n\r\n                \/* Local storage may be disabled *\/\r\n\r\n            }\r\n\r\n            successBox.scrollIntoView({\r\n                behavior:\"smooth\",\r\n                block:\"center\"\r\n            });\r\n\r\n        });\r\n\r\n\r\n    function escapeHtml(value){\r\n\r\n        return value\r\n            .replaceAll(\"&\",\"&amp;\")\r\n            .replaceAll(\"<\",\"&lt;\")\r\n            .replaceAll(\">\",\"&gt;\")\r\n            .replaceAll('\"',\"&quot;\")\r\n            .replaceAll(\"'\",\"&#039;\");\r\n\r\n    }\r\n\r\n\r\n    updateQuiz();\r\n\r\n})();\r\nfunction positionQuizAnchor(){\r\n    if(window.location.hash !== \"#quiz-start\"){\r\n        return;\r\n    }\r\n\r\n    const target = document.getElementById(\"quiz-start\");\r\n\r\n    if(!target){\r\n        return;\r\n    }\r\n\r\n    const headerOffset = 340;\r\n    const targetPosition =\r\n        target.getBoundingClientRect().top +\r\n        window.pageYOffset -\r\n        headerOffset;\r\n\r\n    window.scrollTo({\r\n        top: targetPosition,\r\n        behavior: \"smooth\"\r\n    });\r\n}\r\n\r\nwindow.addEventListener(\"load\",function(){\r\n    window.setTimeout(positionQuizAnchor,300);\r\n});\r\n\r\nwindow.addEventListener(\"hashchange\",positionQuizAnchor);\r\n<\/script>\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>Quiz Digi Shield Youth Quel h\u00e9ros num\u00e9rique es-tu ? R\u00e9ponds \u00e0 dix questions, d\u00e9couvre ton profil Digi Shield Youth et apprends comment prot\u00e9ger ta g\u00e9n\u00e9ration dans le monde num\u00e9rique. \u23f1\ufe0f 2 minutes \ud83d\udcdd 10 questions \ud83c\udfc5 1 profil personnalis\u00e9 Commencer le quiz J\u2019ai besoin d\u2019aide Scannez. D\u00e9couvrez. Agissez. Un simple scan peut r\u00e9v\u00e9ler le h\u00e9ros [&hellip;]<\/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":{"give_campaign_id":0,"footnotes":""},"class_list":["post-210","page","type-page","status-publish","hentry"],"campaignId":"","_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/digishieldyouth.org\/fr\/wp-json\/wp\/v2\/pages\/210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digishieldyouth.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digishieldyouth.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digishieldyouth.org\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digishieldyouth.org\/fr\/wp-json\/wp\/v2\/comments?post=210"}],"version-history":[{"count":31,"href":"https:\/\/digishieldyouth.org\/fr\/wp-json\/wp\/v2\/pages\/210\/revisions"}],"predecessor-version":[{"id":286,"href":"https:\/\/digishieldyouth.org\/fr\/wp-json\/wp\/v2\/pages\/210\/revisions\/286"}],"wp:attachment":[{"href":"https:\/\/digishieldyouth.org\/fr\/wp-json\/wp\/v2\/media?parent=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}