Fiches P\u00e9dagogiques – Charte \u00c9ducation \u00e0 la culture et \u00e0 la citoyennet\u00e9 num\u00e9riques<\/title>\n\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: white;\n min-height: 100vh;\n padding: 5vw;\n }\n\n .container {\n max-width: 1200px;\n width: 100%;\n margin: 0 auto;\n background:#F2EDBD;\n border-radius: 15px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n overflow: hidden;\n }\n\n header {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n padding: 2rem;\n text-align: center;\n }\n\n h1 {\n font-size: clamp(1.3rem, 4vw, 2.2rem);\n margin-bottom: 10px;\n }\n\n .content {\n padding: 2rem;\n }\n\n .fiche-item {\n margin-bottom: 1rem;\n border: 2px solid #e0e0e0;\n border-radius: 10px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .fiche-item:hover {\n border-color: #667eea;\n box-shadow: 0 5px 15px rgba(102, 126, 234, 0.2);\n }\n\n .fiche-header {\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n padding: 1rem;\n cursor: pointer;\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n transition: background 0.3s ease;\n gap: 10px;\n }\n\n .fiche-header:hover {\n background: linear-gradient(135deg, #e0e7ff 0%, #b8c5e8 100%);\n }\n\n .fiche-title {\n font-size: 1.1rem;\n font-weight: bold;\n color: #333;\n flex: 1;\n }\n\n .fiche-meta {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n justify-content: flex-end;\n }\n\n .article-num,\n .public-tag {\n padding: 5px 10px;\n border-radius: 20px;\n color: white;\n font-size: 0.9rem;\n }\n\n .article-num {\n background: #667eea;\n }\n\n .public-tag {\n background: #764ba2;\n }\n\n .arrow {\n font-size: 1.3rem;\n color: #667eea;\n transition: transform 0.3s ease;\n }\n\n .arrow.open {\n transform: rotate(180deg);\n }\n\n .fiche-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n background: white;\n }\n\n .fiche-content.open {\n max-height: 1000px;\n }\n\n .fiche-details {\n padding: 1.5rem;\n border-top: 2px solid #f0f0f0;\n }\n\n .detail-section {\n margin-bottom: 20px;\n }\n\n .detail-section:last-child {\n margin-bottom: 0;\n }\n\n .detail-label {\n font-weight: bold;\n color: #667eea;\n margin-bottom: 8px;\n font-size: 1.05em;\n }\n\n .detail-text {\n color: #555;\n line-height: 1.6;\n }\n\n \/* --- Responsive --- *\/\n @media (max-width: 768px) {\n body {\n padding: 3vw;\n }\n .content {\n padding: 1.5rem;\n }\n .fiche-header {\n flex-direction: column;\n align-items: flex-start;\n }\n .fiche-meta {\n justify-content: flex-start;\n }\n .detail-text {\n font-size: 0.95rem;\n }\n }\n\n @media (max-width: 480px) {\n .content {\n padding: 1rem;\n }\n .fiche-title {\n font-size: 1rem;\n }\n .article-num,\n .public-tag {\n font-size: 0.8rem;\n padding: 4px 8px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container\">\n <header>\n <h1>Fiches P\u00e9dagogiques – Charte pour l’\u00e9ducation \u00e0 la culture et \u00e0 la citoyennet\u00e9 num\u00e9riques<\/h1>\n <\/header>\n\n <div class=\"content\">\n\n \n <div class=\"fiche-item\">\n <div class=\"fiche-header\" onclick=\"toggleFiche(this)\">\n <div class=\"fiche-title\">Engagement et d\u00e9bat citoyen<\/div>\n <div class=\"fiche-meta\">\n <span class=\"article-num\">Article 3<\/span>\n <span class=\"public-tag\">Cycle 3<\/span>\n <span class=\"arrow\">\u25bc<\/span>\n <\/div>\n <\/div>\n <div class=\"fiche-content\">\n <div class=\"fiche-details\">\n <div class=\"detail-section\">\n <div class=\"detail-label\">Comp\u00e9tences vis\u00e9es<\/div>\n <div class=\"detail-text\">\n D\u00e9velopper des comp\u00e9tences citoyennes (pouvoir d’agir, collaboration) et num\u00e9riques (accessibilit\u00e9, analyse de donn\u00e9es)\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Descriptif<\/div>\n <div class=\"detail-text\">\n Permettre aux \u00e9l\u00e8ves de cr\u00e9er un sondage num\u00e9rique accessible pour recueillir des avis sur une probl\u00e9matique scolaire\n (cour de r\u00e9cr\u00e9ation, cantine, d\u00e9veloppement durable, etc.), analyser les r\u00e9sultats et formuler des propositions\n collectives. Cette s\u00e9ance renforce le pouvoir d’agir des \u00e9l\u00e8ves et leur sentiment d’\u00eatre \u00e9cout\u00e9s, tout en d\u00e9veloppant\n des comp\u00e9tences en citoyennet\u00e9, collaboration et num\u00e9rique.\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Fiche de pr\u00e9paration d\u00e9taill\u00e9e<\/div>\n <div class=\"detail-text\">Lien \u00e0 venir<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fiche-item\">\n <div class=\"fiche-header\" onclick=\"toggleFiche(this)\">\n <div class=\"fiche-title\">Ma vie connect\u00e9e et moi<\/div>\n <div class=\"fiche-meta\">\n <span class=\"article-num\">Article 7<\/span>\n <span class=\"public-tag\">CE2-Cycle 3<\/span>\n <span class=\"arrow\">\u25bc<\/span>\n <\/div>\n <\/div>\n <div class=\"fiche-content\">\n <div class=\"fiche-details\">\n <div class=\"detail-section\">\n <div class=\"detail-label\">Comp\u00e9tences vis\u00e9es<\/div>\n <div class=\"detail-text\">\n Adopter les bons r\u00e9flexes pour prot\u00e9ger ses donn\u00e9es personnelles et son identit\u00e9 num\u00e9rique<br \/>\n Interroger les \u00e9l\u00e8ves sur la mani\u00e8re dont ils construisent leur identit\u00e9 num\u00e9rique<br \/>\n Faire prendre conscience aux \u00e9l\u00e8ves de la n\u00e9cessit\u00e9 de prot\u00e9ger leurs donn\u00e9es personnelles\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Descriptif<\/div>\n <div class=\"detail-text\">\n Interroger les \u00e9l\u00e8ves sur la mani\u00e8re dont ils construisent leur identit\u00e9 num\u00e9rique.\n Faire prendre conscience aux \u00e9l\u00e8ves de la n\u00e9cessit\u00e9 de prot\u00e9ger leurs donn\u00e9es personnelles.\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Fiche de pr\u00e9paration d\u00e9taill\u00e9e<\/div>\n <div class=\"detail-text\">Lien \u00e0 venir<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fiche-item\">\n <div class=\"fiche-header\" onclick=\"toggleFiche(this)\">\n <div class=\"fiche-title\">Mon identit\u00e9 num\u00e9rique<\/div>\n <div class=\"fiche-meta\">\n <span class=\"article-num\">Article 7<\/span>\n <span class=\"public-tag\">Cycle 3<\/span>\n <span class=\"arrow\">\u25bc<\/span>\n <\/div>\n <\/div>\n <div class=\"fiche-content\">\n <div class=\"fiche-details\">\n <div class=\"detail-section\">\n <div class=\"detail-label\">Comp\u00e9tences vis\u00e9es<\/div>\n <div class=\"detail-text\">\n Citoyennet\u00e9 num\u00e9rique : comprendre ce qu’est une identit\u00e9 num\u00e9rique et son importance.\n Protection des donn\u00e9es : distinguer les informations personnelles \u00e0 partager ou \u00e0 garder priv\u00e9es.\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Descriptif<\/div>\n <div class=\"detail-text\">\n Faire d\u00e9couvrir aux \u00e9l\u00e8ves que leur profil ENT (Espace Num\u00e9rique de Travail) constitue une premi\u00e8re identit\u00e9 num\u00e9rique.\n Cette s\u00e9ance permet de comprendre les enjeux de la pr\u00e9sentation de soi en ligne, d’apprendre \u00e0 se d\u00e9crire de mani\u00e8re\n s\u00e9curis\u00e9e et adapt\u00e9e, et de distinguer les informations personnelles \u00e0 partager ou \u00e0 prot\u00e9ger.\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Fiche de pr\u00e9paration d\u00e9taill\u00e9e<\/div>\n <div class=\"detail-text\">Lien \u00e0 venir<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fiche-item\">\n <div class=\"fiche-header\" onclick=\"toggleFiche(this)\">\n <div class=\"fiche-title\">Escape Game : protection des donn\u00e9es personnelles<\/div>\n <div class=\"fiche-meta\">\n <span class=\"article-num\">Article 7<\/span>\n <span class=\"public-tag\">Cycle 4<\/span>\n <span class=\"arrow\">\u25bc<\/span>\n <\/div>\n <\/div>\n <div class=\"fiche-content\">\n <div class=\"fiche-details\">\n <div class=\"detail-section\">\n <div class=\"detail-label\">Comp\u00e9tences vis\u00e9es<\/div>\n <div class=\"detail-text\">\n Prot\u00e9ger les donn\u00e9es personnelles et la vie priv\u00e9e. Identifier les donn\u00e9es \u00e0 caract\u00e8re personnel et celles \u00e0 ne\n pas partager. Savoir que les traces peuvent \u00eatre vues, collect\u00e9es ou analys\u00e9es par d’autres personnes.\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Descriptif<\/div>\n <div class=\"detail-text\">\n Amener les \u00e9l\u00e8ves \u00e0 ma\u00eetriser leurs traces et \u00e0 g\u00e9rer leurs donn\u00e9es personnelles afin de prot\u00e9ger leur vie priv\u00e9e\n ainsi que celle des autres en adoptant une pratique \u00e9clair\u00e9e (utilisation de navigateurs et moteurs prot\u00e9geant\n leur vie priv\u00e9e, param\u00e9trage des donn\u00e9es de confidentialit\u00e9, surveillance r\u00e9guli\u00e8re de leurs traces).\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Fiche de pr\u00e9paration d\u00e9taill\u00e9e<\/div>\n <div class=\"detail-text\">Lien \u00e0 venir<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fiche-item\">\n <div class=\"fiche-header\" onclick=\"toggleFiche(this)\">\n <div class=\"fiche-title\">Le droit \u00e0 la d\u00e9connexion<\/div>\n <div class=\"fiche-meta\">\n <span class=\"article-num\">Article 12<\/span>\n <span class=\"public-tag\">Cycle 4<\/span>\n <span class=\"arrow\">\u25bc<\/span>\n <\/div>\n <\/div>\n <div class=\"fiche-content\">\n <div class=\"fiche-details\">\n <div class=\"detail-section\">\n <div class=\"detail-label\">Comp\u00e9tences vis\u00e9es<\/div>\n <div class=\"detail-text\">\n Sc\u00e9nario<br \/>\n Comprendre le droit \u00e0 la d\u00e9connexion, ses enjeux (sant\u00e9, vie priv\u00e9e, travail, scolarit\u00e9) et d\u00e9velopper\n une r\u00e9flexion critique sur ses propres usages num\u00e9riques.\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Descriptif<\/div>\n <div class=\"detail-text\">\n Comprendre le droit \u00e0 la d\u00e9connexion, ses enjeux (sant\u00e9, vie priv\u00e9e, travail, scolarit\u00e9) et d\u00e9velopper\n une r\u00e9flexion critique sur ses propres usages num\u00e9riques.\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Fiche de pr\u00e9paration d\u00e9taill\u00e9e<\/div>\n <div class=\"detail-text\">Lien \u00e0 venir<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"fiche-item\">\n <div class=\"fiche-header\" onclick=\"toggleFiche(this)\">\n <div class=\"fiche-title\">Les \u00e9crans et moi<\/div>\n <div class=\"fiche-meta\">\n <span class=\"article-num\">Article 12<\/span>\n <span class=\"public-tag\">CE2-Cycle 3<\/span>\n <span class=\"arrow\">\u25bc<\/span>\n <\/div>\n <\/div>\n <div class=\"fiche-content\">\n <div class=\"fiche-details\">\n <div class=\"detail-section\">\n <div class=\"detail-label\">Comp\u00e9tences vis\u00e9es<\/div>\n <div class=\"detail-text\">\n S’interroger sur son utilisation des \u00e9crans et le temps pass\u00e9 dessus<br \/>\n Interroger les enfants sur leur consommation d’\u00e9crans<br \/>\n D\u00e9finir de bonnes pratiques pour un usage raisonn\u00e9 des \u00e9crans\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Descriptif<\/div>\n <div class=\"detail-text\">\n Interroger les enfants sur leur consommation d\u2019\u00e9crans. D\u00e9\ufb01nir de bonnes pratiques pour un usage raisonn\u00e9 des \u00e9crans.\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <div class=\"detail-label\">Fiche de pr\u00e9paration d\u00e9taill\u00e9e<\/div>\n <div class=\"detail-text\">Lien \u00e0 venir<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div> \n <\/div> \n\n <script>\n function toggleFiche(header) {\n const currentContent = header.nextElementSibling;\n const currentArrow = header.querySelector('.arrow');\n\n \/\/ Fermer toutes les autres fiches\n const allContents = document.querySelectorAll('.fiche-content');\n const allArrows = document.querySelectorAll('.arrow');\n\n allContents.forEach(content => {\n if (content !== currentContent) {\n content.classList.remove('open');\n }\n });\n\n allArrows.forEach(arrow => {\n if (arrow !== currentArrow) {\n arrow.classList.remove('open');\n }\n });\n\n \/\/ Basculer l'\u00e9tat de la fiche cliqu\u00e9e\n currentContent.classList.toggle('open');\n currentArrow.classList.toggle('open');\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>L\u2019\u00e9ducation \u00e0 la culture et \u00e0 la citoyennet\u00e9 num\u00e9riques est un enjeu majeur pour permettre \u00e0 chacune et chacun d\u2019exercer une citoyennet\u00e9 \u00e9clair\u00e9e dans un monde o\u00f9 le num\u00e9rique est de plus en plus pr\u00e9sent. Support d’\u00e9ducation pour la communaut\u00e9 \u00e9ducative, la Charte consacr\u00e9e \u00e0 la culture et \u00e0 la citoyennet\u00e9 num\u00e9riques s\u2019inscrit pleinement dans … <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/2026\/01\/13\/charte-education-a-la-culture-et-a-la-citoyennete-numerique\/\">Lire la suite<\/a><\/p>\n","protected":false},"author":652,"featured_media":532,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[59,10,58,55,56],"tags":[62,20],"class_list":["post-531","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-directeur","category-men","category-perdir","category-prof-1d","category-prof-2d","tag-fiche-pedagogique","tag-ressources","item-wrap"],"rttpg_featured_image_url":{"full":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20.png",744,468,false],"landscape":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20.png",744,468,false],"portraits":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20.png",744,468,false],"thumbnail":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20-150x150.png",150,150,true],"medium":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20-300x189.png",300,189,true],"large":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20.png",744,468,false],"1536x1536":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20.png",744,468,false],"2048x2048":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20.png",744,468,false],"graphene_slider":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20-744x400.png",744,400,true],"graphene_featured_image":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20.png",744,468,false],"post-thumbnail":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20-744x250.png",744,250,true],"advps-thumb-one":["https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-content\/uploads\/sites\/69\/2026\/02\/Capture-decran-2026-02-04-a-12.23.20-600x220.png",600,220,true]},"rttpg_author":{"display_name":"gillesnaviliat","author_link":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/author\/gillesnaviliat\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/identite\/directeur\/\" rel=\"category tag\">Directeur<\/a> <a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/ressources\/men\/\" rel=\"category tag\">MEN<\/a> <a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/identite\/perdir\/\" rel=\"category tag\">PERDIR<\/a> <a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/identite\/prof-1d\/\" rel=\"category tag\">prof 1D<\/a> <a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/identite\/prof-2d\/\" rel=\"category tag\">prof 2D<\/a>","rttpg_excerpt":"L\u2019\u00e9ducation \u00e0 la culture et \u00e0 la citoyennet\u00e9 num\u00e9riques est un enjeu majeur pour permettre \u00e0 chacune et chacun d\u2019exercer une citoyennet\u00e9 \u00e9clair\u00e9e dans un monde o\u00f9 le num\u00e9rique est de plus en plus pr\u00e9sent. Support d’\u00e9ducation pour la communaut\u00e9 \u00e9ducative, la Charte consacr\u00e9e \u00e0 la culture et \u00e0 la citoyennet\u00e9 num\u00e9riques s\u2019inscrit pleinement dans\u2026","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/posts\/531","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/users\/652"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/comments?post=531"}],"version-history":[{"count":3,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/posts\/531\/revisions"}],"predecessor-version":[{"id":537,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/posts\/531\/revisions\/537"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/media\/532"}],"wp:attachment":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/media?parent=531"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/categories?post=531"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/tags?post=531"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}