{"id":35,"date":"2026-07-16T15:28:36","date_gmt":"2026-07-16T15:28:36","guid":{"rendered":"https:\/\/digishieldyouth.org\/?page_id=35"},"modified":"2026-07-23T18:34:09","modified_gmt":"2026-07-23T18:34:09","slug":"videos","status":"publish","type":"page","link":"https:\/\/digishieldyouth.org\/fr\/videos\/","title":{"rendered":"Vid\u00e9os"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31b939d e-flex e-con-boxed e-con e-parent\" data-id=\"31b939d\" 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-276efd6 elementor-widget elementor-widget-html\" data-id=\"276efd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&family=Playfair+Display:wght@700;800;900&display=swap');\n:root{--gold:#D4AF37;--gold2:#FFE08A;--green:#0F6A2F;--dark:#020805;--ink:#111827}\n.dsy-page,.dsy-page *{box-sizing:border-box}.dsy-page{font-family:Inter,Arial,sans-serif;background:#020805;color:white;overflow:hidden}.dsy-page a{text-decoration:none}\n.dsy-section{position:relative;padding:110px 22px;overflow:hidden}.dsy-container{max-width:1220px;margin:0 auto;position:relative;z-index:2}\n.dsy-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 36px}.dsy-logo{display:flex;gap:14px;align-items:center;font-weight:950;font-size:25px}.dsy-logo-mark{width:50px;height:50px;border-radius:18px;background:linear-gradient(145deg,var(--gold2),var(--gold));display:grid;place-items:center;color:#06150c;box-shadow:0 18px 45px rgba(212,175,55,.28)}.dsy-logo span{color:var(--gold2)}\n.dsy-menu{display:flex;gap:20px;flex-wrap:wrap}.dsy-menu a{color:#e6f4ea;font-weight:800;font-size:14px}.dsy-nav-cta{padding:12px 18px;border-radius:999px;background:rgba(212,175,55,.13);border:1px solid rgba(212,175,55,.35);color:var(--gold2)!important}\n.dsy-hero{min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle at 80% 5%,rgba(212,175,55,.20),transparent 28%),radial-gradient(circle at 10% 85%,rgba(15,106,47,.38),transparent 34%),linear-gradient(115deg,#020805,#071B0E 45%,#0A3D1F)}\n.orb{position:absolute;border-radius:999px;filter:blur(55px);opacity:.36}.orb.one{width:430px;height:430px;background:#0F6A2F;top:-120px;right:-90px}.orb.two{width:330px;height:330px;background:#D4AF37;bottom:-180px;left:-120px;opacity:.18}\n.kicker{display:inline-flex;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,224,138,.34);background:rgba(212,175,55,.09);color:var(--gold2);font-weight:950;text-transform:uppercase;letter-spacing:1.6px;font-size:12px;margin-bottom:22px}\n.title{font-family:'Playfair Display',serif;font-size:clamp(52px,8vw,108px);line-height:.88;margin:0 0 22px;font-weight:900;letter-spacing:-3px}.grad{background:linear-gradient(135deg,#fff 5%,#FFE08A 55%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}\n.lead{font-size:clamp(18px,2vw,24px);line-height:1.62;color:#e6f5ea;max-width:780px}.btnrow{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:16px 24px;font-weight:950}.primary{background:linear-gradient(145deg,#FFE08A,#D4AF37);color:#04120a;box-shadow:0 25px 70px rgba(212,175,55,.28)}.secondary{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}\n.grid2{display:grid;grid-template-columns:1fr .88fr;gap:54px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n.slider{position:relative;height:min(760px,78vh);min-height:560px;border-radius:44px;overflow:hidden;border:1px solid rgba(255,224,138,.32);box-shadow:0 40px 120px rgba(0,0,0,.58);background:#000;transform:perspective(1200px) rotateY(-2deg)}.slide{position:absolute;inset:0;opacity:0;animation:fade 20s infinite}.slide img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.05)}.slide:after{content:\"\";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,8,5,.78),rgba(2,8,5,.08) 58%,rgba(212,175,55,.06))}.slide:nth-child(1){animation-delay:0s}.slide:nth-child(2){animation-delay:5s}.slide:nth-child(3){animation-delay:10s}.slide:nth-child(4){animation-delay:15s}@keyframes fade{0%{opacity:0;transform:scale(1.08)}6%{opacity:1}25%{opacity:1;transform:scale(1)}31%{opacity:0}100%{opacity:0}}\n.caption{position:absolute;z-index:6;left:26px;right:26px;bottom:26px;padding:22px;border-radius:28px;background:rgba(2,8,5,.62);border:1px solid rgba(255,224,138,.28);backdrop-filter:blur(16px)}.caption strong{display:block;color:var(--gold2);font-size:24px;margin-bottom:8px;font-family:'Playfair Display',serif}.float{position:absolute;z-index:7;top:24px;right:24px;border-radius:999px;padding:12px 16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,224,138,.32);backdrop-filter:blur(14px);font-weight:900}\n.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;max-width:760px}.proof div{padding:18px;border-radius:24px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12)}.proof strong{display:block;color:var(--gold2);font-size:26px}\n.light{background:linear-gradient(180deg,#F8FBF8,#EEF7F0);color:var(--ink)}.h2{font-family:'Playfair Display',serif;font-size:clamp(36px,5vw,68px);line-height:1;margin:0 0 20px;letter-spacing:-1.4px}.light .h2{color:#06150c}.light .lead{color:#374151}\n.card{position:relative;min-height:230px;padding:32px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid rgba(255,224,138,.20);box-shadow:0 26px 90px rgba(0,0,0,.28);backdrop-filter:blur(16px);overflow:hidden}.light .card{background:#fff;border:1px solid #dfebdf;box-shadow:0 24px 65px rgba(10,61,31,.10)}.card h3{color:var(--gold2);font-size:25px;margin:0 0 12px}.light .card h3{color:#0A3D1F}.card p{color:#e5f2e9;line-height:1.75;margin:0}.light .card p{color:#374151}.icon{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,224,138,.22),rgba(15,106,47,.22));border:1px solid rgba(255,224,138,.28);font-size:26px;margin-bottom:18px}\n.band{background:radial-gradient(circle at 90% 5%,rgba(212,175,55,.18),transparent 33%),linear-gradient(135deg,#020805,#062011,#0A3D1F)}.showcase{min-height:470px;border-radius:44px;background:linear-gradient(rgba(2,8,5,.15),rgba(2,8,5,.86)),url('assets\/marbet9772_3D_African_teenage_student_sitting_alone_in_cafeteri_07786012-9f0f-4f8b-9ce3-e92f09afa85c.png') center\/cover no-repeat;border:1px solid rgba(255,224,138,.32);box-shadow:0 35px 100px rgba(0,0,0,.38)}.timeline{display:grid;gap:18px;margin-top:28px}.step{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;padding:20px;border-radius:28px;background:rgba(255,255,255,.075);border:1px solid rgba(255,224,138,.18)}.num{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#FFE08A,#D4AF37);color:#06150c;font-weight:950}\n.cerena{background:linear-gradient(115deg,rgba(2,8,5,.96),rgba(10,61,31,.80)),url('assets\/marbet9772_3D_African_teen_student_reading_phone_shocked_clas_dd70eac2-2532-40d4-a51a-88abad8cc89a_3.png') center\/cover no-repeat}.quote{font-family:'Playfair Display',serif;font-size:clamp(28px,4vw,54px);line-height:1.12;color:#fff;margin:0}.footer{padding:54px 22px;background:#020805;color:#cee5d4;border-top:1px solid rgba(255,224,138,.14)}.input{width:100%;padding:16px;border:1px solid #d9e6dc;border-radius:18px;font:inherit}.form{display:grid;gap:16px}\n@media(max-width:950px){.grid3,.grid2,.proof{grid-template-columns:1fr}.dsy-menu{display:none}.title{font-size:54px}.dsy-section{padding:74px 18px}.slider{min-height:520px;transform:none}}\n.dsy-weekly-video{\n    background:\n        linear-gradient(\n            180deg,\n            #F8FBF8,\n            #EDF6EF\n        );\n\n    color:#111827;\n}\n\n.dsy-weekly-video-layout{\n    display:grid;\n    grid-template-columns:.85fr 1.15fr;\n    gap:52px;\n    align-items:center;\n}\n\n.dsy-weekly-video-copy .h2{\n    color:#06150c;\n}\n\n.dsy-weekly-video-copy .lead{\n    color:#475569;\n}\n\n.dsy-video-meta{\n    display:flex;\n    gap:12px;\n    flex-wrap:wrap;\n    margin:25px 0;\n}\n\n.dsy-video-meta span{\n    padding:10px 14px;\n    border-radius:999px;\n    color:#0A3D1F;\n    background:#E8F4EB;\n    border:1px solid #D4E6D8;\n    font-size:13px;\n    font-weight:800;\n}\n\n.dsy-weekly-video-player{\n    position:relative;\n    overflow:hidden;\n    padding:14px;\n    border-radius:34px;\n    background:#06150c;\n    border:1px solid rgba(212,175,55,.35);\n    box-shadow:0 35px 90px rgba(10,61,31,.20);\n}\n\n.dsy-weekly-video-player video{\n    display:block;\n    width:100%;\n    aspect-ratio:16 \/ 9;\n    object-fit:cover;\n    border-radius:23px;\n    background:#000;\n}\n\n.dsy-video-label{\n    position:absolute;\n    z-index:2;\n    top:28px;\n    left:28px;\n    padding:10px 15px;\n    border-radius:999px;\n    color:#06150c;\n    background:linear-gradient(145deg,#FFE08A,#D4AF37);\n    font-size:12px;\n    font-weight:900;\n    text-transform:uppercase;\n    letter-spacing:1px;\n}\n\n@media(max-width:950px){\n\n    .dsy-weekly-video-layout{\n        grid-template-columns:1fr;\n    }\n\n}\n\/* =========================================\n   VIDEO COMPLETION CTA\n========================================= *\/\n\n.dsy-video-next-step{\n    display:none;\n    margin-top:14px;\n    padding:28px;\n    text-align:center;\n    border-radius:23px;\n    color:#fff;\n    background:\n        radial-gradient(\n            circle at 85% 10%,\n            rgba(212,175,55,.18),\n            transparent 32%\n        ),\n        linear-gradient(\n            135deg,\n            #020805,\n            #062011,\n            #0A3D1F\n        );\n    border:1px solid rgba(255,224,138,.25);\n    animation:dsyVideoReveal .55s ease;\n}\n\n.dsy-video-next-step.is-visible{\n    display:block;\n}\n\n.dsy-video-complete{\n    display:inline-flex;\n    padding:8px 13px;\n    border-radius:999px;\n    color:#06150c;\n    background:linear-gradient(\n        145deg,\n        #FFE08A,\n        #D4AF37\n    );\n    font-size:11px;\n    font-weight:900;\n    letter-spacing:1.2px;\n    text-transform:uppercase;\n}\n\n.dsy-video-next-step h3{\n    margin:18px 0 12px;\n    color:#fff;\n    font-family:'Playfair Display',serif;\n    font-size:clamp(28px,4vw,42px);\n    line-height:1.05;\n}\n\n.dsy-video-next-step p{\n    max-width:650px;\n    margin:0 auto;\n    color:#dcece1;\n    font-size:16px;\n    line-height:1.7;\n}\n\n.dsy-video-actions{\n    display:flex;\n    justify-content:center;\n    gap:14px;\n    flex-wrap:wrap;\n    margin-top:25px;\n}\n\n.dsy-ambassador-button{\n    color:#fff;\n    background:rgba(255,255,255,.08);\n    border:1px solid rgba(255,255,255,.24);\n    backdrop-filter:blur(10px);\n}\n\n.dsy-ambassador-button:hover{\n    background:rgba(255,255,255,.14);\n}\n\n@keyframes dsyVideoReveal{\n\n    from{\n        opacity:0;\n        transform:translateY(18px);\n    }\n\n    to{\n        opacity:1;\n        transform:translateY(0);\n    }\n\n}\n\n@media(max-width:650px){\n\n    .dsy-video-next-step{\n        padding:24px 18px;\n    }\n\n    .dsy-video-actions{\n        flex-direction:column;\n    }\n\n    .dsy-video-actions .btn{\n        width:100%;\n    }\n\n}\n<\/style>\n<div class=\"dsy-page\">\n    <section class=\"dsy-section dsy-weekly-video\">\n\n    <div class=\"dsy-container\">\n\n        <div class=\"dsy-weekly-video-layout\">\n\n            <div class=\"dsy-weekly-video-copy\">\n\n                <span class=\"kicker\">\n                    \ud83c\udfac Vid\u00e9o de la semaine\n                <\/span>\n\n                <h2 class=\"h2\">\n                    Une nouvelle histoire.\n                    Un nouveau message.\n                    Chaque semaine.\n                <\/h2>\n\n                <p class=\"lead\">\n                    D\u00e9couvre chaque semaine une courte vid\u00e9o pour mieux\n                    comprendre la violence num\u00e9rique, reconna\u00eetre les signes\n                    de danger et apprendre comment prot\u00e9ger les autres.\n                <\/p>\n\n                <div class=\"dsy-video-meta\">\n                    <span>\u23f1\ufe0f 2 minutes<\/span>\n                    <span>\ud83d\udcc5 Nouvelle vid\u00e9o chaque lundi<\/span>\n                <\/div>\n\n                <a class=\"btn primary\" href=\"\/fr\/videos\/\">\n                    Voir toutes les vid\u00e9os\n                <\/a>\n\n            <\/div>\n\n            <div class=\"dsy-weekly-video-player\">\n\n                <div class=\"dsy-video-label\">\n                    \u00c9pisode de cette semaine\n                <\/div>\n\n                <video\n                    id=\"dsyWeeklyVideo\"\n                    controls\n playsinline\n preload=\"metadata\"\n                    poster=\"https:\/\/digishieldyouth.org\/wp-content\/uploads\/2026\/07\/video-poster1.png\"\n                >\n                    <source\n                        src=\"https:\/\/digishieldyouth.org\/wp-content\/uploads\/2026\/07\/3D_animated_African_teenage_student_in_uniform.mp4\"\n                        type=\"video\/mp4\"\n                    >\n            \n                    Ton navigateur ne prend pas en charge cette vid\u00e9o.\n                <\/video>\n\n                <!-- Appears after the video finishes -->\n                <div class=\"dsy-video-next-step\" id=\"dsyVideoNextStep\">\n            \n                    <span class=\"dsy-video-complete\">\n                        \ud83c\udf89 Vid\u00e9o termin\u00e9e\n                    <\/span>\n            \n                    <h3>\n                        Pr\u00eat \u00e0 passer \u00e0 l\u2019action ?\n                    <\/h3>\n            \n                    <p>\n                        R\u00e9ponds \u00e0 dix questions rapides, d\u00e9couvre ton profil\n                        Digi Shield et d\u00e9bloque ton badge. Tu pourras ensuite\n                        rejoindre le programme des ambassadeurs.\n                    <\/p>\n            \n                    <div class=\"dsy-video-actions\">\n            \n                        <a\n                            class=\"btn primary\"\n                            href=\"https:\/\/digishieldyouth.org\/fr\/quiz\/#quiz-start\"\n                        >\n                            \ud83d\udcdd Faire le quiz\n                        <\/a>\n            \n                        <a\n                            class=\"btn dsy-ambassador-button\"\n                            href=\"https:\/\/digishieldyouth.org\/fr\/devenir-ambassadeur\/\"\n                        >\n                            \ud83d\udee1\ufe0f Devenir ambassadeur\n                        <\/a>\n            \n                    <\/div>\n            \n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n    <section class=\"dsy-section band\"><div class=\"dsy-container\"><div class=\"kicker\">Digi Shield Youth<\/div><h1 class=\"title\"><span class=\"grad\">Hub campagne<\/span><\/h1><p class=\"lead\">Des histoires. Des solutions. Un impact.<\/p><\/div>\n    <\/section>\n    <section class=\"dsy-section light\"><div class=\"dsy-container\"><div class=\"grid3\"><div class=\"card\"><div class=\"icon\">\ud83d\udcf1<\/div><h3>Le Message<\/h3><p>Un message peut blesser.<\/p><\/div><div class=\"card\"><div class=\"icon\">\ud83d\udc65<\/div><h3>Le Groupe<\/h3><p>Tout le monde voit.<\/p><\/div><div class=\"card\"><div class=\"icon\">\u270b<\/div><h3>Le Courage<\/h3><p>Une voix peut changer une \u00e9cole.<\/p><\/div><\/div><\/div>\n    <\/section>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n\n    const weeklyVideo =\n        document.getElementById(\"dsyWeeklyVideo\");\n\n    const nextStepPanel =\n        document.getElementById(\"dsyVideoNextStep\");\n\n    if(!weeklyVideo || !nextStepPanel){\n        return;\n    }\n\n    weeklyVideo.addEventListener(\"ended\",function(){\n\n        nextStepPanel.classList.add(\"is-visible\");\n\n        window.setTimeout(function(){\n\n            nextStepPanel.scrollIntoView({\n                behavior:\"smooth\",\n                block:\"center\"\n            });\n\n        },300);\n\n    });\n\n});\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfac Vid\u00e9o de la semaine Une nouvelle histoire. Un nouveau message. Chaque semaine. D\u00e9couvre chaque semaine une courte vid\u00e9o pour mieux comprendre la violence num\u00e9rique, reconna\u00eetre les signes de danger et apprendre comment prot\u00e9ger les autres. \u23f1\ufe0f 2 minutes \ud83d\udcc5 Nouvelle vid\u00e9o chaque lundi Voir toutes les vid\u00e9os \u00c9pisode de cette semaine Ton navigateur ne [&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-35","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\/35","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=35"}],"version-history":[{"count":19,"href":"https:\/\/digishieldyouth.org\/fr\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":305,"href":"https:\/\/digishieldyouth.org\/fr\/wp-json\/wp\/v2\/pages\/35\/revisions\/305"}],"wp:attachment":[{"href":"https:\/\/digishieldyouth.org\/fr\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}