{"id":8975,"date":"2026-03-17T09:56:00","date_gmt":"2026-03-17T08:56:00","guid":{"rendered":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/?p=8975"},"modified":"2026-03-17T13:20:26","modified_gmt":"2026-03-17T12:20:26","slug":"a-la-decouverte-de-la-francophonie","status":"publish","type":"post","link":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/","title":{"rendered":"\u00c0 la d\u00e9couverte de la francophonie"},"content":{"rendered":"<p><em>En 2004, j&rsquo;avais publi\u00e9 une activit\u00e9 pour permettre aux apprenants de d\u00e9couvrir la francophonie. Initialement partag\u00e9e sur EduFLE.net (les plus anciens se souviendront !), elle est disponible <a href=\"https:\/\/isabellebarriere.eu\/numerique-et-fle\/la-francophonie\/\" target=\"_blank\" rel=\"noopener\">sur ce site<\/a>.\u00a0 En 2025, j&rsquo;avais cr\u00e9\u00e9 un <a href=\"https:\/\/isabellebarriere.eu\/numerique-et-fle\/francophonie-2025\/\" target=\"_blank\" rel=\"noopener\">quiz<\/a>.<\/em><br \/><em>Cette ann\u00e9e, je republie l&rsquo;activit\u00e9 de 2004 en la modifiant gr\u00e2ce \u00e0 l&rsquo;aide de l&rsquo;IA, en particulier de Claude.ai et ChatGPT.<\/em><\/p>\n<h3 style=\"text-align: center;\">\u00c0 la d\u00e9couverte de la francophonie<\/h3>\n<p style=\"text-align: center;\"><em>Niveaux : A2 \u2013 B1 \u2013 B2<\/em><\/p>\n<p>Vous allez r\u00e9aliser une pr\u00e9sentation dynamique d\u2019un pays de la francophonie qui sera publi\u00e9e sur le site de votre classe ou de votre \u00e9cole.<\/p>\n<p>Votre objectif est de cr\u00e9er un mini-guide touristique destin\u00e9 \u00e0 un public pr\u00e9cis (par exemple : des adolescents, des \u00e9tudiants, des familles, des voyageurs sportifs, des amateurs de gastronomie, etc.).<br \/>Votre pr\u00e9sentation doit donner envie \u00e0 ce public de d\u00e9couvrir ce pays.<\/p>\n<p>Pour cela :<\/p>\n<p>1\ufe0f\u20e3 Choisissez un pays francophone.<br \/>2\ufe0f\u20e3 Recherchez des informations pour mieux conna\u00eetre ce pays.<br \/>3\ufe0f\u20e3 R\u00e9alisez une pr\u00e9sentation claire, originale et attractive.<\/p>\n<p>Votre pr\u00e9sentation peut prendre diff\u00e9rentes formes : un diaporama, une vid\u00e9o, une animation, un mini reportage.<\/p>\n<p>N\u2019oubliez pas d\u2019int\u00e9grer des images, une carte ou le drapeau du pays, de la musique&#8230;<\/p>\n<p>Lors de l&rsquo;\u00e9tape gastronomique, pr\u00e9parez une recette simple \u00e0 faire go\u00fbter \u00e0 la classe.<\/p>\n<p>\ud83d\uddf3\ufe0f \u00c0 la fin des pr\u00e9sentations, la classe votera pour :<\/p>\n<ul>\n<li>la pr\u00e9sentation la plus int\u00e9ressante,<\/li>\n<li>la destination qui donne le plus envie de voyager,<\/li>\n<li>la sp\u00e9cialit\u00e9 la plus app\u00e9tissante ou d\u00e9licieuse !<\/li>\n<\/ul>\n<p>\ud83c\udfa5 Outils possibles :<br \/><em>Canva,Vidnoz<\/em>, <em>NotebookLM<\/em> ou tout autre outil num\u00e9rique que vous connaissez.<\/p>\n<p><strong>N&rsquo;oubliez pas, votre mission est de faire voyager la classe dans la francophonie ! \ud83c\udf0f\u2708\ufe0f<\/strong><\/p>\n\n\n<!-- \n  ACTIVIT\u00c9 FRANCOPHONIE \u2014 Version WordPress\n  ==========================================\n  Instructions d'int\u00e9gration :\n  1. Dans WordPress, ouvrez la page ou l'article souhait\u00e9\n  2. Ajoutez un bloc \"HTML personnalis\u00e9\" (cliquez sur + > cherchez \"HTML personnalis\u00e9\")\n  3. Collez l'int\u00e9gralit\u00e9 de ce code dans le bloc\n  4. Enregistrez et pr\u00e9visualisez\n  \n  Si l'interactivit\u00e9 ne fonctionne pas (JS bloqu\u00e9 par votre h\u00e9bergeur),\n  installez le plugin WPCode et cr\u00e9ez un snippet de type \"HTML\" sur votre page.\n-->\n\n<div id=\"franco-app\" style=\"font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 860px; margin: 0 auto; color: #1a1a1a; line-height: 1.6;\">\n\n<style>\n#franco-app * { box-sizing: border-box; margin: 0; padding: 0; }\n#franco-app h1 { font-size: 26px; font-weight: 600; margin-bottom: 6px; color: #111; }\n#franco-app h2 { font-size: 18px; font-weight: 600; margin: 28px 0 12px; color: #111; border-left: 3px solid #3b6fd4; padding-left: 10px; }\n#franco-app h3 { font-size: 14px; font-weight: 600; margin-bottom: 6px; color: #111; }\n#franco-app p { font-size: 14px; color: #555; line-height: 1.7; }\n\n\/* Badges niveau *\/\n#franco-app .badge-row { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }\n#franco-app .badge { font-size: 12px; padding: 3px 11px; border-radius: 20px; font-weight: 600; }\n#franco-app .badge-a2 { background: #dbeafe; color: #1d4ed8; }\n#franco-app .badge-b1 { background: #dcfce7; color: #166534; }\n#franco-app .badge-b2 { background: #fef3c7; color: #92400e; }\n#franco-app .badge-info { background: #f3f4f6; color: #6b7280; }\n\n\/* Header *\/\n#franco-app .header { border-bottom: 1px solid #e5e7eb; padding-bottom: 20px; margin-bottom: 24px; }\n\n\/* Tabs niveau *\/\n#franco-app .level-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }\n#franco-app .tab { padding: 8px 18px; border-radius: 24px; border: 1px solid #d1d5db; font-size: 13px; font-weight: 600; cursor: pointer; background: #fff; color: #6b7280; transition: all .2s; }\n#franco-app .tab:hover { background: #f9fafb; border-color: #9ca3af; }\n#franco-app .tab.active-a2 { background: #dbeafe; color: #1d4ed8; border-color: #93c5fd; }\n#franco-app .tab.active-b1 { background: #dcfce7; color: #166534; border-color: #86efac; }\n#franco-app .tab.active-b2 { background: #fef3c7; color: #92400e; border-color: #fcd34d; }\n\n\/* Bo\u00eete conseil *\/\n#franco-app .tip-box { background: #f8fafc; border-left: 3px solid #3b6fd4; border-radius: 0 8px 8px 0; padding: 12px 16px; font-size: 13px; color: #374151; margin: 12px 0 20px; line-height: 1.6; }\n#franco-app .tip-box strong { color: #1d4ed8; }\n\n\/* Grille pays *\/\n#franco-app .countries-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; margin-bottom: 24px; }\n#franco-app .country-btn { padding: 9px 12px; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 13px; cursor: pointer; background: #fff; color: #374151; transition: all .15s; text-align: left; display: flex; align-items: center; gap: 7px; }\n#franco-app .country-btn:hover { border-color: #93c5fd; background: #eff6ff; }\n#franco-app .country-btn.selected { border-color: #3b6fd4; background: #dbeafe; color: #1d4ed8; font-weight: 600; }\n\n\/* Progression *\/\n#franco-app .progress-wrap { margin-bottom: 20px; }\n#franco-app .progress-meta { display: flex; justify-content: space-between; font-size: 13px; color: #6b7280; margin-bottom: 5px; }\n#franco-app .progress-track { background: #e5e7eb; border-radius: 10px; height: 6px; overflow: hidden; }\n#franco-app .progress-fill { height: 100%; border-radius: 10px; background: #16a34a; transition: width .3s; }\n\n\/* Sections th\u00e8me *\/\n#franco-app .section-card { border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; margin-bottom: 10px; background: #fff; }\n#franco-app .section-header { display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; }\n#franco-app .section-num { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; flex-shrink: 0; }\n#franco-app .section-title { font-size: 14px; font-weight: 600; color: #111; flex: 1; }\n#franco-app .q-count { font-size: 12px; color: #9ca3af; }\n#franco-app .chevron { font-size: 11px; color: #9ca3af; transition: transform .2s; margin-left: 6px; }\n#franco-app .chevron.open { transform: rotate(180deg); }\n#franco-app .questions-list { display: none; margin-top: 14px; }\n#franco-app .questions-list.open { display: block; }\n#franco-app .done-row { margin-bottom: 10px; }\n#franco-app .done-row label { font-size: 12px; color: #6b7280; cursor: pointer; display: flex; align-items: center; gap: 6px; }\n#franco-app .question-item { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-top: 1px solid #f3f4f6; }\n#franco-app .q-diamond { color: #d1d5db; font-size: 12px; margin-top: 2px; flex-shrink: 0; }\n#franco-app .q-text { font-size: 13px; line-height: 1.6; color: #374151; }\n#franco-app .q-badge { font-size: 11px; padding: 2px 7px; border-radius: 10px; margin-left: 6px; font-weight: 600; display: inline-block; }\n#franco-app .qb-a2 { background: #dbeafe; color: #1d4ed8; }\n#franco-app .qb-b1 { background: #dcfce7; color: #166534; }\n#franco-app .qb-b2 { background: #fef3c7; color: #92400e; }\n\n\/* Production *\/\n#franco-app .prod-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-top: 12px; }\n#franco-app .prod-card { border: 1px solid #e5e7eb; border-radius: 10px; padding: 14px; background: #fafafa; }\n#franco-app .prod-card .prod-icon { font-size: 22px; margin-bottom: 8px; }\n#franco-app .prod-card h3 { font-size: 13px; font-weight: 600; color: #111; margin-bottom: 4px; }\n#franco-app .prod-card p { font-size: 12px; color: #6b7280; }\n#franco-app .checklist { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 12px; }\n#franco-app .check-item { font-size: 12px; padding: 7px 10px; background: #f3f4f6; border-radius: 8px; color: #374151; }\n\n\/* Ressources *\/\n#franco-app .resource-link { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 13px; color: #1d4ed8; text-decoration: none; margin-bottom: 8px; transition: background .15s; background: #fff; }\n#franco-app .resource-link:hover { background: #eff6ff; border-color: #93c5fd; text-decoration: none; color: #1d4ed8; }\n\n@media (max-width: 480px) {\n  #franco-app .prod-grid { grid-template-columns: 1fr; }\n  #franco-app .checklist { grid-template-columns: 1fr; }\n  #franco-app .countries-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }\n  #franco-app .vote-grid { grid-template-columns: 1fr !important; }\n  #franco-app .criteria-grid { grid-template-columns: 1fr !important; }\n}\n<\/style>\n\n<!-- HEADER -->\n<div class=\"header\">\n  <div class=\"badge-row\">\n    <span class=\"badge badge-a2\">A2<\/span>\n    <span class=\"badge badge-b1\">B1<\/span>\n    <span class=\"badge badge-b2\">B2<\/span>\n    <span class=\"badge badge-info\">Diff\u00e9renciation p\u00e9dagogique<\/span>\n  <\/div>\n  <h1>\ud83c\udf0d \u00c0 la d\u00e9couverte de la francophonie<\/h1>\n  <p>Explorez un pays francophone, choisissez un public cible, et cr\u00e9ez un <strong>mini-guide touristique vid\u00e9o<\/strong> destin\u00e9 \u00e0 donner envie de voyager \u2014 publi\u00e9 sur le site de l&rsquo;\u00e9cole. Et pr\u00e9parez une sp\u00e9cialit\u00e9 pour le buffet !<\/p>\n<\/div>\n\n<!-- \u00c9TAPE 1 : NIVEAU -->\n<h2>\u00c9tape 1 \u2014 Choisissez votre niveau<\/h2>\n<div class=\"level-tabs\">\n  <button class=\"tab active-a2\" id=\"franco-tab-a2\" onclick=\"francoSetLevel('a2')\">A2 \u2014 D\u00e9couverte<\/button>\n  <button class=\"tab\" id=\"franco-tab-b1\" onclick=\"francoSetLevel('b1')\">B1 \u2014 Exploration<\/button>\n  <button class=\"tab\" id=\"franco-tab-b2\" onclick=\"francoSetLevel('b2')\">B2 \u2014 Analyse<\/button>\n<\/div>\n<div class=\"tip-box\" id=\"franco-level-desc\">\n  <strong>Niveau A2 :<\/strong> Vous pouvez utiliser un dictionnaire, des listes et des tableaux.Ins\u00e9rez des images, des \u00e9mojis&#8230;\n<\/div>\n\n<!-- \u00c9TAPE 2 : PAYS -->\n<h2>\u00c9tape 2 \u2014 Choisissez un pays<\/h2>\n<div class=\"countries-grid\" id=\"franco-countries\"><\/div>\n\n<!-- \u00c9TAPE 3 : QUESTIONS -->\n<h2>\u00c9tape 3 \u2014 Recherchez votre pays<\/h2>\n<p style=\"margin-bottom:16px;\">Ces questions vous permettent de bien conna\u00eetre le pays avant de cr\u00e9er votre guide. Cliquez sur chaque th\u00e8me, r\u00e9pondez, et cochez quand vous avez termin\u00e9.<\/p>\n<div class=\"progress-wrap\">\n  <div class=\"progress-meta\">\n    <span>Progression<\/span>\n    <span id=\"franco-prog-label\">0 \/ 6 th\u00e8mes compl\u00e9t\u00e9s<\/span>\n  <\/div>\n  <div class=\"progress-track\">\n    <div class=\"progress-fill\" id=\"franco-prog-bar\" style=\"width:0%\"><\/div>\n  <\/div>\n<\/div>\n<div id=\"franco-sections\"><\/div>\n\n<!-- \u00c9TAPE 3b : PUBLIC CIBLE -->\n<h2>\u00c9tape 3b \u2014 Choisissez votre public cible<\/h2>\n<p style=\"margin-bottom:14px;\">Votre guide touristique s&rsquo;adresse \u00e0 un public pr\u00e9cis. Ce choix va orienter le ton, les images, les exemples et les arguments de toute votre pr\u00e9sentation. Choisissez un public, ou proposez le v\u00f4tre.<\/p>\n<div id=\"franco-audience-grid\" style=\"display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:16px;\"><\/div>\n<div style=\"display:flex;align-items:center;gap:10px;margin-bottom:20px;\">\n  <input type=\"text\" id=\"franco-audience-custom\" placeholder=\"Autre public\u2026 (ex : retrait\u00e9s, photographes\u2026)\" style=\"flex:1;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#374151;\">\n  <button onclick=\"francoSetCustomAudience()\" style=\"padding:9px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;color:#374151;\">Valider<\/button>\n<\/div>\n<div id=\"franco-audience-tip\" style=\"display:none;\"><\/div>\n\n<!-- \u00c9TAPE 4 : PRODUCTION -->\n<h2>\u00c9tape 4 \u2014 Cr\u00e9ez votre mini-guide touristique vid\u00e9o<\/h2>\n<div id=\"franco-prod\"><\/div>\n\n<!-- \u00c9TAPE 5 : BUFFET -->\n<h2>\u00c9tape 5 \u2014 Le buffet des saveurs du monde \ud83c\udf7d\ufe0f<\/h2>\n<div style=\"border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff;margin-bottom:10px;\">\n  <p style=\"margin-bottom:16px;\">En parall\u00e8le de la pr\u00e9sentation, chaque groupe pr\u00e9pare <strong style=\"color:#111\">un plat ou une sp\u00e9cialit\u00e9<\/strong> du pays choisi pour un buffet partag\u00e9 avec toute la classe.<\/p>\n  <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;\">\n    <div style=\"border:1px solid #e5e7eb;border-radius:10px;padding:14px;background:#fafafa;\">\n      <div style=\"font-size:22px;margin-bottom:8px\">\ud83d\uded2<\/div>\n      <h3 style=\"font-size:13px;font-weight:600;margin-bottom:4px\">Pr\u00e9parer<\/h3>\n      <p style=\"font-size:12px;color:#6b7280\">Choisissez une recette du pays (section 5). Listez les ingr\u00e9dients et v\u00e9rifiez leur disponibilit\u00e9.<\/p>\n    <\/div>\n    <div style=\"border:1px solid #e5e7eb;border-radius:10px;padding:14px;background:#fafafa;\">\n      <div style=\"font-size:22px;margin-bottom:8px\">\ud83c\udff7\ufe0f<\/div>\n      <h3 style=\"font-size:13px;font-weight:600;margin-bottom:4px\">Pr\u00e9senter<\/h3>\n      <p style=\"font-size:12px;color:#6b7280\">R\u00e9digez une \u00e9tiquette bilingue (fran\u00e7ais + langue du pays) avec le nom du plat, les ingr\u00e9dients principaux et l&rsquo;anecdote culturelle.<\/p>\n    <\/div>\n    <div style=\"border:1px solid #e5e7eb;border-radius:10px;padding:14px;background:#fafafa;\">\n      <div style=\"font-size:22px;margin-bottom:8px\">\ud83c\udfa4<\/div>\n      <h3 style=\"font-size:13px;font-weight:600;margin-bottom:4px\">Expliquer<\/h3>\n      <p style=\"font-size:12px;color:#6b7280\">Pendant le buffet, chaque groupe pr\u00e9sente son plat en 1\u20132 minutes : origine, occasion traditionnelle, go\u00fbt, anecdote.<\/p>\n    <\/div>\n  <\/div>\n  <div style=\"background:#f0fdf4;border-left:3px solid #16a34a;border-radius:0 8px 8px 0;padding:12px 16px;font-size:13px;color:#374151;line-height:1.6;\">\n    \ud83d\udca1 <strong style=\"color:#166534\">Conseil :<\/strong> Prenez des photos du plat fini pour les int\u00e9grer \u00e0 votre pr\u00e9sentation vid\u00e9o ou diaporama !\n  <\/div>\n<\/div>\n\n<!-- \u00c9TAPE 6 : VOTE -->\n<h2>\u00c9tape 6 \u2014 Les votes de la classe \ud83c\udfc6<\/h2>\n<div style=\"border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff;margin-bottom:10px;\">\n  <p style=\"margin-bottom:16px;\">Apr\u00e8s le buffet et les pr\u00e9sentations, la classe vote pour ses coups de c\u0153ur !<\/p>\n  <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;\">\n    <div style=\"border:2px solid #dbeafe;border-radius:10px;padding:16px;background:#eff6ff;\">\n      <div style=\"font-size:28px;margin-bottom:8px;text-align:center\">\ud83c\udfac<\/div>\n      <h3 style=\"font-size:14px;font-weight:600;color:#1d4ed8;margin-bottom:6px;text-align:center\">Meilleure pr\u00e9sentation<\/h3>\n      <p style=\"font-size:12px;color:#374151;text-align:center\">La vid\u00e9o ou le diaporama le plus original, informatif et bien r\u00e9alis\u00e9.<\/p>\n    <\/div>\n    <div style=\"border:2px solid #fef3c7;border-radius:10px;padding:16px;background:#fffbeb;\">\n      <div style=\"font-size:28px;margin-bottom:8px;text-align:center\">\ud83c\udf74<\/div>\n      <h3 style=\"font-size:14px;font-weight:600;color:#92400e;margin-bottom:6px;text-align:center\">Meilleur plat du buffet<\/h3>\n      <p style=\"font-size:12px;color:#374151;text-align:center\">Le plat le plus savoureux, le mieux pr\u00e9sent\u00e9 ou le plus original.<\/p>\n    <\/div>\n  <\/div>\n  <div style=\"background:#f8fafc;border-radius:8px;padding:14px;font-size:13px;color:#374151;\">\n    <strong style=\"display:block;margin-bottom:8px;color:#111\">\ud83d\udccb Crit\u00e8res de vote pour la pr\u00e9sentation :<\/strong>\n    <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:6px;\">\n      <div style=\"padding:5px 8px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;\">\u2b50 Qualit\u00e9 du contenu<\/div>\n      <div style=\"padding:5px 8px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;\">\u2b50 Cr\u00e9ativit\u00e9 du format<\/div>\n      <div style=\"padding:5px 8px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;\">\u2b50 Clart\u00e9 de l&rsquo;expression<\/div>\n      <div style=\"padding:5px 8px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;\">\u2b50 Originalit\u00e9 visuelle<\/div>\n    <\/div>\n  <\/div>\n  <div style=\"margin-top:12px;background:#fdf2f8;border-left:3px solid #db2777;border-radius:0 8px 8px 0;padding:12px 16px;font-size:13px;color:#374151;line-height:1.6;\">\n    \ud83d\udce3 <strong style=\"color:#9d174d\">Publication sur le site de l&rsquo;\u00e9cole :<\/strong> Les meilleures pr\u00e9sentations (vid\u00e9os et diaporamas) seront publi\u00e9es sur le site de l&rsquo;\u00e9cole. Pensez \u00e0 soigner votre production \u2014 elle sera vue par toute la communaut\u00e9 scolaire !\n  <\/div>\n<\/div>\n\n<!-- BO\u00ceTE \u00c0 OUTILS NUM\u00c9RIQUES -->\n<h2>\ud83e\uddf0 Bo\u00eete \u00e0 outils num\u00e9riques<\/h2>\n<p style=\"margin-bottom:16px;\">Trois outils gratuits pour cr\u00e9er votre pr\u00e9sentation. Choisissez celui qui correspond le mieux \u00e0 votre niveau et \u00e0 votre style de travail.<\/p>\n\n<!-- Canva -->\n<div style=\"border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:12px;background:#fff;\">\n  <div style=\"background:#7c3aed;padding:14px 18px;display:flex;align-items:center;gap:12px;\">\n    <span style=\"font-size:24px\">\ud83c\udfa8<\/span>\n    <div>\n      <div style=\"font-size:15px;font-weight:600;color:#fff;\">Canva<\/div>\n      <div style=\"font-size:12px;color:#ddd6fe;\">Diaporamas, infographies, affiches \u2014 export vid\u00e9o MP4<\/div>\n    <\/div>\n    <div style=\"margin-left:auto;display:flex;gap:6px;\">\n      <span class=\"badge badge-a2\">A2<\/span><span class=\"badge badge-b1\">B1<\/span><span class=\"badge badge-b2\">B2<\/span>\n    <\/div>\n  <\/div>\n  <div style=\"padding:16px;\">\n    <p style=\"font-size:13px;color:#374151;margin-bottom:14px;line-height:1.6;\">Canva est simple \u00e0 utiliser. C&rsquo;est l&rsquo;outil recommand\u00e9 pour d\u00e9buter : des centaines de mod\u00e8les pr\u00eats \u00e0 l&#8217;emploi, une prise en main imm\u00e9diate, et un export direct en vid\u00e9o MP4 ou en lien partageable.<\/p>\n    <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;\">\n      <div style=\"background:#f5f3ff;border-radius:8px;padding:12px;\">\n        <div style=\"font-size:12px;font-weight:600;color:#5b21b6;margin-bottom:6px\">\ud83d\udcca Pour A2 \u2014 Diaporama vid\u00e9o<\/div>\n        <p style=\"font-size:12px;color:#374151;line-height:1.5;\">Choisissez un mod\u00e8le \u00ab\u00a0Pr\u00e9sentation\u00a0\u00bb. Ajoutez vos photos et textes. Utilisez le mode <strong>T\u00e9l\u00e9prompter<\/strong> pour lire vos commentaires en vous filmant. Exportez en MP4.<\/p>\n      <\/div>\n      <div style=\"background:#f5f3ff;border-radius:8px;padding:12px;\">\n        <div style=\"font-size:12px;font-weight:600;color:#5b21b6;margin-bottom:6px\">\ud83d\uddfa\ufe0f Pour B1 \u2014 Infographie pays<\/div>\n        <p style=\"font-size:12px;color:#374151;line-height:1.5;\">Cr\u00e9ez une infographie \u00ab\u00a0Fiche pays\u00a0\u00bb \u00e0 int\u00e9grer dans votre vid\u00e9o comme carte de titre. Cherchez \u00ab\u00a0infographie pays\u00a0\u00bb dans les mod\u00e8les. Tr\u00e8s efficace en \u00e9cran d&rsquo;ouverture.<\/p>\n      <\/div>\n      <div style=\"background:#f5f3ff;border-radius:8px;padding:12px;\">\n        <div style=\"font-size:12px;font-weight:600;color:#5b21b6;margin-bottom:6px\">\ud83c\udfac Pour B2 \u2014 G\u00e9n\u00e9rique et miniature<\/div>\n        <p style=\"font-size:12px;color:#374151;line-height:1.5;\">Utilisez Canva pour cr\u00e9er la miniature (thumbnail) de votre vid\u00e9o et un g\u00e9n\u00e9rique de titre professionnel \u00e0 int\u00e9grer dans votre montage. Format recommand\u00e9 : 1280 \u00d7 720 px.<\/p>\n      <\/div>\n    <\/div>\n    <div style=\"margin-top:12px;text-align:right;\">\n      <a href=\"https:\/\/www.canva.com\" target=\"_blank\" rel=\"noopener\" style=\"font-size:13px;color:#7c3aed;font-weight:600;text-decoration:none;\">Ouvrir Canva \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Vidnoz -->\n<div style=\"border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:12px;background:#fff;\">\n  <div style=\"background:#0369a1;padding:14px 18px;display:flex;align-items:center;gap:12px;\">\n    <span style=\"font-size:24px\">\ud83e\udd16<\/span>\n    <div>\n      <div style=\"font-size:15px;font-weight:600;color:#fff;\">Vidnoz<\/div>\n      <div style=\"font-size:12px;color:#bae6fd;\">Vid\u00e9os avec avatar IA parlant \u2014 id\u00e9al sans cam\u00e9ra<\/div>\n    <\/div>\n    <div style=\"margin-left:auto;display:flex;gap:6px;\">\n      <span class=\"badge badge-b1\">B1<\/span><span class=\"badge badge-b2\">B2<\/span>\n    <\/div>\n  <\/div>\n  <div style=\"padding:16px;\">\n    <p style=\"font-size:13px;color:#374151;margin-bottom:14px;line-height:1.6;\">Vidnoz g\u00e9n\u00e8re des vid\u00e9os \u00e0 partir d&rsquo;un texte \u00e9crit : vous r\u00e9digez votre script en fran\u00e7ais, choisissez un avatar parmi des dizaines de personnages, et l&rsquo;outil cr\u00e9e une vid\u00e9o dans laquelle l&rsquo;avatar pr\u00e9sente votre contenu \u00e0 voix haute. Aucune cam\u00e9ra, aucun micro requis.<\/p>\n    <div style=\"background:#f0f9ff;border-radius:8px;padding:12px;margin-bottom:12px;\">\n      <div style=\"font-size:12px;font-weight:600;color:#0369a1;margin-bottom:8px;\">\u2699\ufe0f Mode d&#8217;emploi en 4 \u00e9tapes<\/div>\n      <div style=\"display:flex;flex-direction:column;gap:6px;\">\n        <div style=\"font-size:12px;color:#374151;display:flex;gap:8px;\"><span style=\"font-weight:600;color:#0369a1;flex-shrink:0\">1.<\/span>Cr\u00e9ez un compte gratuit sur vidnoz.com<\/div>\n        <div style=\"font-size:12px;color:#374151;display:flex;gap:8px;\"><span style=\"font-weight:600;color:#0369a1;flex-shrink:0\">2.<\/span>R\u00e9digez votre script en fran\u00e7ais (suivez le plan de l&rsquo;\u00e9tape 4). Relisez-le attentivement : l&rsquo;avatar ne corrige pas vos erreurs.<\/div>\n        <div style=\"font-size:12px;color:#374151;display:flex;gap:8px;\"><span style=\"font-weight:600;color:#0369a1;flex-shrink:0\">3.<\/span>Choisissez un arri\u00e8re-plan, un avatar, s\u00e9lectionnez la langue fran\u00e7aise, collez votre script, int\u00e9grez vos images.<\/div>\n        <div style=\"font-size:12px;color:#374151;display:flex;gap:8px;\"><span style=\"font-weight:600;color:#0369a1;flex-shrink:0\">4.<\/span>T\u00e9l\u00e9chargez la vid\u00e9o g\u00e9n\u00e9r\u00e9e et int\u00e9grez-la \u00e0 votre montage ou publiez-la directement.<\/div>\n      <\/div>\n    <\/div>\n    <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px;\">\n      <div style=\"background:#e0f2fe;border-radius:8px;padding:10px;\">\n        <div style=\"font-size:12px;font-weight:600;color:#0369a1;margin-bottom:4px\">\u2705 Points forts<\/div>\n        <p style=\"font-size:12px;color:#374151;line-height:1.5;\">Id\u00e9al si vous ne souhaitez pas vous filmer. Rendu professionnel imm\u00e9diat. Tr\u00e8s motivant pour soigner l&rsquo;\u00e9crit.<\/p>\n      <\/div>\n      <div style=\"background:#fef9c3;border-radius:8px;padding:10px;\">\n        <div style=\"font-size:12px;font-weight:600;color:#92400e;margin-bottom:4px\">\u26a0\ufe0f \u00c0 savoir<\/div>\n        <p style=\"font-size:12px;color:#374151;line-height:1.5;\">La version gratuite limite la dur\u00e9e. Pr\u00e9voyez un script court et dense. Pour B2 : utilisez Vidnoz pour une interview fictive (deux avatars, deux voix).<\/p>\n      <\/div>\n    <\/div>\n    <div style=\"margin-top:12px;text-align:right;\">\n      <a href=\"https:\/\/www.vidnoz.com\" target=\"_blank\" rel=\"noopener\" style=\"font-size:13px;color:#0369a1;font-weight:600;text-decoration:none;\">Ouvrir Vidnoz \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- NotebookLM -->\n<div style=\"border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:12px;background:#fff;\">\n  <div style=\"background:#15803d;padding:14px 18px;display:flex;align-items:center;gap:12px;\">\n    <span style=\"font-size:24px\">\ud83c\udf99\ufe0f<\/span>\n    <div>\n      <div style=\"font-size:15px;font-weight:600;color:#fff;\">NotebookLM <span style=\"font-size:11px;font-weight:400;opacity:.8\">(Google)<\/span><\/div>\n      <div style=\"font-size:12px;color:#bbf7d0;\">Podcast audio IA \u00e0 partir de vos sources<\/div>\n    <\/div>\n  \n  <\/div>\n  <div style=\"padding:16px;\">\n    <p style=\"font-size:13px;color:#374151;margin-bottom:14px;line-height:1.6;\">NotebookLM est un outil Google qui analyse vos sources (articles, pages Wikipedia, textes de recherche) et peut g\u00e9n\u00e9rer automatiquement un <strong>podcast audio \u00e0 deux voix<\/strong> \u2014 le format \u00ab\u00a0Audio Overview\u00a0\u00bb \u2014 qui r\u00e9sume et discute votre contenu en fran\u00e7ais. C&rsquo;est \u00e0 la fois un outil de recherche et un outil de production.<\/p>\n    <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px;\">\n      <div style=\"background:#f0fdf4;border-radius:8px;padding:12px;\">\n        <div style=\"font-size:12px;font-weight:600;color:#15803d;margin-bottom:6px\">\ud83d\udd0d Usage 1 \u2014 Recherche<\/div>\n        <p style=\"font-size:12px;color:#374151;line-height:1.5;\">Chargez vos sources sur le pays choisi. Posez des questions \u00e0 NotebookLM comme \u00e0 un assistant : \u00ab\u00a0Quels sont les enjeux \u00e9conomiques de ce pays ?\u00a0\u00bb Il r\u00e9pond en citant vos sources.<\/p>\n      <\/div>\n      <div style=\"background:#f0fdf4;border-radius:8px;padding:12px;\">\n        <div style=\"font-size:12px;font-weight:600;color:#15803d;margin-bottom:6px\">\ud83c\udf99\ufe0f Usage 2 \u2014 Podcast<\/div>\n        <p style=\"font-size:12px;color:#374151;line-height:1.5;\">Une fois vos sources charg\u00e9es, cliquez sur \u00ab\u00a0Audio Overview\u00a0\u00bb. NotebookLM g\u00e9n\u00e8re un podcast de 5\u20138 min \u00e0 deux voix en fran\u00e7ais. Soumettez-le comme production orale. Mais attention, vous devez aussi pr\u00e9parer un support visuel.<\/p>\n      <\/div>\n      <div style=\"background:#f0fdf4;border-radius:8px;padding:12px;\">\n        <div style=\"font-size:12px;font-weight:600;color:#15803d;margin-bottom:6px\">\u2696\ufe0f Usage 3 \u2014 Analyse<\/div>\n        <p style=\"font-size:12px;color:#374151;line-height:1.5;\">Chargez deux sources avec des points de vue diff\u00e9rents sur votre pays. Demandez \u00e0 NotebookLM de comparer les arguments. Utilisez cette synth\u00e8se pour alimenter votre probl\u00e9matique.<\/p>\n      <\/div>\n    <\/div>\n <!-- Encadr\u00e9 d\u00e9di\u00e9 slides -->\n    <div style=\"border:2px solid #86efac;border-radius:10px;padding:14px;margin-bottom:12px;background:#f0fdf4;\">\n      <div style=\"display:flex;align-items:center;gap:8px;margin-bottom:10px;\">\n        <span style=\"font-size:18px\">\ud83d\udda5\ufe0f<\/span>\n        <div style=\"font-size:13px;font-weight:600;color:#15803d;\">Usage 4 \u2014 G\u00e9n\u00e9rer une pr\u00e9sentation avec diapositives<\/div>\n        <span class=\"badge badge-b1\" style=\"margin-left:auto\">B1<\/span><span class=\"badge badge-b2\">B2<\/span>\n      <\/div>\n      <p style=\"font-size:12px;color:#374151;line-height:1.6;margin-bottom:10px;\">NotebookLM peut g\u00e9n\u00e9rer automatiquement un plan de pr\u00e9sentation structur\u00e9 \u00e0 partir de vos sources. Voici comment proc\u00e9der :<\/p>\n      <div style=\"display:flex;flex-direction:column;gap:7px;margin-bottom:10px;\">\n        <div style=\"display:flex;gap:10px;font-size:12px;color:#374151;align-items:flex-start;\">\n          <span style=\"font-weight:700;color:#15803d;flex-shrink:0\">1.<\/span>\n          Chargez vos sources dans NotebookLM (articles, pages Wikip\u00e9dia, notes de recherche sur votre pays).\n        <\/div>\n <div style=\"display:flex;gap:10px;font-size:12px;color:#374151;align-items:flex-start;\">\n           <span style=\"font-weight:700;color:#15803d;flex-shrink:0\">2.<\/span>\n          Dans le panneau de droite, cliquez sur \u00ab\u00a0Notebook Guide\u00a0\u00bb puis sur \u00ab\u00a0Pr\u00e9sentation\u00a0\u00bb (ou \u00ab\u00a0Study guide\u00a0\u00bb selon la langue de l&rsquo;interface). NotebookLM g\u00e9n\u00e8re un document structur\u00e9 avec titres, sous-titres et points cl\u00e9s.\n        <\/div>\n        <div style=\"display:flex;gap:10px;font-size:12px;color:#374151;align-items:flex-start;\">\n          <span style=\"font-weight:700;color:#15803d;flex-shrink:0\">3.<\/span>\n          Copiez ce document et collez-le dans Canva ou Google Slides. Remplacez le texte par vos propres formulations \u2014 ne laissez pas le texte g\u00e9n\u00e9r\u00e9 tel quel.\n        <\/div>\n        <div style=\"display:flex;gap:10px;font-size:12px;color:#374151;align-items:flex-start;\">\n          <span style=\"font-weight:700;color:#15803d;flex-shrink:0\">4.<\/span>\n          Ajoutez vos photos, la carte du pays, le drapeau et vos commentaires personnels. Enregistrez votre narration par-dessus.\n        <\/div>\n      <\/div>\n      <div style=\"background:#dcfce7;border-radius:6px;padding:8px 12px;font-size:12px;color:#166534;line-height:1.5;\">\n        \u26a0\ufe0f <strong>Important :<\/strong> NotebookLM g\u00e9n\u00e8re une <em>structure<\/em>, pas votre pr\u00e9sentation finale. Vous devez r\u00e9\u00e9crire le contenu dans vos propres mots en fran\u00e7ais. C&rsquo;est l\u00e0 que se trouve le vrai travail de langue.\n      <\/div>\n    <\/div>\n\n\n    <div style=\"background:#dcfce7;border-left:3px solid #16a34a;border-radius:0 8px 8px 0;padding:10px 14px;font-size:12px;color:#374151;line-height:1.6;\">\n      \ud83d\udca1 <strong style=\"color:#15803d\">Conseil p\u00e9dagogique :<\/strong> NotebookLM est disponible en fran\u00e7ais. Chargez vos sources en fran\u00e7ais pour obtenir un podcast en fran\u00e7ais. Vous pouvez aussi demander \u00e0 l&rsquo;outil de g\u00e9n\u00e9rer un r\u00e9sum\u00e9 que vous r\u00e9\u00e9crirez ensuite dans vos propres mots \u2014 c&rsquo;est un excellent exercice de reformulation.\n    <\/div>\n    <div style=\"margin-top:12px;text-align:right;\">\n      <a href=\"https:\/\/notebooklm.google.com\" target=\"_blank\" rel=\"noopener\" style=\"font-size:13px;color:#15803d;font-weight:600;text-decoration:none;\">Ouvrir NotebookLM \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- RESSOURCES -->\n<h2>Ressources utiles<\/h2>\n\n<p style=\"font-size:13px;color:#6b7280;margin-bottom:12px;\">Les badges indiquent le niveau CECRL recommand\u00e9 pour chaque ressource.<\/p>\n\n<div style=\"margin-bottom:8px;display:flex;align-items:center;gap:8px;\">\n  <span class=\"badge badge-a2\">A2<\/span><span class=\"badge badge-b1\">B1<\/span><span class=\"badge badge-b2\">B2<\/span>\n<\/div>\n<a class=\"resource-link\" href=\"https:\/\/www.francophonie.org\" target=\"_blank\" rel=\"noopener\">\ud83d\udcd6 Site officiel de l&rsquo;Organisation internationale de la Francophonie<\/a>\n<a class=\"resource-link\" href=\"https:\/\/fr.wikipedia.org\/wiki\/Portail:Pays_francophones\" target=\"_blank\" rel=\"noopener\">\ud83d\udd0e Portail Wikip\u00e9dia \u2014 Pays francophones (recherche par pays)<\/a>\n<a class=\"resource-link\" href=\"https:\/\/www.axl.cefan.ulaval.ca\/francophonie\/francophonie.htm\" target=\"_blank\" rel=\"noopener\">\ud83c\udf0d Universit\u00e9 Laval \u2014 Carte et espace de la Francophonie dans le monde<\/a>\n\n<div style=\"margin-top:12px;margin-bottom:8px;display:flex;align-items:center;gap:8px;\">\n  <span class=\"badge badge-a2\">A2<\/span><span class=\"badge badge-b1\">B1<\/span>\n<\/div>\n<a class=\"resource-link\" href=\"hhttps:\/\/apprendre.tv5monde.com\/fr\/exercices\/destination-francophonie\" target=\"_blank\" rel=\"noopener\">\ud83d\udcfa TV5Monde Apprendre \u2014 <em>Destination Francophnonie<\/em><\/a>\n  \n<div style=\"margin-top:12px;margin-bottom:8px;display:flex;align-items:center;gap:8px;\">\n  <span class=\"badge badge-a2\">A2<\/span>\n<\/div>\n<a class=\"resource-link\" href=\"https:\/\/apprendre.tv5monde.com\/fr\/exercices\/a2-elementaire\/la-francophonie-dans-le-monde\" target=\"_blank\" rel=\"noopener\">\ud83d\udcfa TV5Monde Apprendre \u2014 <em>La Francophonie dans le monde<\/em><\/a>\n\n<div style=\"display:flex;align-items:center;gap:8px;margin-bottom:8px;\">\n    <span class=\"badge badge-b1\">B1<\/span>\n  <\/div>\n  <a class=\"resource-link\"https:\/\/apprendre.tv5monde.com\/fr\/exercices\/b1-intermediaire\/vous-avez-dit-francophonie\" target=\"_blank\" rel=\"noopener\">\n    \ud83d\udcfa TV5Monde \u2014 <em>Vous avez dit Francophonie ?<\/em>\n  <\/a>\n<div style=\"display:flex;align-items:center;gap:8px;margin-bottom:8px;\">\n  <\/div>\n  <a class=\"resource-link\" href=\"https:\/\/apprendre.tv5monde.com\/fr\/exercices\/b1-intermediaire\/ce-que-les-jeunes-attendent-de-la-francophonie\" target=\"_blank\" rel=\"noopener\">\n    \ud83d\udcfa TV5Monde \u2014 <em>Ce que les jeunes attendent de la Francophonie<\/em>\n  <\/a>\n\n<div style=\"margin-top:12px;margin-bottom:8px;display:flex;align-items:center;gap:8px;\">\n <span class=\"badge badge-a2\">A2<\/span> <span class=\"badge badge-b1\">B1<\/span><span class=\"badge badge-b2\">B2<\/span>\n<\/div>\n<a class=\"resource-link\" href=\"https:\/\/francaisfacile.rfi.fr\/fr\/enseigner\/20240923-la-carte-des-accents-francophones-sur-rfi\/\" target=\"_blank\" rel=\"noopener\">\ud83d\udcfb RFI \u2014 Le fran\u00e7ais facile \u2014 La carte des accents francophones<\/a>\n\n<a class=\"resource-link\" href=\"https:\/\/francaisfacile.rfi.fr\/fr\/enseigner\/20240923-la-carte-des-accents-francophones-sur-rfi\/\" target=\"_blank\" rel=\"noopener\">\ud83d\udcfb RFI \u2014 Le fran\u00e7ais facile \u2014 Moteur de recherches, indiquez Francophonie dans la zone de saisie<\/a>\n<script>\n(function() {\n  var countries = [\n    {name:'Albanie', flag:'\ud83c\udde6\ud83c\uddf1'}, {name:'B\u00e9nin', flag:'\ud83c\udde7\ud83c\uddef'}, {name:'Bulgarie', flag:'\ud83c\udde7\ud83c\uddec'},\n    {name:'Burkina Faso', flag:'\ud83c\udde7\ud83c\uddeb'}, {name:'Cambodge', flag:'\ud83c\uddf0\ud83c\udded'}, {name:'Canada (Qu\u00e9bec)', flag:'\ud83c\udde8\ud83c\udde6'},\n    {name:'Comores', flag:'\ud83c\uddf0\ud83c\uddf2'}, {name:'RD Congo', flag:'\ud83c\udde8\ud83c\udde9'}, {name:\"C\u00f4te d'Ivoire\", flag:'\ud83c\udde8\ud83c\uddee'},\n    {name:'Djibouti', flag:'\ud83c\udde9\ud83c\uddef'},   {name:'Gr\u00e8ce', flag:'\ud83c\uddec\ud83c\uddf7'}, {name:'Liban', flag:'\ud83c\uddf1\ud83c\udde7'}, {name:'Luxembourg', flag:'\ud83c\uddf1\ud83c\uddfa'},\n    {name:'Maroc', flag:'\ud83c\uddf2\ud83c\udde6'}, {name:'Roumanie', flag:'\ud83c\uddf7\ud83c\uddf4'}, {name:'S\u00e9n\u00e9gal', flag:'\ud83c\uddf8\ud83c\uddf3'}, {name:'Suisse', flag:'\ud83c\udde8\ud83c\udded'},  {name:'Tunisie', flag:'\ud83c\uddf9\ud83c\uddf3'}, {name:'Vanuatu', flag:'\ud83c\uddfb\ud83c\uddfa'},\n    {name:'Vietnam', flag:'\ud83c\uddfb\ud83c\uddf3'}  \n  ];\n\n  var sections = [\n    {\n      id:'s1', icon:'\ud83d\uddfa\ufe0f', title:'Le pays \u2014 informations g\u00e9n\u00e9rales',\n      bg:'#eff6ff', numBg:'#dbeafe', numColor:'#1d4ed8',\n      questions:[\n        {text:'Quelle est la superficie du pays ? O\u00f9 se situe-t-il sur la carte ?', levels:['a2','b1','b2']},\n        {text:'Combien d\\'habitants y a-t-il ? Comparez avec votre pays.', levels:['a2','b1','b2']},\n        {text:'Comment s\\'appelle la capitale ? Citez 2 autres villes importantes et situez-les.', levels:['a2','b1','b2']},\n        {text:'Quelle(s) langue(s) y parle-t-on ? Pourquoi le fran\u00e7ais est-il pr\u00e9sent ?', levels:['b1','b2']},\n        {text:'Analysez le r\u00f4le du fran\u00e7ais par rapport aux langues locales. Quelle est la politique linguistique du pays ?', levels:['b2']}\n      ]\n    },\n    {\n      id:'s2', icon:'\ud83c\udf3f', title:'Histoire et g\u00e9ographie',\n      bg:'#f0fdf4', numBg:'#dcfce7', numColor:'#166534',\n      questions:[\n        {text:'D\u00e9crivez le paysage en 3 mots ou avec un dessin l\u00e9gend\u00e9.', levels:['a2']},\n        {text:'Quel est le climat ? Chaud, froid, tropical\u2026 Justifiez.', levels:['a2','b1','b2']},\n        {text:'Citez 3 dates importantes de l\\'histoire du pays.', levels:['a2','b1','b2']},\n        {text:'Expliquez les liens historiques du pays avec la France ou la Belgique.', levels:['b1','b2']},\n        {text:'En quoi l\\'histoire coloniale a-t-elle influenc\u00e9 la situation linguistique et culturelle ?', levels:['b2']},\n        {text:'Qui est le chef d\\'\u00c9tat ? Quel est le r\u00e9gime politique ?', levels:['b1','b2']}\n      ]\n    },\n    {\n      id:'s3', icon:'\ud83d\udcca', title:'\u00c9conomie',\n      bg:'#fffbeb', numBg:'#fef3c7', numColor:'#92400e',\n      questions:[\n        {text:'Trouvez 3 ressources ou produits importants du pays (ex : cacao, p\u00e9trole\u2026).', levels:['a2']},\n        {text:'Quelles sont les principales activit\u00e9s \u00e9conomiques ? Agriculture, industrie, services ?', levels:['b1','b2']},\n        {text:'Citez 2 pays partenaires commerciaux et les produits \u00e9chang\u00e9s.', levels:['b1','b2']},\n        {text:'Comparez le PIB par habitant avec celui de la France. Que cela indique-t-il ?', levels:['b2']},\n        {text:'Quels d\u00e9fis \u00e9conomiques ce pays doit-il relever ? Donnez votre point de vue argument\u00e9.', levels:['b2']}\n      ]\n    },\n    {\n      id:'s4', icon:'\u2708\ufe0f', title:'Tourisme',\n      bg:'#fdf2f8', numBg:'#fce7f3', numColor:'#9d174d',\n      questions:[\n        {text:'Trouvez une photo d\\'un lieu touristique. D\u00e9crivez-le en 2 phrases.', levels:['a2']},\n        {text:'Quels sont les 3 principaux attraits touristiques ? Situez-les g\u00e9ographiquement.', levels:['a2','b1','b2']},\n        {text:'\u00c0 quelle saison conseilleriez-vous de visiter ce pays ? Pourquoi ?', levels:['b1','b2']},\n        {text:'Quel impact le tourisme a-t-il sur l\\'\u00e9conomie locale ? Est-ce positif ou n\u00e9gatif ?', levels:['b2']}\n      ]\n    },\n    {\n      id:'s5', icon:'\ud83c\udf72', title:'Gastronomie',\n      bg:'#fff7ed', numBg:'#fed7aa', numColor:'#9a3412',\n      questions:[\n        {text:'Citez 3 aliments typiques avec leurs noms en fran\u00e7ais.', levels:['a2']},\n        {text:'D\u00e9crivez un plat traditionnel : ingr\u00e9dients et pr\u00e9paration en 3 \u00e9tapes.', levels:['a2','b1']},\n        {text:'Pr\u00e9sentez une recette compl\u00e8te avec les quantit\u00e9s et les \u00e9tapes d\u00e9taill\u00e9es.', levels:['b1','b2']},\n        {text:'Comparez les habitudes alimentaires avec celles de votre pays : similitudes et diff\u00e9rences.', levels:['b1','b2']},\n        {text:'En quoi la gastronomie refl\u00e8te-t-elle l\\'histoire et la g\u00e9ographie du pays ?', levels:['b2']}\n      ]\n    },\n    {\n      id:'s6', icon:'\ud83c\udfad', title:'Culture et arts',\n      bg:'#f5f3ff', numBg:'#ede9fe', numColor:'#5b21b6',\n      questions:[\n        {text:'Trouvez une tradition ou f\u00eate nationale. D\u00e9crivez-la en 2\u20133 phrases simples.', levels:['a2']},\n        {text:'Citez un \u00e9crivain ou artiste francophone du pays. Quand a-t-il\/elle v\u00e9cu ?', levels:['a2','b1','b2']},\n        {text:'Pr\u00e9sentez 2 \u0153uvres litt\u00e9raires ou musicales. Quel en est le th\u00e8me principal ?', levels:['b1','b2']},\n        {text:'Comparez 2 traditions culturelles avec les v\u00f4tres.', levels:['b1','b2']},\n        {text:'Analysez comment la culture francophone de ce pays se distingue de la culture fran\u00e7aise m\u00e9tropolitaine.', levels:['b2']}\n      ]\n    }\n  ];\n\n  var tipCategories = [\n    {\n      id:'tc1', icon:'\u270d\ufe0f', label:'R\u00e9daction \u2014 pr\u00e9parez votre texte avant tout',\n      bg:'#eff6ff', numBg:'#dbeafe', numColor:'#1d4ed8',\n      tips:{\n        a2:[\n          'R\u00e9digez une ou deux phrases simples par th\u00e8me avant de cr\u00e9er vos diapositives. Vous saurez exactement quoi dire.',\n          'Utilisez des phrases courtes : sujet + verbe + compl\u00e9ment. \u00c9vitez les longues \u00e9num\u00e9rations.',\n          'Relisez votre texte \u00e0 voix haute avant d\\'enregistrer : si vous b\u00e9gayez en lisant, reformulez.'\n        ],\n        b1:[\n          'R\u00e9digez un script complet avant de commencer votre vid\u00e9o. Une bonne vid\u00e9o se construit d\\'abord sur le papier.',\n          'Variez les formulations : n\\'utilisez pas toujours le m\u00eame verbe introducteur (\"il y a\", \"on trouve\"\u2026). Essayez \"ce qui est remarquable, c\\'est\u2026\", \"on notera que\u2026\"',\n          'Soignez l\\'introduction et la conclusion : ce sont les moments que l\\'on retient le mieux.'\n        ],\n        b2:[\n          'R\u00e9digez un vrai script argument\u00e9, pas des notes. Chaque paragraphe doit avoir une id\u00e9e principale et un exemple.',\n          '\u00c9vitez le registre encyclop\u00e9dique (\"Ce pays se situe\u2026\"). Adoptez un ton plus engag\u00e9 : \"Ce qui frappe d\\'embl\u00e9e, c\\'est\u2026\"',\n          'Relisez votre script en vous posant cette question : \"Est-ce que je dis quelque chose d\\'int\u00e9ressant, ou est-ce que je r\u00e9cite ?\"'\n        ]\n      }\n    },\n    {\n      id:'tc2', icon:'\ud83c\udf99\ufe0f', label:'Voix off \u2014 donnez envie d\\'\u00e9couter',\n      bg:'#f0fdf4', numBg:'#dcfce7', numColor:'#166534',\n      tips:{\n        a2:[\n          'Parlez lentement et clairement. Faites une pause entre chaque phrase.',\n          'Enregistrez-vous dans un endroit calme : pas de bruit de fond, pas de musique en parall\u00e8le.',\n          'Faites plusieurs essais et gardez le meilleur. Ce n\\'est pas grave de recommencer !'\n        ],\n        b1:[\n          'Variez votre intonation : ne lisez pas sur un ton monotone. Mettez en valeur les mots importants en les accentuant l\u00e9g\u00e8rement.',\n          'Enregistrez par s\u00e9quences courtes (30 \u00e0 60 secondes) plut\u00f4t qu\\'en une seule prise. Cela facilite les corrections.',\n          '\u00c9vitez les \"euh\" de remplissage : pr\u00e9f\u00e9rez une courte pause silencieuse, qui donne de la respiration \u00e0 votre discours.'\n        ],\n        b2:[\n          'Adoptez le rythme d\\'un journaliste : phrases courtes \u00e0 l\\'oral, silences expressifs, d\u00e9bit r\u00e9gulier.',\n          'Si vous intervenez en voix off sur des images, synchronisez votre texte avec ce qu\\'on voit : commentez ce qui est \u00e0 l\\'\u00e9cran au moment o\u00f9 l\\'on vous \u00e9coute.',\n          'Relisez votre script \u00e0 voix haute avant l\\'enregistrement : un texte peut sembler parfait \u00e0 l\\'\u00e9crit et difficile \u00e0 lire naturellement \u00e0 l\\'oral.'\n        ]\n      }\n    },\n    {\n      id:'tc3', icon:'\ud83d\uddbc\ufe0f', label:'Visuel \u2014 ce que l\\'\u0153il voit d\\'abord',\n      bg:'#fdf2f8', numBg:'#fce7f3', numColor:'#9d174d',\n      tips:{\n        a2:[\n          'Choisissez des images grandes et nettes. Une seule belle photo par slide vaut mieux que trois petites images floues.',\n          'Utilisez une police lisible et une taille suffisante (minimum 24 points). \u00c9vitez les textes trop longs sur les slides.',\n          'Choisissez deux couleurs maximum qui s\\'accordent bien. La coh\u00e9rence visuelle donne une impression de soin et de s\u00e9rieux.'\n        ],\n        b1:[\n          'Chaque slide ou s\u00e9quence doit avoir un \"sujet\" visuel clair. Demandez-vous : \"Qu\\'est-ce que cette image apporte par rapport \u00e0 ce que je dis ?\"',\n          '\u00c9vitez les fonds surcharg\u00e9s ou les animations qui distraient. L\\'animation doit servir le propos, pas l\\'inverse.',\n          'Pensez \u00e0 la carte du pays comme \u00e9l\u00e9ment r\u00e9current : la montrer plusieurs fois (localisation, tourisme, \u00e9conomie) ancre l\\'apprenant dans l\\'espace g\u00e9ographique.'\n        ],\n        b2:[\n          'Soignez la coh\u00e9rence graphique de bout en bout : m\u00eames polices, m\u00eame palette de couleurs, m\u00eame style d\\'images. Une production h\u00e9t\u00e9roclite nuit \u00e0 la cr\u00e9dibilit\u00e9.',\n          'Utilisez le visuel pour ce que les mots ne peuvent pas dire : une carte anim\u00e9e, une infographie comparative, un graphique d\\'\u00e9volution parlent plus vite qu\\'un paragraphe.',\n          'Pensez \u00e0 la miniature (image de couverture) de votre vid\u00e9o : c\\'est la premi\u00e8re chose que les visiteurs du site de l\\'\u00e9cole verront. Elle doit donner envie de cliquer.'\n        ]\n      }\n    },\n    {\n      id:'tc4', icon:'\ud83c\udfac', label:'Dynamisme \u2014 captez l\\'attention de bout en bout',\n      bg:'#fffbeb', numBg:'#fef3c7', numColor:'#92400e',\n      tips:{\n        a2:[\n          'Commencez par une image forte ou une question simple : \"Savez-vous o\u00f9 se trouve le B\u00e9nin ?\" Cela accroche l\\'attention d\u00e8s le d\u00e9but.',\n          'Ne restez pas trop longtemps sur la m\u00eame diapositive : passez \u00e0 la suivante toutes les 20 \u00e0 30 secondes environ.',\n          'Terminez par quelque chose de personnel : ce que vous avez aim\u00e9 d\u00e9couvrir. Cela rend votre pr\u00e9sentation unique.'\n        ],\n        b1:[\n          'Alternez les types de contenu : voix seule, puis image comment\u00e9e, puis carte, puis extrait sonore ou musical. La vari\u00e9t\u00e9 maintient l\\'attention.',\n          'Int\u00e9grez un \u00e9l\u00e9ment surprenant ou inattendu sur le pays : un fait peu connu, une anecdote historique, une sp\u00e9cialit\u00e9 culinaire originale.',\n          'La dur\u00e9e id\u00e9ale est de 3 \u00e0 4 minutes. Au-del\u00e0, l\\'attention diminue. Pr\u00e9f\u00e9rez la densit\u00e9 \u00e0 la longueur.'\n        ],\n        b2:[\n          'Construisez une tension narrative : posez une question au d\u00e9but, d\u00e9veloppez progressivement, r\u00e9pondez en conclusion. Le spectateur doit avoir envie de savoir la suite.',\n          'Un changement de rythme maintient l\\'attention : une s\u00e9quence rapide avec plusieurs images, suivie d\\'un moment plus lent et r\u00e9flexif.',\n          'Int\u00e9grez la dimension humaine : une citation d\\'un habitant du pays, un extrait de chanson, une image de vie quotidienne. Ce sont ces d\u00e9tails qui rendent un documentaire vivant.'\n        ]\n      }\n    },\n    {\n      id:'tc5', icon:'\ud83c\udfaf', label:'Public cible \u2014 adaptez chaque choix',\n      bg:'#f5f3ff', numBg:'#ede9fe', numColor:'#5b21b6',\n      tips:{\n        a2:[\n          'Indiquez d\u00e8s la premi\u00e8re slide \u00e0 qui s\\'adresse votre guide : \"Ce guide est fait pour les familles avec enfants\".',\n          'Choisissez des photos qui parlent \u00e0 votre public : si c\\'est des adolescents, montrez des plages, des march\u00e9s anim\u00e9s, des activit\u00e9s.',\n          'Utilisez le vouvoiement pour vous adresser directement \u00e0 votre public : \"Vous adorerez\u2026\", \"Ne manquez pas\u2026\"'\n        ],\n        b1:[\n          'Votre public cible doit se reconna\u00eetre dans votre vid\u00e9o. Posez-vous la question : \"Est-ce qu\\'un adolescent \/ une famille \/ un sportif regarderait \u00e7a jusqu\\'au bout ?\"',\n          'Adaptez le vocabulaire : pour des \u00e9tudiants, parlez de budget, d\\'auberges, de transports locaux. Pour des familles, parlez de s\u00e9curit\u00e9 et d\\'activit\u00e9s accessibles.',\n          'Int\u00e9grez une adresse directe au public dans votre conclusion : \"Alors, convaincus ? Le [pays] vous attend !\"'\n        ],\n        b2:[\n          'Le choix du public cible doit \u00eatre justifi\u00e9 : pourquoi ce pays convient-il particuli\u00e8rement \u00e0 ce type de voyageur ? Qu\\'offre-t-il que d\\'autres destinations ne proposent pas ?',\n          'Anticipez les objections de votre public : \"Vous pensez peut-\u00eatre que ce pays est trop loin, trop cher, ou trop m\u00e9connu\u2026 Voici pourquoi vous avez tort.\"',\n          'La rh\u00e9torique touristique est une comp\u00e9tence : \u00e9tudiez comment les vraies brochures et guides de voyage s\\'adressent \u00e0 leur cible. Reprenez leurs formules, adaptez-les \u00e0 votre contexte.'\n        ]\n      }\n    }\n  ];\n\n  var audiences = [\n    { id:'ados',    icon:'\ud83c\udfae', label:'Adolescents',        hint:'Ton dynamique, r\u00e9f\u00e9rences pop culture, activit\u00e9s fun (surf, street food, concerts), visuels percutants.' },\n    { id:'etuds',   icon:'\ud83c\udf93', label:'\u00c9tudiants',          hint:'Budget serr\u00e9, auberges, transports en commun, vie nocturne, \u00e9changes culturels, coworking.' },\n    { id:'familles',icon:'\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67', label:'Familles',           hint:'S\u00e9curit\u00e9, activit\u00e9s pour enfants, logements pratiques, sites accessibles, gastronomie locale abordable.' },\n    { id:'sport',   icon:'\ud83c\udfc4', label:'Voyageurs sportifs', hint:'Randonn\u00e9e, sports nautiques, trails, altitude, saisons id\u00e9ales, \u00e9quipements disponibles.' },\n    { id:'gastro',  icon:'\ud83c\udf74', label:'Amateurs de gastronomie', hint:'March\u00e9s locaux, restaurants typiques, cours de cuisine, produits r\u00e9gionaux, vins ou boissons traditionnels.' },\n    { id:'nature',  icon:'\ud83c\udf3f', label:'\u00c9co-touristes',      hint:'Parcs naturels, faune, biodiversit\u00e9, tourisme responsable, h\u00e9bergements durables.' },\n    { id:'culture', icon:'\ud83c\udfdb\ufe0f', label:'Amateurs de culture', hint:'Mus\u00e9es, patrimoine UNESCO, arts vivants, litt\u00e9rature locale, festivals.' },\n    { id:'seniors', icon:'\u2708\ufe0f', label:'Voyageurs seniors',  hint:'Confort, rythme tranquille, sites accessibles, histoire et patrimoine, cuisine locale sans risque.' }\n  ];\n\n  var selectedAudience = null;\n\n  function renderAudiences() {\n    var html = audiences.map(function(a) {\n      return '<button class=\"country-btn\" id=\"franco-aud-'+a.id+'\" onclick=\"francoSelectAudience(\\''+a.id+'\\')\">' +\n        '<span style=\"font-size:16px\">'+a.icon+'<\/span>'+a.label+'<\/button>';\n    }).join('');\n    document.getElementById('franco-audience-grid').innerHTML = html;\n  }\n\n  window.francoSelectAudience = function(id) {\n    selectedAudience = audiences.find(function(a){ return a.id === id; });\n    document.getElementById('franco-audience-custom').value = '';\n    document.querySelectorAll('#franco-audience-grid .country-btn').forEach(function(b) {\n      b.className = 'country-btn' + (b.id === 'franco-aud-'+id ? ' selected' : '');\n    });\n    showAudienceTip(selectedAudience);\n    renderProd();\n  };\n\n  window.francoSetCustomAudience = function() {\n    var val = document.getElementById('franco-audience-custom').value.trim();\n    if (!val) return;\n    selectedAudience = { id:'custom', icon:'\ud83c\udfaf', label: val, hint: 'Pensez \u00e0 adapter le ton, les exemples et les visuels sp\u00e9cifiquement \u00e0 ce public.' };\n    document.querySelectorAll('#franco-audience-grid .country-btn').forEach(function(b){ b.className = 'country-btn'; });\n    showAudienceTip(selectedAudience);\n    renderProd();\n  };\n\n  function showAudienceTip(a) {\n    var box = document.getElementById('franco-audience-tip');\n    box.style.display = 'block';\n    box.className = 'tip-box';\n    box.innerHTML = '<strong style=\"color:#1d4ed8\">'+a.icon+' Public choisi : '+a.label+'<\/strong><br>'+a.hint+\n      '<br><span style=\"font-size:12px;color:#6b7280;margin-top:4px;display:block\">Gardez ce public en t\u00eate \u00e0 chaque choix : ton, images, arguments, vocabulaire.<\/span>';\n  }\n\n  var prodByLevel = {\n    a2:{ badge:'Niveau A2 \u2014 D\u00e9couverte', badgeClass:'badge-a2',\n      format:'\ud83c\udf9e\ufe0f Diaporama comment\u00e9 avec narration',\n      formatDesc:'Votre diaporama est un <strong>mini-guide touristique vid\u00e9o<\/strong> destin\u00e9 au public que vous avez choisi. Chaque slide doit donner envie \u00e0 ce public de d\u00e9couvrir votre pays. Consultez la <strong>Bo\u00eete \u00e0 outils<\/strong> pour choisir votre outil.',\n      levelKey:'a2',\n      checklist:['Public cible clairement indiqu\u00e9 en introduction','Drapeau + carte du pays','1 belle photo par th\u00e8me','Narration enregistr\u00e9e','Slide finale sur le plat du buffet']\n    },\n    b1:{ badge:'Niveau B1 \u2014 Exploration', badgeClass:'badge-b1',\n      format:'\ud83c\udfac Vid\u00e9o reportage \u2014 mini-guide (3\u20135 min)',\n      formatDesc:'Votre vid\u00e9o est un <strong>mini-guide touristique<\/strong> : elle doit convaincre le public que vous avez choisi de visiter votre pays. Ton, exemples, images \u2014 tout doit \u00eatre pens\u00e9 pour ce public pr\u00e9cis. Consultez la <strong>Bo\u00eete \u00e0 outils<\/strong>.',\n      levelKey:'b1',\n      checklist:['Public cible annonc\u00e9 d\u00e8s l\\'introduction','Script r\u00e9dig\u00e9 avant le tournage','Ton et exemples adapt\u00e9s au public','S\u00e9quence gastronomie incluse']\n    },\n    b2:{ badge:'Niveau B2 \u2014 Analyse', badgeClass:'badge-b2',\n      format:'\ud83c\udf99\ufe0f Mini-documentaire ou podcast vid\u00e9o (5\u20138 min)',\n      formatDesc:'Votre production est un <strong>mini-guide touristique argument\u00e9<\/strong> : vous ne vous contentez pas de d\u00e9crire, vous <em>convainquez<\/em> votre public cible. Justifiez vos choix, anticipez les attentes, donnez envie. Consultez la <strong>Bo\u00eete \u00e0 outils<\/strong>.',\n      levelKey:'b2',\n      checklist:['Public cible d\u00e9fini et justifi\u00e9','Script complet r\u00e9dig\u00e9 et relu','Argumentation adapt\u00e9e au public','Miniature et description soign\u00e9es pour la publication']\n    }\n  };\n\n  var currentLevel = 'a2';\n  var completedSections = {};\n  var totalSections = sections.length;\n\n  var levelDescs = {\n    a2: '<strong>Niveau A2 :<\/strong> Tu peux utiliser un dictionnaire, traduire en ta langue maternelle d\\'abord, puis r\u00e9diger en fran\u00e7ais. Les questions sont courtes et directes. Tu peux t\\'appuyer sur des listes et des tableaux.',\n    b1: '<strong>Niveau B1 :<\/strong> R\u00e9dige en fran\u00e7ais directement. Utilise des connecteurs logiques (<em>parce que, donc, cependant\u2026<\/em>). Justifie chaque r\u00e9ponse avec 1 ou 2 exemples concrets.',\n    b2: '<strong>Niveau B2 :<\/strong> Analyse, compare et argumente. Va chercher des sources vari\u00e9es. Tu es attendu(e) sur la qualit\u00e9 du raisonnement et la pr\u00e9cision du vocabulaire.'\n  };\n\n  window.francoSetLevel = function(lv) {\n    currentLevel = lv;\n    ['a2','b1','b2'].forEach(function(l) {\n      var t = document.getElementById('franco-tab-'+l);\n      t.className = 'tab' + (l === lv ? ' active-'+l : '');\n    });\n    document.getElementById('franco-level-desc').innerHTML = levelDescs[lv];\n    renderSections();\n    renderProd();\n  };\n\n  window.francoToggleSection = function(id) {\n    var ql = document.getElementById('franco-ql-'+id);\n    var ch = document.getElementById('franco-chev-'+id);\n    var isOpen = ql.classList.contains('open');\n    ql.classList.toggle('open', !isOpen);\n    ch.classList.toggle('open', !isOpen);\n  };\n\n  window.francoMarkSection = function(id, checked) {\n    completedSections[id] = checked;\n    var done = Object.values(completedSections).filter(Boolean).length;\n    var pct = Math.round((done \/ totalSections) * 100);\n    document.getElementById('franco-prog-bar').style.width = pct + '%';\n    document.getElementById('franco-prog-label').textContent = done + ' \/ ' + totalSections + ' th\u00e8mes compl\u00e9t\u00e9s';\n  };\n\n  window.francoSelectCountry = function(i) {\n    document.querySelectorAll('#franco-countries .country-btn').forEach(function(b, j) {\n      b.className = 'country-btn' + (j === i ? ' selected' : '');\n    });\n  };\n\n  function renderCountries() {\n    var html = countries.map(function(c, i) {\n      return '<button class=\"country-btn\" onclick=\"francoSelectCountry(' + i + ')\">' +\n        '<span style=\"font-size:18px\">' + c.flag + '<\/span>' + c.name + '<\/button>';\n    }).join('');\n    document.getElementById('franco-countries').innerHTML = html;\n  }\n\n  function renderSections() {\n    var html = sections.map(function(s, idx) {\n      var qs = s.questions.filter(function(q) { return q.levels.indexOf(currentLevel) > -1; });\n      var qItems = qs.map(function(q) {\n        var extras = q.levels.filter(function(l) { return l !== currentLevel; })\n          .map(function(l) { return '<span class=\"q-badge qb-' + l + '\">' + l.toUpperCase() + '<\/span>'; }).join('');\n        return '<div class=\"question-item\"><span class=\"q-diamond\">\u25c6<\/span>' +\n          '<span class=\"q-text\">' + q.text + extras + '<\/span><\/div>';\n      }).join('');\n      var isChecked = completedSections[s.id] ? ' checked' : '';\n      return '<div class=\"section-card\">' +\n        '<div class=\"section-header\" onclick=\"francoToggleSection(\\'' + s.id + '\\')\">' +\n          '<div class=\"section-num\" style=\"background:' + s.numBg + ';color:' + s.numColor + '\">' + (idx+1) + '<\/div>' +\n          '<span style=\"font-size:16px\">' + s.icon + '<\/span>' +\n          '<span class=\"section-title\">' + s.title + '<\/span>' +\n          '<span class=\"q-count\">' + qs.length + ' question' + (qs.length > 1 ? 's' : '') + '<\/span>' +\n          '<span class=\"chevron\" id=\"franco-chev-' + s.id + '\">\u25bc<\/span>' +\n        '<\/div>' +\n        '<div class=\"questions-list\" id=\"franco-ql-' + s.id + '\">' +\n          '<div class=\"done-row\"><label>' +\n            '<input type=\"checkbox\"' + isChecked + ' onchange=\"francoMarkSection(\\'' + s.id + '\\',this.checked)\"> ' +\n            'Th\u00e8me compl\u00e9t\u00e9' +\n          '<\/label><\/div>' +\n          qItems +\n        '<\/div>' +\n      '<\/div>';\n    }).join('');\n    document.getElementById('franco-sections').innerHTML = html;\n  }\n\n  window.francoToggleTip = function(id) {\n    var body = document.getElementById('franco-tip-body-'+id);\n    var chev = document.getElementById('franco-tip-chev-'+id);\n    var isOpen = body.style.display !== 'none';\n    body.style.display = isOpen ? 'none' : 'block';\n    chev.style.transform = isOpen ? 'rotate(0deg)' : 'rotate(180deg)';\n  };\n\n  function renderProd() {\n    var p = prodByLevel[currentLevel];\n    var lk = p.levelKey;\n\n    var tipCards = tipCategories.map(function(cat) {\n      var items = cat.tips[lk].map(function(t) {\n        return '<div style=\"display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-top:1px solid #f3f4f6;\">' +\n          '<span style=\"color:'+cat.numColor+';font-size:14px;flex-shrink:0;margin-top:1px\">\u2192<\/span>' +\n          '<span style=\"font-size:13px;color:#374151;line-height:1.6\">'+t+'<\/span>' +\n          '<\/div>';\n      }).join('');\n      return '<div style=\"border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:8px;background:#fff;\">' +\n        '<div style=\"display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;user-select:none;background:'+cat.bg+';\" onclick=\"francoToggleTip(\\''+cat.id+'\\')\">' +\n          '<span style=\"font-size:18px\">'+cat.icon+'<\/span>' +\n          '<span style=\"font-size:13px;font-weight:600;color:#111;flex:1\">'+cat.label+'<\/span>' +\n          '<span id=\"franco-tip-chev-'+cat.id+'\" style=\"font-size:11px;color:'+cat.numColor+';transition:transform .2s\">\u25bc<\/span>' +\n        '<\/div>' +\n        '<div id=\"franco-tip-body-'+cat.id+'\" style=\"display:none;padding:0 14px 4px;\">'+items+'<\/div>' +\n      '<\/div>';\n    }).join('');\n\n    var checks = p.checklist.map(function(x) {\n      return '<div class=\"check-item\">\u2713 ' + x + '<\/div>';\n    }).join('');\n\n    document.getElementById('franco-prod').innerHTML =\n      '<div style=\"margin-bottom:12px\"><span class=\"badge ' + p.badgeClass + '\">' + p.badge + '<\/span><\/div>' +\n      '<div style=\"border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;background:#fafafa;margin-bottom:20px;\">' +\n        '<div style=\"display:flex;align-items:flex-start;gap:10px;\">' +\n          '<span style=\"font-size:22px;flex-shrink:0\">'+p.format.split(' ')[0]+'<\/span>' +\n          '<div><h3 style=\"font-size:14px;font-weight:600;color:#111;margin-bottom:4px\">'+p.format.substring(2)+'<\/h3>' +\n          '<p style=\"font-size:13px;color:#374151;line-height:1.6\">'+p.formatDesc+'<\/p><\/div>' +\n        '<\/div>' +\n      '<\/div>' +\n      '<p style=\"font-size:13px;font-weight:600;color:#111;margin-bottom:10px\">Conseils pour r\u00e9ussir votre pr\u00e9sentation<\/p>' +\n      tipCards +\n      '<p style=\"font-size:13px;color:#6b7280;margin:18px 0 8px\">Checklist avant de rendre votre production :<\/p>' +\n      '<div class=\"checklist\">' + checks + '<\/div>';\n  }\n\n  renderCountries();\n  renderAudiences();\n  renderSections();\n  renderProd();\n\n})();\n<\/script>\n\n<\/div>\n<!-- FIN DE L'ACTIVIT\u00c9 FRANCOPHONIE -->\n<div class=\"pld-like-dislike-wrap pld-template-1\">\r\n    <div class=\"pld-like-wrap  pld-common-wrap\">\r\n    <a href=\"javascript:void(0)\" class=\"pld-like-trigger pld-like-dislike-trigger  \" title=\"J&#039;aime\" data-post-id=\"8975\" data-trigger-type=\"like\" data-restriction=\"cookie\" data-already-liked=\"0\">\r\n                        <i class=\"fas fa-thumbs-up\"><\/i>\r\n                <\/a>\r\n    <span class=\"pld-like-count-wrap pld-count-wrap\">    <\/span>\r\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Comment faire d\u00e9couvrir la francophonie autrement en classe de FLE ? Une activit\u00e9 A2\u2013B2 o\u00f9 les apprenants deviennent guides touristiques, cr\u00e9ent une pr\u00e9sentation dynamique\u2026 et font voter la classe !<\/p>\n","protected":false},"author":1,"featured_media":8980,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false,"_links_to":"","_links_to_target":""},"categories":[12],"tags":[45,266,102,44,43,101],"class_list":["post-8975","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-activites-pedagogiques","tag-a2","tag-activite","tag-approche-actionnelle","tag-b1","tag-b2","tag-francophonie"],"featured_image_src":"https:\/\/i0.wp.com\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2026\/03\/Flag_of_La_Francophonie.svg.png?fit=1280%2C854&ssl=1","author_info":{"display_name":"Isabelle Barri\u00e8re","author_link":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/author\/izabar\/"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00c0 la d\u00e9couverte de la francophonie - isabellebarriere.eu<\/title>\n<meta name=\"description\" content=\"Comment faire d\u00e9couvrir la francophonie autrement en classe de FLE ? Une activit\u00e9 A2\u2013B2 o\u00f9 les apprenants deviennent guides touristiques, cr\u00e9ent une pr\u00e9sentation dynamique\u2026 et font voter la classe !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00c0 la d\u00e9couverte de la francophonie - isabellebarriere.eu\" \/>\n<meta property=\"og:description\" content=\"Comment faire d\u00e9couvrir la francophonie autrement en classe de FLE ? Une activit\u00e9 A2\u2013B2 o\u00f9 les apprenants deviennent guides touristiques, cr\u00e9ent une pr\u00e9sentation dynamique\u2026 et font voter la classe !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/\" \/>\n<meta property=\"og:site_name\" content=\"isabellebarriere.eu\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/isabellebarriere.eu\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/isabellebarriere.eu\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-17T08:56:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-17T12:20:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2026\/03\/Flag_of_La_Francophonie.svg.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"854\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Isabelle Barri\u00e8re\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Isabelle Barri\u00e8re\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/\"},\"author\":{\"name\":\"Isabelle Barri\u00e8re\",\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/#\\\/schema\\\/person\\\/69226f228e7c3322e534c115e8effd8d\"},\"headline\":\"\u00c0 la d\u00e9couverte de la francophonie\",\"datePublished\":\"2026-03-17T08:56:00+00:00\",\"dateModified\":\"2026-03-17T12:20:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/\"},\"wordCount\":1493,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/#\\\/schema\\\/person\\\/69226f228e7c3322e534c115e8effd8d\"},\"image\":{\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Flag_of_La_Francophonie.svg.png?fit=1280%2C854&ssl=1\",\"keywords\":[\"A2\",\"activit\u00e9\",\"approche actionnelle\",\"B1\",\"B2\",\"Francophonie\"],\"articleSection\":[\"Activit\u00e9s p\u00e9dagogiques\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/\",\"url\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/\",\"name\":\"\u00c0 la d\u00e9couverte de la francophonie - isabellebarriere.eu\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Flag_of_La_Francophonie.svg.png?fit=1280%2C854&ssl=1\",\"datePublished\":\"2026-03-17T08:56:00+00:00\",\"dateModified\":\"2026-03-17T12:20:26+00:00\",\"description\":\"Comment faire d\u00e9couvrir la francophonie autrement en classe de FLE ? Une activit\u00e9 A2\u2013B2 o\u00f9 les apprenants deviennent guides touristiques, cr\u00e9ent une pr\u00e9sentation dynamique\u2026 et font voter la classe !\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Flag_of_La_Francophonie.svg.png?fit=1280%2C854&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Flag_of_La_Francophonie.svg.png?fit=1280%2C854&ssl=1\",\"width\":1280,\"height\":854,\"caption\":\"Drapeau de la Francophnonie\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/a-la-decouverte-de-la-francophonie\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00c0 la d\u00e9couverte de la francophonie\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/#website\",\"url\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/\",\"name\":\"isabellebarriere.eu\",\"description\":\"accompagner et d\u00e9velopper\",\"publisher\":{\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/#\\\/schema\\\/person\\\/69226f228e7c3322e534c115e8effd8d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/#\\\/schema\\\/person\\\/69226f228e7c3322e534c115e8effd8d\",\"name\":\"Isabelle Barri\u00e8re\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/logo_BLEU-COMPLET-TR.png?fit=624%2C625&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/logo_BLEU-COMPLET-TR.png?fit=624%2C625&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/logo_BLEU-COMPLET-TR.png?fit=624%2C625&ssl=1\",\"width\":624,\"height\":625,\"caption\":\"Isabelle Barri\u00e8re\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/logo_BLEU-COMPLET-TR.png?fit=624%2C625&ssl=1\"},\"sameAs\":[\"http:\\\/\\\/www.isabellebarriere.eu\\\/numerique-et-fle\",\"https:\\\/\\\/facebook.com\\\/isabellebarriere.eu\",\"https:\\\/\\\/www.instagram.com\\\/isabellebarriere.eu\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/isabellebarriere\\\/\"],\"url\":\"https:\\\/\\\/isabellebarriere.eu\\\/numerique-et-fle\\\/author\\\/izabar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00c0 la d\u00e9couverte de la francophonie - isabellebarriere.eu","description":"Comment faire d\u00e9couvrir la francophonie autrement en classe de FLE ? Une activit\u00e9 A2\u2013B2 o\u00f9 les apprenants deviennent guides touristiques, cr\u00e9ent une pr\u00e9sentation dynamique\u2026 et font voter la classe !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/","og_locale":"fr_FR","og_type":"article","og_title":"\u00c0 la d\u00e9couverte de la francophonie - isabellebarriere.eu","og_description":"Comment faire d\u00e9couvrir la francophonie autrement en classe de FLE ? Une activit\u00e9 A2\u2013B2 o\u00f9 les apprenants deviennent guides touristiques, cr\u00e9ent une pr\u00e9sentation dynamique\u2026 et font voter la classe !","og_url":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/","og_site_name":"isabellebarriere.eu","article_publisher":"https:\/\/facebook.com\/isabellebarriere.eu","article_author":"https:\/\/facebook.com\/isabellebarriere.eu","article_published_time":"2026-03-17T08:56:00+00:00","article_modified_time":"2026-03-17T12:20:26+00:00","og_image":[{"width":1280,"height":854,"url":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2026\/03\/Flag_of_La_Francophonie.svg.png","type":"image\/png"}],"author":"Isabelle Barri\u00e8re","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Isabelle Barri\u00e8re","Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/#article","isPartOf":{"@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/"},"author":{"name":"Isabelle Barri\u00e8re","@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/#\/schema\/person\/69226f228e7c3322e534c115e8effd8d"},"headline":"\u00c0 la d\u00e9couverte de la francophonie","datePublished":"2026-03-17T08:56:00+00:00","dateModified":"2026-03-17T12:20:26+00:00","mainEntityOfPage":{"@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/"},"wordCount":1493,"commentCount":0,"publisher":{"@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/#\/schema\/person\/69226f228e7c3322e534c115e8effd8d"},"image":{"@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2026\/03\/Flag_of_La_Francophonie.svg.png?fit=1280%2C854&ssl=1","keywords":["A2","activit\u00e9","approche actionnelle","B1","B2","Francophonie"],"articleSection":["Activit\u00e9s p\u00e9dagogiques"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/","url":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/","name":"\u00c0 la d\u00e9couverte de la francophonie - isabellebarriere.eu","isPartOf":{"@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/#website"},"primaryImageOfPage":{"@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/#primaryimage"},"image":{"@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2026\/03\/Flag_of_La_Francophonie.svg.png?fit=1280%2C854&ssl=1","datePublished":"2026-03-17T08:56:00+00:00","dateModified":"2026-03-17T12:20:26+00:00","description":"Comment faire d\u00e9couvrir la francophonie autrement en classe de FLE ? Une activit\u00e9 A2\u2013B2 o\u00f9 les apprenants deviennent guides touristiques, cr\u00e9ent une pr\u00e9sentation dynamique\u2026 et font voter la classe !","breadcrumb":{"@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/#primaryimage","url":"https:\/\/i0.wp.com\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2026\/03\/Flag_of_La_Francophonie.svg.png?fit=1280%2C854&ssl=1","contentUrl":"https:\/\/i0.wp.com\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2026\/03\/Flag_of_La_Francophonie.svg.png?fit=1280%2C854&ssl=1","width":1280,"height":854,"caption":"Drapeau de la Francophnonie"},{"@type":"BreadcrumbList","@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/a-la-decouverte-de-la-francophonie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/"},{"@type":"ListItem","position":2,"name":"\u00c0 la d\u00e9couverte de la francophonie"}]},{"@type":"WebSite","@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/#website","url":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/","name":"isabellebarriere.eu","description":"accompagner et d\u00e9velopper","publisher":{"@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/#\/schema\/person\/69226f228e7c3322e534c115e8effd8d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/#\/schema\/person\/69226f228e7c3322e534c115e8effd8d","name":"Isabelle Barri\u00e8re","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/i0.wp.com\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2022\/02\/logo_BLEU-COMPLET-TR.png?fit=624%2C625&ssl=1","url":"https:\/\/i0.wp.com\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2022\/02\/logo_BLEU-COMPLET-TR.png?fit=624%2C625&ssl=1","contentUrl":"https:\/\/i0.wp.com\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2022\/02\/logo_BLEU-COMPLET-TR.png?fit=624%2C625&ssl=1","width":624,"height":625,"caption":"Isabelle Barri\u00e8re"},"logo":{"@id":"https:\/\/i0.wp.com\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2022\/02\/logo_BLEU-COMPLET-TR.png?fit=624%2C625&ssl=1"},"sameAs":["http:\/\/www.isabellebarriere.eu\/numerique-et-fle","https:\/\/facebook.com\/isabellebarriere.eu","https:\/\/www.instagram.com\/isabellebarriere.eu\/","https:\/\/www.linkedin.com\/in\/isabellebarriere\/"],"url":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/author\/izabar\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/isabellebarriere.eu\/numerique-et-fle\/wp-content\/uploads\/2026\/03\/Flag_of_La_Francophonie.svg.png?fit=1280%2C854&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-json\/wp\/v2\/posts\/8975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-json\/wp\/v2\/comments?post=8975"}],"version-history":[{"count":9,"href":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-json\/wp\/v2\/posts\/8975\/revisions"}],"predecessor-version":[{"id":8987,"href":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-json\/wp\/v2\/posts\/8975\/revisions\/8987"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-json\/wp\/v2\/media\/8980"}],"wp:attachment":[{"href":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-json\/wp\/v2\/media?parent=8975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-json\/wp\/v2\/categories?post=8975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isabellebarriere.eu\/numerique-et-fle\/wp-json\/wp\/v2\/tags?post=8975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}