A1 French – Nationalities & Negation | For English Speakers<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@400;700&family=Source+Sans+Pro:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #1e40af;\n --primary-dark: #1e3a8a;\n --secondary: #dc2626;\n --secondary-dark: #b91c1c;\n --accent: #0891b2;\n --accent-dark: #0e7490;\n --success: #059669;\n --success-dark: #047857;\n --warning: #d97706;\n --warning-dark: #b45309;\n --dark: #1f2937;\n --gray: #6b7280;\n --light-gray: #e5e7eb;\n --bg: #f9fafb;\n --white: #ffffff;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Source Sans Pro', sans-serif;\n background: linear-gradient(135deg, #eff6ff 0%, #f0f9ff 100%);\n color: var(--dark);\n line-height: 1.6;\n padding: 0;\n }\n\n .french-lesson-wrapper {\n font-family: 'Source Sans Pro', sans-serif;\n }\n\n .language-toggle {\n position: fixed;\n top: 20px;\n right: 20px;\n z-index: 1000;\n background: var(--white);\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n padding: 12px;\n display: flex;\n gap: 8px;\n }\n\n .lang-btn {\n padding: 10px 18px;\n border: 2px solid var(--light-gray);\n background: var(--white);\n color: var(--dark);\n font-weight: 700;\n font-size: 0.875rem;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .lang-btn:hover {\n background: #f9fafb;\n border-color: var(--gray);\n }\n\n .lang-btn.active {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n }\n\n .hero {\n background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);\n color: var(--white);\n padding: 80px 20px 60px;\n text-align: center;\n }\n\n .hero h1 {\n font-family: 'Merriweather', serif;\n font-size: 3rem;\n margin-bottom: 15px;\n font-weight: 700;\n }\n\n .hero .subtitle {\n font-size: 1.3rem;\n opacity: 0.95;\n margin-bottom: 10px;\n }\n\n .hero .level {\n display: inline-block;\n background: rgba(255,255,255,0.2);\n padding: 8px 20px;\n border-radius: 20px;\n font-weight: 600;\n backdrop-filter: blur(10px);\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 20px;\n }\n\n .progress-bar {\n background: var(--white);\n border-radius: 12px;\n padding: 25px;\n margin-bottom: 40px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n }\n\n .progress-track {\n background: var(--light-gray);\n height: 12px;\n border-radius: 20px;\n overflow: hidden;\n margin-bottom: 15px;\n }\n\n .progress-fill {\n background: linear-gradient(90deg, var(--primary), var(--accent));\n height: 100%;\n width: 0%;\n transition: width 0.5s ease;\n }\n\n .progress-text {\n text-align: center;\n font-weight: 600;\n color: var(--gray);\n }\n\n .section {\n background: var(--white);\n border-radius: 16px;\n padding: 40px;\n margin-bottom: 30px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n }\n\n .section-header {\n border-bottom: 3px solid var(--primary);\n padding-bottom: 20px;\n margin-bottom: 30px;\n }\n\n .section-number {\n color: var(--primary);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 10px;\n }\n\n .section-title {\n font-family: 'Merriweather', serif;\n font-size: 2rem;\n color: var(--dark);\n margin-bottom: 12px;\n }\n\n .section-description {\n color: var(--gray);\n font-size: 1.05rem;\n }\n\n .bilingual {\n display: flex;\n gap: 15px;\n align-items: baseline;\n }\n\n .fr {\n font-weight: 600;\n color: var(--dark);\n }\n\n .en {\n color: var(--gray);\n font-style: italic;\n }\n\n .hide-en .en {\n display: none;\n }\n\n .hide-fr .fr {\n display: none;\n }\n\n .vocab-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 20px;\n margin: 25px 0;\n }\n\n .vocab-card {\n background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n border: 2px solid var(--accent);\n border-radius: 12px;\n padding: 20px;\n transition: all 0.3s ease;\n }\n\n .vocab-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 16px rgba(8, 145, 178, 0.2);\n }\n\n .country-name {\n font-size: 1.3rem;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 12px;\n }\n\n .nationality {\n font-size: 1.05rem;\n margin: 8px 0;\n }\n\n .nationality strong {\n color: var(--accent);\n }\n\n .grammar-box {\n background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n border: 3px solid var(--warning);\n border-radius: 12px;\n padding: 25px;\n margin: 25px 0;\n }\n\n .grammar-title {\n font-size: 1.3rem;\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 15px;\n }\n\n .grammar-example {\n background: var(--white);\n padding: 15px 20px;\n border-radius: 8px;\n margin: 10px 0;\n border-left: 4px solid var(--warning);\n }\n\n .table-responsive {\n overflow-x: auto;\n margin: 20px 0;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n background: var(--white);\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n }\n\n th {\n background: var(--primary);\n color: var(--white);\n padding: 16px;\n text-align: left;\n font-weight: 600;\n }\n\n td {\n padding: 14px 16px;\n border-bottom: 1px solid var(--light-gray);\n }\n\n tr:hover {\n background: #f9fafb;\n }\n\n .exercise-block {\n background: #f8fafc;\n border-radius: 12px;\n padding: 25px;\n margin: 20px 0;\n border: 2px solid var(--light-gray);\n }\n\n .exercise-title {\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 20px;\n }\n\n .question {\n background: var(--white);\n padding: 20px;\n border-radius: 10px;\n margin: 15px 0;\n border-left: 4px solid var(--primary);\n }\n\n .question.correct {\n background: #d1fae5;\n border-left-color: var(--success);\n }\n\n .question.incorrect {\n background: #fee2e2;\n border-left-color: var(--secondary);\n }\n\n .question-label {\n font-weight: 600;\n color: var(--dark);\n margin-bottom: 12px;\n }\n\n input[type=\"text\"], textarea {\n width: 100%;\n padding: 12px 16px;\n border: 2px solid var(--light-gray);\n border-radius: 8px;\n font-family: 'Source Sans Pro', sans-serif;\n font-size: 1rem;\n transition: all 0.2s ease;\n margin: 8px 0;\n }\n\n input[type=\"text\"]:focus, textarea:focus {\n outline: none;\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);\n }\n\n input.correct {\n border-color: var(--success);\n background: rgba(5, 150, 105, 0.05);\n }\n\n input.incorrect {\n border-color: var(--secondary);\n background: rgba(220, 38, 38, 0.05);\n }\n\n .inline-input {\n display: inline-block;\n width: 200px;\n margin: 0 8px;\n }\n\n .btn {\n padding: 14px 30px;\n border: none;\n border-radius: 10px;\n font-weight: 700;\n font-size: 1rem;\n cursor: pointer;\n transition: all 0.2s ease;\n margin: 8px 5px;\n color: #ffffff !important;\n }\n\n .btn-primary {\n background: #1e3a8a;\n color: #ffffff !important;\n }\n\n .btn-primary:hover {\n background: #1e40af;\n transform: translateY(-2px);\n box-shadow: 0 6px 12px rgba(30, 58, 138, 0.4);\n }\n\n .btn-secondary {\n background: #374151;\n color: #ffffff !important;\n }\n\n .btn-secondary:hover {\n background: #4b5563;\n }\n\n .btn-warning {\n background: #b45309;\n color: #ffffff !important;\n }\n\n .btn-warning:hover {\n background: #d97706;\n }\n\n .btn-success {\n background: #059669;\n color: #ffffff !important;\n }\n\n .btn-success:hover {\n background: #047857;\n }\n\n .feedback {\n padding: 18px 24px;\n border-radius: 10px;\n margin: 20px 0;\n font-weight: 600;\n display: none;\n }\n\n .feedback.show {\n display: block;\n }\n\n .feedback.success {\n background: #d1fae5;\n color: #065f46;\n border-left: 4px solid var(--success);\n }\n\n .feedback.error {\n background: #fee2e2;\n color: #991b1b;\n border-left: 4px solid var(--secondary);\n }\n\n .feedback.partial {\n background: #fef3c7;\n color: #92400e;\n border-left: 4px solid var(--warning);\n }\n\n .hint-box {\n background: #e0f2fe;\n border: 2px solid var(--accent);\n border-radius: 10px;\n padding: 20px;\n margin: 20px 0;\n display: none;\n }\n\n .hint-box.show {\n display: block;\n }\n\n .hint-title {\n font-weight: 700;\n color: var(--dark);\n margin-bottom: 10px;\n }\n\n .score-display {\n background: var(--white);\n border: 2px solid var(--light-gray);\n border-radius: 12px;\n padding: 25px;\n text-align: center;\n margin: 20px 0;\n display: none;\n }\n\n .score-display.show {\n display: block;\n }\n\n .score-value {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary);\n }\n\n .true-false-options {\n display: flex;\n gap: 15px;\n margin: 15px 0;\n }\n\n .tf-btn {\n flex: 1;\n padding: 14px;\n border: 3px solid var(--light-gray);\n background: var(--white);\n border-radius: 8px;\n font-weight: 700;\n font-size: 1.05rem;\n cursor: pointer;\n transition: all 0.2s ease;\n color: var(--dark);\n }\n\n .tf-btn:hover {\n background: #f9fafb;\n border-color: var(--gray);\n }\n\n .tf-btn.selected {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n }\n\n .tf-btn.correct {\n background: var(--success);\n color: var(--white);\n border-color: var(--success);\n }\n\n .tf-btn.incorrect {\n background: var(--secondary);\n color: var(--white);\n border-color: var(--secondary);\n }\n\n .final-task {\n background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n border: 3px solid var(--primary);\n border-radius: 16px;\n padding: 35px;\n margin: 30px 0;\n }\n\n .completion-modal {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0,0,0,0.7);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 9999;\n padding: 20px;\n }\n\n .completion-modal.show {\n display: flex;\n }\n\n .modal-content {\n background: var(--white);\n border-radius: 20px;\n padding: 50px;\n max-width: 600px;\n text-align: center;\n }\n\n .modal-icon {\n font-size: 5rem;\n margin-bottom: 20px;\n }\n\n .modal-title {\n font-family: 'Merriweather', serif;\n font-size: 2.5rem;\n color: var(--dark);\n margin-bottom: 20px;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin: 30px 0;\n }\n\n .stat-box {\n background: #f9fafb;\n padding: 20px;\n border-radius: 12px;\n }\n\n .stat-value {\n font-size: 2rem;\n font-weight: 700;\n color: var(--primary);\n }\n\n .stat-label {\n font-size: 0.875rem;\n color: var(--gray);\n margin-top: 5px;\n }\n\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2rem;\n }\n\n .section {\n padding: 25px 20px;\n }\n\n .vocab-grid {\n grid-template-columns: 1fr;\n }\n\n .inline-input {\n display: block;\n width: 100%;\n margin: 10px 0;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n\n .language-toggle {\n top: 10px;\n right: 10px;\n }\n }\n\n .pronunciation-guide {\n background: #faf5ff;\n border: 2px solid #a855f7;\n border-radius: 10px;\n padding: 15px 20px;\n margin: 15px 0;\n font-size: 0.95rem;\n }\n\n .pronunciation-guide strong {\n color: #7c3aed;\n }\n\n .example-box {\n background: #f0fdfa;\n border-left: 4px solid #14b8a6;\n padding: 15px 20px;\n margin: 15px 0;\n border-radius: 6px;\n }\n\n .flag-emoji {\n font-size: 1.4rem;\n margin-right: 8px;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"language-toggle\">\n <button class=\"lang-btn\" onclick=\"setLanguage('both')\">Both<\/button>\n <button class=\"lang-btn active\" onclick=\"setLanguage('fr')\">FR<\/button>\n <button class=\"lang-btn\" onclick=\"setLanguage('en')\">EN<\/button>\n <\/div>\n\n \n <div class=\"hero\">\n <h1>Nationalit\u00e9s et N\u00e9gation<\/h1>\n <p class=\"subtitle\">Nationalities & Negation<\/p>\n <span class=\"level\">Niveau A1 | Level A1<\/span>\n <\/div>\n\n <div class=\"container\">\n\n \n <div class=\"progress-bar\">\n <div class=\"progress-track\">\n <div class=\"progress-fill\" id=\"progressBar\"><\/div>\n <\/div>\n <div class=\"progress-text\">\n <span class=\"fr\">Progression :<\/span>\n <span class=\"en\">Progress:<\/span>\n <span id=\"progressText\">0%<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">Objectifs de la le\u00e7on<\/span>\n <span class=\"en\">Lesson Objectives<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">Ce que vous allez apprendre<\/span>\n <span class=\"en\">What You Will Learn<\/span>\n <\/h2>\n <\/div>\n\n <ul style=\"list-style: none; padding-left: 0;\">\n <li style=\"padding: 12px 0; border-bottom: 1px solid var(--light-gray);\">\n <div class=\"bilingual\">\n <span class=\"fr\">\u2713 Dire sa nationalit\u00e9 et celle des autres<\/span>\n <span class=\"en\">\u2014 Say your nationality and others’<\/span>\n <\/div>\n <\/li>\n <li style=\"padding: 12px 0; border-bottom: 1px solid var(--light-gray);\">\n <div class=\"bilingual\">\n <span class=\"fr\">\u2713 Employer correctement les adjectifs de nationalit\u00e9<\/span>\n <span class=\"en\">\u2014 Use nationality adjectives correctly<\/span>\n <\/div>\n <\/li>\n <li style=\"padding: 12px 0;\">\n <div class=\"bilingual\">\n <span class=\"fr\">\u2713 Utiliser les structures ne\u2026 pas et ne\u2026 plus<\/span>\n <span class=\"en\">\u2014 Use negative structures ne\u2026 pas and ne\u2026 plus<\/span>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"section\" style=\"background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); border-left: 5px solid var(--accent);\">\n <div style=\"display: flex; align-items: center; gap: 15px; margin-bottom: 25px;\">\n <div style=\"font-size: 3rem;\">💡<\/div>\n <div>\n <h3 style=\"font-size: 1.5rem; color: var(--dark); margin-bottom: 5px;\">Conseils pour apprendre efficacement<\/h3>\n <p style=\"color: var(--gray); font-size: 0.95rem;\">Tips for English speakers learning French<\/p>\n <\/div>\n <\/div>\n\n <div style=\"display: grid; gap: 20px;\">\n <div style=\"background: white; padding: 20px; border-radius: 12px; border-left: 4px solid #0891b2;\">\n <h4 style=\"color: var(--accent); font-size: 1.1rem; margin-bottom: 10px;\">📚 Les adjectifs de nationalit\u00e9<\/h4>\n <p style=\"margin-bottom: 10px;\"><strong>Diff\u00e9rence avec l’anglais :<\/strong> En fran\u00e7ais, les adjectifs de nationalit\u00e9 changent selon le genre (masculin\/f\u00e9minin).<\/p>\n <p style=\"margin-bottom: 10px;\"><strong>R\u00e8gle g\u00e9n\u00e9rale :<\/strong> Pour former le f\u00e9minin, ajoutez souvent un <strong>-e<\/strong> \u00e0 la fin :<\/p>\n <ul style=\"padding-left: 25px; margin-top: 8px;\">\n <li>fran\u00e7ais \u2192 fran\u00e7ais<strong>e<\/strong><\/li>\n <li>allemand \u2192 allemand<strong>e<\/strong><\/li>\n <li>espagnol \u2192 espagnol<strong>e<\/strong><\/li>\n <\/ul>\n <p style=\"margin-top: 10px; color: var(--warning); font-weight: 600;\">⚠️ Exception : Les mots qui se terminent d\u00e9j\u00e0 par -e ne changent pas (russe, suisse)<\/p>\n <\/div>\n\n <div style=\"background: white; padding: 20px; border-radius: 12px; border-left: 4px solid #f59e0b;\">\n <h4 style=\"color: var(--warning); font-size: 1.1rem; margin-bottom: 10px;\">🔤 Prononciation importante<\/h4>\n <p style=\"margin-bottom: 10px;\"><strong>Le -e final f\u00e9minin ne se prononce pas,<\/strong> mais il change souvent la prononciation de la consonne qui pr\u00e9c\u00e8de :<\/p>\n <ul style=\"padding-left: 25px; margin-top: 8px;\">\n <li><strong>fran\u00e7ais<\/strong> [fr\u0251\u0303s\u025b] \u2192 <strong>fran\u00e7aise<\/strong> [fr\u0251\u0303s\u025bz] – on entend le \u00ab\u00a0z\u00a0\u00bb<\/li>\n <li><strong>allemand<\/strong> [alm\u0251\u0303] \u2192 <strong>allemande<\/strong> [alm\u0251\u0303d] – on entend le \u00ab\u00a0d\u00a0\u00bb<\/li>\n <\/ul>\n <p style=\"margin-top: 10px; font-style: italic; color: var(--gray);\">En anglais, \u00ab\u00a0French\u00a0\u00bb ne change jamais. En fran\u00e7ais, faites attention au genre !<\/p>\n <\/div>\n\n <div style=\"background: white; padding: 20px; border-radius: 12px; border-left: 4px solid #059669;\">\n <h4 style=\"color: var(--success); font-size: 1.1rem; margin-bottom: 10px;\">❌ La n\u00e9gation : ne… pas vs ne… plus<\/h4>\n <p style=\"margin-bottom: 10px;\"><strong>Pour les anglophones :<\/strong><\/p>\n <ul style=\"padding-left: 25px; margin-top: 8px;\">\n <li><strong>ne… pas<\/strong> = \u00ab\u00a0not\u00a0\u00bb (n\u00e9gation g\u00e9n\u00e9rale)<br>\n <em>Je ne suis pas fran\u00e7ais<\/em> = I am not French<\/li>\n <li style=\"margin-top: 12px;\"><strong>ne… plus<\/strong> = \u00ab\u00a0no longer \/ not anymore\u00a0\u00bb (changement dans le temps)<br>\n <em>Je ne suis plus \u00e9tudiant<\/em> = I am no longer a student<\/li>\n <\/ul>\n <p style=\"margin-top: 15px; background: #fef3c7; padding: 12px; border-radius: 8px; font-size: 0.95rem;\">\n <strong>Astuce :<\/strong> \u00ab\u00a0plus\u00a0\u00bb en fran\u00e7ais = \u00ab\u00a0more\u00a0\u00bb ET \u00ab\u00a0no longer\u00a0\u00bb selon le contexte. Dans \u00ab\u00a0ne… plus\u00a0\u00bb, \u00e7a veut dire \u00ab\u00a0no longer\u00a0\u00bb.\n <\/p>\n <\/div>\n\n <div style=\"background: white; padding: 20px; border-radius: 12px; border-left: 4px solid #dc2626;\">\n <h4 style=\"color: var(--secondary); font-size: 1.1rem; margin-bottom: 10px;\">🎯 Erreurs courantes \u00e0 \u00e9viter<\/h4>\n <ul style=\"padding-left: 25px;\">\n <li style=\"margin-bottom: 12px;\">❌ <del>Je suis 20 ans<\/del> \u2192 ✅ <strong>J’ai 20 ans<\/strong><br>\n <span style=\"color: var(--gray); font-size: 0.9rem;\">En fran\u00e7ais, on utilise AVOIR pour l’\u00e2ge, pas \u00caTRE !<\/span><\/li>\n \n <li style=\"margin-bottom: 12px;\">❌ <del>le Canada<\/del> n’existe pas \u2192 ✅ <strong>le Canada<\/strong><br>\n <span style=\"color: var(--gray); font-size: 0.9rem;\">C’est masculin, pas \u00ab\u00a0la\u00a0\u00bb !<\/span><\/li>\n \n <li style=\"margin-bottom: 12px;\">❌ <del>Je ne pas fran\u00e7ais<\/del> \u2192 ✅ <strong>Je ne suis pas fran\u00e7ais<\/strong><br>\n <span style=\"color: var(--gray); font-size: 0.9rem;\">N’oubliez pas le verbe entre \u00ab\u00a0ne\u00a0\u00bb et \u00ab\u00a0pas\u00a0\u00bb !<\/span><\/li>\n \n <li>❌ <del>Je suis Fran\u00e7aise<\/del> \u2192 ✅ <strong>Je suis fran\u00e7aise<\/strong><br>\n <span style=\"color: var(--gray); font-size: 0.9rem;\">Les nationalit\u00e9s s’\u00e9crivent en minuscules en fran\u00e7ais (diff\u00e9rent de l’anglais)<\/span><\/li>\n <\/ul>\n <\/div>\n\n <div style=\"background: white; padding: 20px; border-radius: 12px; border-left: 4px solid #6366f1;\">\n <h4 style=\"color: #6366f1; font-size: 1.1rem; margin-bottom: 10px;\">🗣️ Strat\u00e9gie d’apprentissage<\/h4>\n <ol style=\"padding-left: 25px;\">\n <li style=\"margin-bottom: 10px;\"><strong>Lisez d’abord toute la le\u00e7on<\/strong> pour comprendre la structure g\u00e9n\u00e9rale<\/li>\n <li style=\"margin-bottom: 10px;\"><strong>R\u00e9p\u00e9tez les exemples \u00e0 voix haute<\/strong> – c’est tr\u00e8s important pour la prononciation<\/li>\n <li style=\"margin-bottom: 10px;\"><strong>Faites les exercices sans regarder les r\u00e9ponses<\/strong> – testez vos connaissances !<\/li>\n <li style=\"margin-bottom: 10px;\"><strong>Utilisez le bouton \u00ab\u00a0Afficher les indices\u00a0\u00bb<\/strong> seulement si vous bloquez<\/li>\n <li><strong>Recommencez les exercices<\/strong> jusqu’\u00e0 obtenir 100% – la r\u00e9p\u00e9tition est la cl\u00e9 !<\/li>\n <\/ol>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">Partie 1<\/span>\n <span class=\"en\">Part 1<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">Les Pays et les Articles<\/span>\n <span class=\"en\">Countries and Articles<\/span>\n <\/h2>\n <\/div>\n\n <div class=\"grammar-box\">\n <div class=\"grammar-title\">\n <span class=\"fr\">Les articles d\u00e9finis en fran\u00e7ais<\/span>\n <span class=\"en\">Definite Articles in French<\/span>\n <\/div>\n <p style=\"margin-bottom: 15px;\">\n <span class=\"fr\">En fran\u00e7ais, chaque pays a un article d\u00e9fini :<\/span>\n <span class=\"en\">In French, every country has a definite article:<\/span>\n <\/p>\n <ul style=\"padding-left: 30px;\">\n <li><strong>le<\/strong> <span class=\"en\">(masculine)<\/span> : le Canada, le Maroc<\/li>\n <li><strong>la<\/strong> <span class=\"en\">(feminine)<\/span> : la France, la Chine<\/li>\n <li><strong>l’<\/strong> <span class=\"en\">(before vowel)<\/span> : l’Italie, l’Allemagne<\/li>\n <li><strong>les<\/strong> <span class=\"en\">(plural)<\/span> : les \u00c9mirats arabes unis<\/li>\n <\/ul>\n <div style=\"background: #fef3c7; padding: 15px; border-radius: 8px; margin-top: 15px; border-left: 4px solid #f59e0b;\">\n <p style=\"font-weight: 600; margin-bottom: 8px;\">💡 Pour les anglophones :<\/p>\n <p style=\"font-size: 0.95rem;\">En anglais, on dit simplement \u00ab\u00a0France\u00a0\u00bb ou \u00ab\u00a0Canada\u00a0\u00bb sans article. En fran\u00e7ais, on dit TOUJOURS <strong>\u00ab\u00a0la France\u00a0\u00bb<\/strong>, <strong>\u00ab\u00a0le Canada\u00a0\u00bb<\/strong>. C’est une diff\u00e9rence importante \u00e0 retenir !<\/p>\n <p style=\"margin-top: 10px; font-size: 0.9rem; color: #92400e;\">\n ❌ English: \u00ab\u00a0I live in France\u00a0\u00bb<br>\n ✅ Fran\u00e7ais: \u00ab\u00a0J’habite <strong>en<\/strong> France\u00a0\u00bb (mais on dit \u00ab\u00a0Je viens <strong>de la<\/strong> France\u00a0\u00bb)\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"table-responsive\">\n <table>\n <thead>\n <tr>\n <th><span class=\"fr\">Pays<\/span> <span class=\"en\">Country<\/span><\/th>\n <th><span class=\"fr\">Article<\/span> <span class=\"en\">Article<\/span><\/th>\n <th><span class=\"fr\">Exemple<\/span> <span class=\"en\">Example<\/span><\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>France<\/td>\n <td>la<\/td>\n <td><span class=\"fr\">la France<\/span> <span class=\"en\">(France)<\/span><\/td>\n <\/tr>\n <tr>\n <td>Canada<\/td>\n <td>le<\/td>\n <td><span class=\"fr\">le Canada<\/span> <span class=\"en\">(Canada)<\/span><\/td>\n <\/tr>\n <tr>\n <td>Chine<\/td>\n <td>la<\/td>\n <td><span class=\"fr\">la Chine<\/span> <span class=\"en\">(China)<\/span><\/td>\n <\/tr>\n <tr>\n <td>Russie<\/td>\n <td>la<\/td>\n <td><span class=\"fr\">la Russie<\/span> <span class=\"en\">(Russia)<\/span><\/td>\n <\/tr>\n <tr>\n <td>Arm\u00e9nie<\/td>\n <td>l’<\/td>\n <td><span class=\"fr\">l’Arm\u00e9nie<\/span> <span class=\"en\">(Armenia)<\/span><\/td>\n <\/tr>\n <tr>\n <td>\u00c9mirats arabes unis<\/td>\n <td>les<\/td>\n <td><span class=\"fr\">les \u00c9mirats<\/span> <span class=\"en\">(Emirates)<\/span><\/td>\n <\/tr>\n <tr>\n <td>S\u00e9n\u00e9gal<\/td>\n <td>le<\/td>\n <td><span class=\"fr\">le S\u00e9n\u00e9gal<\/span> <span class=\"en\">(Senegal)<\/span><\/td>\n <\/tr>\n <tr>\n <td>Allemagne<\/td>\n <td>l’<\/td>\n <td><span class=\"fr\">l’Allemagne<\/span> <span class=\"en\">(Germany)<\/span><\/td>\n <\/tr>\n <tr>\n <td>Espagne<\/td>\n <td>l’<\/td>\n <td><span class=\"fr\">l’Espagne<\/span> <span class=\"en\">(Spain)<\/span><\/td>\n <\/tr>\n <tr>\n <td>Suisse<\/td>\n <td>la<\/td>\n <td><span class=\"fr\">la Suisse<\/span> <span class=\"en\">(Switzerland)<\/span><\/td>\n <\/tr>\n <tr>\n <td>Maroc<\/td>\n <td>le<\/td>\n <td><span class=\"fr\">le Maroc<\/span> <span class=\"en\">(Morocco)<\/span><\/td>\n <\/tr>\n <tr>\n <td>Italie<\/td>\n <td>l’<\/td>\n <td><span class=\"fr\">l’Italie<\/span> <span class=\"en\">(Italy)<\/span><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">Partie 2<\/span>\n <span class=\"en\">Part 2<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">Les Adjectifs de Nationalit\u00e9<\/span>\n <span class=\"en\">Nationality Adjectives<\/span>\n <\/h2>\n <\/div>\n\n <div class=\"grammar-box\">\n <div class=\"grammar-title\">\n <span class=\"fr\">R\u00e8gles importantes<\/span>\n <span class=\"en\">Important Rules<\/span>\n <\/div>\n <p style=\"margin-bottom: 15px;\">\n <span class=\"fr\">Les adjectifs de nationalit\u00e9 changent selon le genre :<\/span>\n <span class=\"en\">Nationality adjectives change according to gender:<\/span>\n <\/p>\n <ul style=\"padding-left: 30px;\">\n <li><span class=\"fr\">Masculin : Il est <strong>fran\u00e7ais<\/strong><\/span> <span class=\"en\">(He is French)<\/span><\/li>\n <li><span class=\"fr\">F\u00e9minin : Elle est <strong>fran\u00e7aise<\/strong><\/span> <span class=\"en\">(She is French)<\/span><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"vocab-grid\">\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇫🇷<\/span> France<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">fran\u00e7ais<\/span> <span class=\"en\">(masculine)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">fran\u00e7aise<\/span> <span class=\"en\">(feminine)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇨🇦<\/span> Canada<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">canadien<\/span> <span class=\"en\">(masculine)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">canadienne<\/span> <span class=\"en\">(feminine)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇨🇳<\/span> Chine \/ China<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">chinois<\/span> <span class=\"en\">(masculine)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">chinoise<\/span> <span class=\"en\">(feminine)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇷🇺<\/span> Russie \/ Russia<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">russe<\/span> <span class=\"en\">(both)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">russe<\/span> <span class=\"en\">(same form)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇦🇲<\/span> Arm\u00e9nie \/ Armenia<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">arm\u00e9nien<\/span> <span class=\"en\">(masculine)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">arm\u00e9nienne<\/span> <span class=\"en\">(feminine)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇦🇪<\/span> \u00c9mirats \/ Emirates<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">\u00e9mirien<\/span> <span class=\"en\">(masculine)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">\u00e9mirienne<\/span> <span class=\"en\">(feminine)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇸🇳<\/span> S\u00e9n\u00e9gal \/ Senegal<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">s\u00e9n\u00e9galais<\/span> <span class=\"en\">(masculine)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">s\u00e9n\u00e9galaise<\/span> <span class=\"en\">(feminine)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇩🇪<\/span> Allemagne \/ Germany<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">allemand<\/span> <span class=\"en\">(masculine)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">allemande<\/span> <span class=\"en\">(feminine)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇪🇸<\/span> Espagne \/ Spain<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">espagnol<\/span> <span class=\"en\">(masculine)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">espagnole<\/span> <span class=\"en\">(feminine)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇨🇭<\/span> Suisse \/ Switzerland<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">suisse<\/span> <span class=\"en\">(both)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">suisse<\/span> <span class=\"en\">(same form)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇲🇦<\/span> Maroc \/ Morocco<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">marocain<\/span> <span class=\"en\">(masculine)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">marocaine<\/span> <span class=\"en\">(feminine)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"vocab-card\">\n <div class=\"country-name\"><span class=\"flag-emoji\">🇮🇹<\/span> Italie \/ Italy<\/div>\n <div class=\"nationality\">\n <strong>♂<\/strong> <span class=\"fr\">italien<\/span> <span class=\"en\">(masculine)<\/span>\n <\/div>\n <div class=\"nationality\">\n <strong>♀<\/strong> <span class=\"fr\">italienne<\/span> <span class=\"en\">(feminine)<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">Partie 3<\/span>\n <span class=\"en\">Part 3<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">La N\u00e9gation<\/span>\n <span class=\"en\">Negation<\/span>\n <\/h2>\n <\/div>\n\n <div class=\"grammar-box\">\n <div class=\"grammar-title\">\n <span class=\"fr\">1. ne\u2026 pas<\/span>\n <span class=\"en\">(not)<\/span>\n <\/div>\n <p style=\"margin-bottom: 15px;\">\n <span class=\"fr\">Utilis\u00e9 pour dire \u00ab\u00a0not\u00a0\u00bb en anglais<\/span>\n <span class=\"en\">Used to say \u00ab\u00a0not\u00a0\u00bb<\/span>\n <\/p>\n <div class=\"grammar-example\">\n <div class=\"bilingual\">\n <span class=\"fr\">\u2713 Je suis fran\u00e7ais \u2192 Je <strong>ne suis pas<\/strong> fran\u00e7ais<\/span>\n <span class=\"en\">(I am French \u2192 I am not French)<\/span>\n <\/div>\n <\/div>\n <div class=\"grammar-example\">\n <div class=\"bilingual\">\n <span class=\"fr\">\u2713 Elle est chinoise \u2192 Elle <strong>n’est pas<\/strong> chinoise<\/span>\n <span class=\"en\">(She is Chinese \u2192 She is not Chinese)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"grammar-box\" style=\"margin-top: 25px;\">\n <div class=\"grammar-title\">\n <span class=\"fr\">2. ne\u2026 plus<\/span>\n <span class=\"en\">(no longer \/ not anymore)<\/span>\n <\/div>\n <p style=\"margin-bottom: 15px;\">\n <span class=\"fr\">Utilis\u00e9 pour dire \u00ab\u00a0no longer\u00a0\u00bb ou \u00ab\u00a0not anymore\u00a0\u00bb<\/span>\n <span class=\"en\">Used to say something is \u00ab\u00a0no longer\u00a0\u00bb true<\/span>\n <\/p>\n <div class=\"grammar-example\">\n <div class=\"bilingual\">\n <span class=\"fr\">\u2713 Avant, j’\u00e9tais \u00e9tudiant \u2192 Je <strong>ne suis plus<\/strong> \u00e9tudiant<\/span>\n <span class=\"en\">(Before, I was a student \u2192 I am no longer a student)<\/span>\n <\/div>\n <\/div>\n <div class=\"grammar-example\">\n <div class=\"bilingual\">\n <span class=\"fr\">\u2713 J’habitais au Canada \u2192 Je <strong>n’habite plus<\/strong> au Canada<\/span>\n <span class=\"en\">(I lived in Canada \u2192 I no longer live in Canada)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"pronunciation-guide\">\n <strong>\n <span class=\"fr\">Note de prononciation :<\/span>\n <span class=\"en\">Pronunciation Note:<\/span>\n <\/strong>\n <span class=\"fr\">Devant une voyelle, \u00ab\u00a0ne\u00a0\u00bb devient \u00ab\u00a0n'\u00a0\u00bb : n’est pas, n’habite plus<\/span>\n <span class=\"en\">Before a vowel, \u00ab\u00a0ne\u00a0\u00bb becomes \u00ab\u00a0n'\u00a0\u00bb: n’est pas, n’habite plus<\/span>\n <\/div>\n\n <div style=\"background: linear-gradient(135deg, #f0fdfa 0%, #ccfbf1 100%); border: 3px solid #14b8a6; border-radius: 12px; padding: 25px; margin-top: 25px;\">\n <h4 style=\"color: #0f766e; font-size: 1.2rem; margin-bottom: 15px;\">📌 M\u00e9mo rapide : Structure de la n\u00e9gation<\/h4>\n <div style=\"background: white; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n <p style=\"font-weight: 700; color: var(--dark); margin-bottom: 10px;\">Sujet + <span style=\"color: #dc2626;\">NE<\/span> + verbe + <span style=\"color: #dc2626;\">PAS<\/span><\/p>\n <p style=\"margin-left: 20px; font-style: italic; color: var(--gray);\">Je <span style=\"color: #dc2626;\">ne<\/span> suis <span style=\"color: #dc2626;\">pas<\/span> fran\u00e7ais<\/p>\n <\/div>\n <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n <p style=\"font-weight: 700; color: var(--dark); margin-bottom: 10px;\">Sujet + <span style=\"color: #0891b2;\">NE<\/span> + verbe + <span style=\"color: #0891b2;\">PLUS<\/span><\/p>\n <p style=\"margin-left: 20px; font-style: italic; color: var(--gray);\">Je <span style=\"color: #0891b2;\">ne<\/span> suis <span style=\"color: #0891b2;\">plus<\/span> \u00e9tudiant<\/p>\n <\/div>\n <p style=\"margin-top: 15px; font-size: 0.9rem; color: var(--gray);\">\n 💡 <strong>Pour les anglophones :<\/strong> En fran\u00e7ais, la n\u00e9gation a DEUX parties (ne… pas), contrairement \u00e0 l’anglais o\u00f9 \u00ab\u00a0not\u00a0\u00bb suffit.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">Exercice 1<\/span>\n <span class=\"en\">Exercise 1<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">Les Nationalit\u00e9s<\/span>\n <span class=\"en\">Nationalities<\/span>\n <\/h2>\n <p class=\"section-description\">\n <span class=\"fr\">Compl\u00e9tez avec l’adjectif de nationalit\u00e9 correct (masculin ou f\u00e9minin)<\/span>\n <span class=\"en\">Complete with the correct nationality adjective (masculine or feminine)<\/span>\n <\/p>\n <\/div>\n\n <div class=\"exercise-block\">\n <div class=\"question\" id=\"ex1-q1\">\n <div class=\"question-label\">\n <span class=\"fr\">1. Tu es ______ (from Russia) ?<\/span>\n <span class=\"en\">1. Tu es ______ (from Russia)?<\/span>\n <\/div>\n <input type=\"text\" id=\"ex1-1\">\n <div class=\"hint-box\" id=\"hint-ex1-1\">\n <div class=\"hint-title\">\n <span class=\"fr\">Indice :<\/span>\n <span class=\"en\">Hint:<\/span>\n <\/div>\n <span class=\"fr\">\u00ab\u00a0Tu\u00a0\u00bb peut \u00eatre masculin ou f\u00e9minin. Russie \u2192 russe (m\u00eame forme pour les deux genres)<\/span>\n <span class=\"en\">\u00ab\u00a0Tu\u00a0\u00bb can be masculine or feminine. Russia \u2192 russe (same form for both genders)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"question\" id=\"ex1-q2\">\n <div class=\"question-label\">\n <span class=\"fr\">2. Elle est ______ (from China).<\/span>\n <span class=\"en\">2. Elle est ______ (from China).<\/span>\n <\/div>\n <input type=\"text\" id=\"ex1-2\">\n <div class=\"hint-box\" id=\"hint-ex1-2\">\n <div class=\"hint-title\">\n <span class=\"fr\">Indice :<\/span>\n <span class=\"en\">Hint:<\/span>\n <\/div>\n <span class=\"fr\">\u00ab\u00a0Elle\u00a0\u00bb = f\u00e9minin. Chine \u2192 chinois (masc.) \/ chinoise (f\u00e9m.)<\/span>\n <span class=\"en\">\u00ab\u00a0Elle\u00a0\u00bb = feminine. China \u2192 chinois (masc.) \/ chinoise (fem.)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"question\" id=\"ex1-q3\">\n <div class=\"question-label\">\n <span class=\"fr\">3. Il est ______ (from the Emirates).<\/span>\n <span class=\"en\">3. Il est ______ (from the Emirates).<\/span>\n <\/div>\n <input type=\"text\" id=\"ex1-3\">\n <div class=\"hint-box\" id=\"hint-ex1-3\">\n <div class=\"hint-title\">\n <span class=\"fr\">Indice :<\/span>\n <span class=\"en\">Hint:<\/span>\n <\/div>\n <span class=\"fr\">\u00ab\u00a0Il\u00a0\u00bb = masculin. \u00c9mirats \u2192 \u00e9mirien (masc.) \/ \u00e9mirienne (f\u00e9m.)<\/span>\n <span class=\"en\">\u00ab\u00a0Il\u00a0\u00bb = masculine. Emirates \u2192 \u00e9mirien (masc.) \/ \u00e9mirienne (fem.)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"question\" id=\"ex1-q4\">\n <div class=\"question-label\">\n <span class=\"fr\">4. Nous sommes ______ (from Switzerland).<\/span>\n <span class=\"en\">4. Nous sommes ______ (from Switzerland).<\/span>\n <\/div>\n <input type=\"text\" id=\"ex1-4\">\n <div class=\"hint-box\" id=\"hint-ex1-4\">\n <div class=\"hint-title\">\n <span class=\"fr\">Indice :<\/span>\n <span class=\"en\">Hint:<\/span>\n <\/div>\n <span class=\"fr\">Suisse \u2192 suisse (m\u00eame forme pour masculin et f\u00e9minin)<\/span>\n <span class=\"en\">Switzerland \u2192 suisse (same form for masculine and feminine)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"question\" id=\"ex1-q5\">\n <div class=\"question-label\">\n <span class=\"fr\">5. Je suis ______ (from Senegal).<\/span>\n <span class=\"en\">5. Je suis ______ (from Senegal).<\/span>\n <\/div>\n <input type=\"text\" id=\"ex1-5\">\n <div class=\"hint-box\" id=\"hint-ex1-5\">\n <div class=\"hint-title\">\n <span class=\"fr\">Indice :<\/span>\n <span class=\"en\">Hint:<\/span>\n <\/div>\n <span class=\"fr\">S\u00e9n\u00e9gal \u2192 s\u00e9n\u00e9galais (masc.) \/ s\u00e9n\u00e9galaise (f\u00e9m.)<\/span>\n <span class=\"en\">Senegal \u2192 s\u00e9n\u00e9galais (masc.) \/ s\u00e9n\u00e9galaise (fem.)<\/span>\n <\/div>\n <\/div>\n\n <button class=\"btn btn-primary\" onclick=\"checkExercise1()\">\n <span class=\"fr\">V\u00e9rifier<\/span>\n <span class=\"en\">Check Answers<\/span>\n <\/button>\n <button class=\"btn btn-warning\" onclick=\"showAllHints('ex1')\">\n <span class=\"fr\">Afficher les indices<\/span>\n <span class=\"en\">Show Hints<\/span>\n <\/button>\n <button class=\"btn btn-secondary\" onclick=\"resetExercise1()\">\n <span class=\"fr\">R\u00e9initialiser<\/span>\n <span class=\"en\">Reset<\/span>\n <\/button>\n\n <div class=\"feedback\" id=\"feedback-ex1\"><\/div>\n <div class=\"score-display\" id=\"score-ex1\">\n <div class=\"score-value\" id=\"score-ex1-value\">0\/5<\/div>\n <p id=\"score-ex1-message\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">Exercice 2<\/span>\n <span class=\"en\">Exercise 2<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">N\u00e9gation avec ne\u2026 pas<\/span>\n <span class=\"en\">Negation with ne\u2026 pas<\/span>\n <\/h2>\n <p class=\"section-description\">\n <span class=\"fr\">Transformez les phrases en n\u00e9gation<\/span>\n <span class=\"en\">Transform the sentences into negative<\/span>\n <\/p>\n <\/div>\n\n <div class=\"exercise-block\">\n <div class=\"question\" id=\"ex2-q1\">\n <div class=\"question-label\">\n <span class=\"fr\">1. Il est espagnol. \u2192 Il ______ espagnol.<\/span>\n <span class=\"en\">1. Il est espagnol. (He is Spanish) \u2192 Il ______ espagnol. (He is not Spanish)<\/span>\n <\/div>\n <input type=\"text\" id=\"ex2-1\" >\n <\/div>\n\n <div class=\"question\" id=\"ex2-q2\">\n <div class=\"question-label\">\n <span class=\"fr\">2. Je suis suisse. \u2192 Je ______ suisse.<\/span>\n <span class=\"en\">2. Je suis suisse. (I am Swiss) \u2192 Je ______ suisse. (I am not Swiss)<\/span>\n <\/div>\n <input type=\"text\" id=\"ex2-2\" >\n <\/div>\n\n <div class=\"question\" id=\"ex2-q3\">\n <div class=\"question-label\">\n <span class=\"fr\">3. Elles sont marocaines. \u2192 Elles ______ marocaines.<\/span>\n <span class=\"en\">3. Elles sont marocaines. (They are Moroccan) \u2192 Elles ______ marocaines.<\/span>\n <\/div>\n <input type=\"text\" id=\"ex2-3\" >\n <\/div>\n\n <div class=\"question\" id=\"ex2-q4\">\n <div class=\"question-label\">\n <span class=\"fr\">4. Tu es italien. \u2192 Tu ______ italien.<\/span>\n <span class=\"en\">4. Tu es italien. (You are Italian) \u2192 Tu ______ italien.<\/span>\n <\/div>\n <input type=\"text\" id=\"ex2-4\" >\n <\/div>\n\n <div class=\"question\" id=\"ex2-q5\">\n <div class=\"question-label\">\n <span class=\"fr\">5. Vous \u00eates canadienne. \u2192 Vous ______ canadienne.<\/span>\n <span class=\"en\">5. Vous \u00eates canadienne. (You are Canadian) \u2192 Vous ______ canadienne.<\/span>\n <\/div>\n <input type=\"text\" id=\"ex2-5\" >\n <\/div>\n\n <button class=\"btn btn-primary\" onclick=\"checkExercise2()\">\n <span class=\"fr\">V\u00e9rifier<\/span>\n <span class=\"en\">Check Answers<\/span>\n <\/button>\n <button class=\"btn btn-secondary\" onclick=\"resetExercise2()\">\n <span class=\"fr\">R\u00e9initialiser<\/span>\n <span class=\"en\">Reset<\/span>\n <\/button>\n\n <div class=\"feedback\" id=\"feedback-ex2\"><\/div>\n <div class=\"score-display\" id=\"score-ex2\">\n <div class=\"score-value\" id=\"score-ex2-value\">0\/5<\/div>\n <p id=\"score-ex2-message\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">Exercice 3<\/span>\n <span class=\"en\">Exercise 3<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">N\u00e9gation avec ne\u2026 plus<\/span>\n <span class=\"en\">Negation with ne\u2026 plus<\/span>\n <\/h2>\n <p class=\"section-description\">\n <span class=\"fr\">Compl\u00e9tez les phrases<\/span>\n <span class=\"en\">Complete the sentences<\/span>\n <\/p>\n <\/div>\n\n <div class=\"exercise-block\">\n <div class=\"question\" id=\"ex3-q1\">\n <div class=\"question-label\">\n <span class=\"fr\">1. Avant, j’\u00e9tais \u00e9tudiant. Maintenant, je ______ \u00e9tudiant.<\/span>\n <span class=\"en\">1. Before, I was a student. Now, I ______ a student. (am no longer)<\/span>\n <\/div>\n <input type=\"text\" id=\"ex3-1\" >\n <\/div>\n\n <div class=\"question\" id=\"ex3-q2\">\n <div class=\"question-label\">\n <span class=\"fr\">2. Elle habitait au Canada. Maintenant, elle ______ au Canada.<\/span>\n <span class=\"en\">2. She lived in Canada. Now, she ______ in Canada. (doesn’t live anymore)<\/span>\n <\/div>\n <input type=\"text\" id=\"ex3-2\" >\n <\/div>\n\n <div class=\"question\" id=\"ex3-q3\">\n <div class=\"question-label\">\n <span class=\"fr\">3. Nous \u00e9tions en Chine. Maintenant, nous ______ en Chine.<\/span>\n <span class=\"en\">3. We were in China. Now, we ______ in China. (are no longer)<\/span>\n <\/div>\n <input type=\"text\" id=\"ex3-3\" >\n <\/div>\n\n <div class=\"question\" id=\"ex3-q4\">\n <div class=\"question-label\">\n <span class=\"fr\">4. Je vivais en Russie. Maintenant, je ______ en Russie.<\/span>\n <span class=\"en\">4. I lived in Russia. Now, I ______ in Russia. (don’t live anymore)<\/span>\n <\/div>\n <input type=\"text\" id=\"ex3-4\" >\n <\/div>\n\n <div class=\"question\" id=\"ex3-q5\">\n <div class=\"question-label\">\n <span class=\"fr\">5. Il \u00e9tait professeur. Maintenant, il ______ professeur.<\/span>\n <span class=\"en\">5. He was a teacher. Now, he ______ a teacher. (is no longer)<\/span>\n <\/div>\n <input type=\"text\" id=\"ex3-5\" >\n <\/div>\n\n <button class=\"btn btn-primary\" onclick=\"checkExercise3()\">\n <span class=\"fr\">V\u00e9rifier<\/span>\n <span class=\"en\">Check Answers<\/span>\n <\/button>\n <button class=\"btn btn-secondary\" onclick=\"resetExercise3()\">\n <span class=\"fr\">R\u00e9initialiser<\/span>\n <span class=\"en\">Reset<\/span>\n <\/button>\n\n <div class=\"feedback\" id=\"feedback-ex3\"><\/div>\n <div class=\"score-display\" id=\"score-ex3\">\n <div class=\"score-value\" id=\"score-ex3-value\">0\/5<\/div>\n <p id=\"score-ex3-message\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">Exercice 4<\/span>\n <span class=\"en\">Exercise 4<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">Les Articles D\u00e9finis<\/span>\n <span class=\"en\">Definite Articles<\/span>\n <\/h2>\n <p class=\"section-description\">\n <span class=\"fr\">Compl\u00e9tez avec le, la, l’, ou les<\/span>\n <span class=\"en\">Complete with le, la, l’, or les<\/span>\n <\/p>\n <\/div>\n\n <div class=\"exercise-block\">\n <div class=\"question\" id=\"ex4-q1\">\n <div class=\"question-label\">1. ______ France<\/div>\n <input type=\"text\" id=\"ex4-1\" class=\"inline-input\">\n <\/div>\n\n <div class=\"question\" id=\"ex4-q2\">\n <div class=\"question-label\">2. ______ \u00c9mirats arabes unis<\/div>\n <input type=\"text\" id=\"ex4-2\" class=\"inline-input\">\n <\/div>\n\n <div class=\"question\" id=\"ex4-q3\">\n <div class=\"question-label\">3. ______ Arm\u00e9nie<\/div>\n <input type=\"text\" id=\"ex4-3\" class=\"inline-input\">\n <\/div>\n\n <div class=\"question\" id=\"ex4-q4\">\n <div class=\"question-label\">4. ______ Russie<\/div>\n <input type=\"text\" id=\"ex4-4\" class=\"inline-input\">\n <\/div>\n\n <div class=\"question\" id=\"ex4-q5\">\n <div class=\"question-label\">5. ______ Maroc<\/div>\n <input type=\"text\" id=\"ex4-5\" class=\"inline-input\">\n <\/div>\n\n <div class=\"question\" id=\"ex4-q6\">\n <div class=\"question-label\">6. ______ Italie<\/div>\n <input type=\"text\" id=\"ex4-6\" class=\"inline-input\">\n <\/div>\n\n <div class=\"question\" id=\"ex4-q7\">\n <div class=\"question-label\">7. ______ Allemagne<\/div>\n <input type=\"text\" id=\"ex4-7\" class=\"inline-input\">\n <\/div>\n\n <div class=\"question\" id=\"ex4-q8\">\n <div class=\"question-label\">8. ______ Canada<\/div>\n <input type=\"text\" id=\"ex4-8\" class=\"inline-input\">\n <\/div>\n\n <button class=\"btn btn-primary\" onclick=\"checkExercise4()\">\n <span class=\"fr\">V\u00e9rifier<\/span>\n <span class=\"en\">Check Answers<\/span>\n <\/button>\n <button class=\"btn btn-secondary\" onclick=\"resetExercise4()\">\n <span class=\"fr\">R\u00e9initialiser<\/span>\n <span class=\"en\">Reset<\/span>\n <\/button>\n\n <div class=\"feedback\" id=\"feedback-ex4\"><\/div>\n <div class=\"score-display\" id=\"score-ex4\">\n <div class=\"score-value\" id=\"score-ex4-value\">0\/8<\/div>\n <p id=\"score-ex4-message\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">Exercice 5<\/span>\n <span class=\"en\">Exercise 5<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">Vrai ou Faux ?<\/span>\n <span class=\"en\">True or False?<\/span>\n <\/h2>\n <\/div>\n\n <div class=\"exercise-block\">\n <div class=\"question\" id=\"ex5-q1\">\n <div class=\"question-label\">\n <span class=\"fr\">1. On dit : la Canada.<\/span>\n <span class=\"en\">1. We say: la Canada.<\/span>\n <\/div>\n <div class=\"true-false-options\">\n <button class=\"tf-btn\" onclick=\"selectTF(1, 'vrai')\">\n <span class=\"fr\">Vrai<\/span> <span class=\"en\">(True)<\/span>\n <\/button>\n <button class=\"tf-btn\" onclick=\"selectTF(1, 'faux')\">\n <span class=\"fr\">Faux<\/span> <span class=\"en\">(False)<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"question\" id=\"ex5-q2\">\n <div class=\"question-label\">\n <span class=\"fr\">2. Le f\u00e9minin de \u00ab\u00a0chinois\u00a0\u00bb est \u00ab\u00a0chinoise\u00a0\u00bb.<\/span>\n <span class=\"en\">2. The feminine of \u00ab\u00a0chinois\u00a0\u00bb is \u00ab\u00a0chinoise\u00a0\u00bb.<\/span>\n <\/div>\n <div class=\"true-false-options\">\n <button class=\"tf-btn\" onclick=\"selectTF(2, 'vrai')\">\n <span class=\"fr\">Vrai<\/span> <span class=\"en\">(True)<\/span>\n <\/button>\n <button class=\"tf-btn\" onclick=\"selectTF(2, 'faux')\">\n <span class=\"fr\">Faux<\/span> <span class=\"en\">(False)<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"question\" id=\"ex5-q3\">\n <div class=\"question-label\">\n <span class=\"fr\">3. \u00c9mirien est le f\u00e9minin d’\u00e9mirien.<\/span>\n <span class=\"en\">3. \u00c9mirien is the feminine of \u00e9mirien.<\/span>\n <\/div>\n <div class=\"true-false-options\">\n <button class=\"tf-btn\" onclick=\"selectTF(3, 'vrai')\">\n <span class=\"fr\">Vrai<\/span> <span class=\"en\">(True)<\/span>\n <\/button>\n <button class=\"tf-btn\" onclick=\"selectTF(3, 'faux')\">\n <span class=\"fr\">Faux<\/span> <span class=\"en\">(False)<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"question\" id=\"ex5-q4\">\n <div class=\"question-label\">\n <span class=\"fr\">4. Les adjectifs de nationalit\u00e9 ne changent jamais.<\/span>\n <span class=\"en\">4. Nationality adjectives never change.<\/span>\n <\/div>\n <div class=\"true-false-options\">\n <button class=\"tf-btn\" onclick=\"selectTF(4, 'vrai')\">\n <span class=\"fr\">Vrai<\/span> <span class=\"en\">(True)<\/span>\n <\/button>\n <button class=\"tf-btn\" onclick=\"selectTF(4, 'faux')\">\n <span class=\"fr\">Faux<\/span> <span class=\"en\">(False)<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"question\" id=\"ex5-q5\">\n <div class=\"question-label\">\n <span class=\"fr\">5. On dit : l’Allemagne.<\/span>\n <span class=\"en\">5. We say: l’Allemagne.<\/span>\n <\/div>\n <div class=\"true-false-options\">\n <button class=\"tf-btn\" onclick=\"selectTF(5, 'vrai')\">\n <span class=\"fr\">Vrai<\/span> <span class=\"en\">(True)<\/span>\n <\/button>\n <button class=\"tf-btn\" onclick=\"selectTF(5, 'faux')\">\n <span class=\"fr\">Faux<\/span> <span class=\"en\">(False)<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <button class=\"btn btn-primary\" onclick=\"checkExercise5()\">\n <span class=\"fr\">V\u00e9rifier<\/span>\n <span class=\"en\">Check Answers<\/span>\n <\/button>\n <button class=\"btn btn-secondary\" onclick=\"resetExercise5()\">\n <span class=\"fr\">R\u00e9initialiser<\/span>\n <span class=\"en\">Reset<\/span>\n <\/button>\n\n <div class=\"feedback\" id=\"feedback-ex5\"><\/div>\n <div class=\"score-display\" id=\"score-ex5\">\n <div class=\"score-value\" id=\"score-ex5-value\">0\/5<\/div>\n <p id=\"score-ex5-message\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">T\u00e2che Finale<\/span>\n <span class=\"en\">Final Task<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">Pr\u00e9sentation \u00c9crite<\/span>\n <span class=\"en\">Written Presentation<\/span>\n <\/h2>\n <p class=\"section-description\">\n <span class=\"fr\">Pr\u00e9sentez-vous en 4 \u00e0 5 phrases<\/span>\n <span class=\"en\">Introduce yourself in 4 to 5 sentences<\/span>\n <\/p>\n <\/div>\n\n <div class=\"final-task\">\n <div style=\"margin-bottom: 20px;\">\n <strong>\n <span class=\"fr\">Consigne :<\/span>\n <span class=\"en\">Instructions:<\/span>\n <\/strong>\n <span class=\"fr\">Indiquez :<\/span>\n <span class=\"en\">Include:<\/span>\n <\/div>\n <ul style=\"padding-left: 30px; margin-bottom: 25px;\">\n <li><span class=\"fr\">votre pr\u00e9nom<\/span> <span class=\"en\">(your first name)<\/span><\/li>\n <li><span class=\"fr\">votre nationalit\u00e9<\/span> <span class=\"en\">(your nationality)<\/span><\/li>\n <li><span class=\"fr\">votre pays<\/span> <span class=\"en\">(your country)<\/span><\/li>\n <li><span class=\"fr\">une phrase avec ne\u2026 pas<\/span> <span class=\"en\">(a sentence with ne\u2026 pas)<\/span><\/li>\n <li><span class=\"fr\">une phrase avec ne\u2026 plus<\/span> <span class=\"en\">(a sentence with ne\u2026 plus)<\/span><\/li>\n <\/ul>\n\n <div class=\"example-box\">\n <strong>\n <span class=\"fr\">Exemple :<\/span>\n <span class=\"en\">Example:<\/span>\n <\/strong><br>\n <span class=\"fr\">Je m’appelle Noura. Je suis \u00e9mirienne. Je viens des \u00c9mirats arabes unis. Je ne suis pas fran\u00e7aise. Je ne suis plus \u00e9tudiante.<\/span><br>\n <span class=\"en\" style=\"margin-top: 8px; display: block; opacity: 0.8;\">My name is Noura. I am Emirati. I come from the United Arab Emirates. I am not French. I am no longer a student.<\/span>\n <\/div>\n\n <textarea id=\"finalTask\" rows=\"6\" ><\/textarea>\n\n <button class=\"btn btn-primary\" onclick=\"submitFinalTask()\">\n <span class=\"fr\">Soumettre<\/span>\n <span class=\"en\">Submit<\/span>\n <\/button>\n\n <div class=\"feedback\" id=\"feedback-final\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\" id=\"bonusGame\" style=\"display: none;\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">Jeu Bonus 1<\/span>\n <span class=\"en\">Bonus Game 1<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">Trouvez la Nationalit\u00e9 !<\/span>\n <span class=\"en\">Find the Nationality!<\/span>\n <\/h2>\n <p class=\"section-description\">\n <span class=\"fr\">Devinez la nationalit\u00e9 en fonction du drapeau et du pays<\/span>\n <span class=\"en\">Guess the nationality based on the flag and country<\/span>\n <\/p>\n <\/div>\n\n <div style=\"background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); padding: 40px; border-radius: 16px; text-align: center;\">\n <div style=\"font-size: 5rem; margin-bottom: 20px;\" id=\"gameFlag\">🇫🇷<\/div>\n <div style=\"font-size: 1.8rem; font-weight: 700; color: var(--dark); margin-bottom: 30px;\" id=\"gameCountry\">France<\/div>\n \n <div style=\"margin-bottom: 20px;\">\n <div style=\"font-size: 1.2rem; font-weight: 600; margin-bottom: 15px;\">\n <span class=\"fr\">Quelle est la nationalit\u00e9 au f\u00e9minin ?<\/span>\n <span class=\"en\">What is the feminine nationality?<\/span>\n <\/div>\n <input type=\"text\" id=\"gameInput\" style=\"max-width: 400px; margin: 0 auto; display: block; text-align: center; font-size: 1.2rem; padding: 16px;\">\n <\/div>\n\n <div style=\"display: flex; gap: 15px; justify-content: center; margin-top: 25px; flex-wrap: wrap;\">\n <button class=\"btn btn-primary\" onclick=\"checkGameAnswer()\">\n <span class=\"fr\">V\u00e9rifier<\/span>\n <span class=\"en\">Check<\/span>\n <\/button>\n <button class=\"btn btn-secondary\" onclick=\"nextGameQuestion()\">\n <span class=\"fr\">Suivant<\/span>\n <span class=\"en\">Next<\/span>\n <\/button>\n <\/div>\n\n <div class=\"feedback\" id=\"gameFeedback\" style=\"max-width: 500px; margin: 20px auto 0;\"><\/div>\n\n <div style=\"margin-top: 30px; font-size: 1.3rem; font-weight: 700; color: var(--primary);\">\n <span class=\"fr\">Score :<\/span>\n <span class=\"en\">Score:<\/span>\n <span id=\"gameScore\">0<\/span> \/ <span id=\"gameTotal\">0<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\" id=\"memoryGame\" style=\"display: none;\">\n <div class=\"section-header\">\n <div class=\"section-number\">\n <span class=\"fr\">Jeu Bonus 2<\/span>\n <span class=\"en\">Bonus Game 2<\/span>\n <\/div>\n <h2 class=\"section-title\">\n <span class=\"fr\">Jeu de M\u00e9moire : Pays et Nationalit\u00e9s<\/span>\n <span class=\"en\">Memory Game: Countries and Nationalities<\/span>\n <\/h2>\n <p class=\"section-description\">\n <span class=\"fr\">Associez chaque pays avec sa nationalit\u00e9 au f\u00e9minin<\/span>\n <span class=\"en\">Match each country with its feminine nationality<\/span>\n <\/p>\n <\/div>\n\n <div style=\"background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); padding: 40px; border-radius: 16px;\">\n \n <div style=\"text-align: center; margin-bottom: 30px;\">\n <button class=\"btn btn-success\" onclick=\"startMemoryGame()\" id=\"memoryStartBtn\">\n <span class=\"fr\">🎮 Commencer le jeu<\/span>\n <span class=\"en\">🎮 Start Game<\/span>\n <\/button>\n <button class=\"btn btn-secondary\" onclick=\"resetMemoryGame()\" style=\"display: none;\" id=\"memoryResetBtn\">\n <span class=\"fr\">🔄 Nouvelle partie<\/span>\n <span class=\"en\">🔄 New Game<\/span>\n <\/button>\n <\/div>\n\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 15px; max-width: 800px; margin: 0 auto;\" id=\"memoryCardsContainer\">\n <\/div>\n\n <div style=\"margin-top: 30px; text-align: center;\">\n <div style=\"display: inline-flex; gap: 40px; background: white; padding: 20px 40px; border-radius: 12px;\">\n <div>\n <div style=\"font-size: 2rem; font-weight: 700; color: var(--primary);\" id=\"memoryMoves\">0<\/div>\n <div style=\"font-size: 0.9rem; color: var(--gray);\">\n <span class=\"fr\">Coups<\/span>\n <span class=\"en\">Moves<\/span>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size: 2rem; font-weight: 700; color: var(--success);\" id=\"memoryMatches\">0\/8<\/div>\n <div style=\"font-size: 0.9rem; color: var(--gray);\">\n <span class=\"fr\">Paires<\/span>\n <span class=\"en\">Pairs<\/span>\n <\/div>\n <\/div>\n <div>\n <div style=\"font-size: 2rem; font-weight: 700; color: var(--warning);\" id=\"memoryTimer\">00:00<\/div>\n <div style=\"font-size: 0.9rem; color: var(--gray);\">\n <span class=\"fr\">Temps<\/span>\n <span class=\"en\">Time<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"feedback\" id=\"memoryFeedback\" style=\"max-width: 600px; margin: 30px auto 0; display: none;\"><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"completion-modal\" id=\"completionModal\">\n <div class=\"modal-content\">\n <div class=\"modal-icon\">🎉<\/div>\n <h2 class=\"modal-title\">\n <span class=\"fr\">F\u00e9licitations !<\/span>\n <span class=\"en\">Congratulations!<\/span>\n <\/h2>\n <p style=\"color: var(--gray); font-size: 1.1rem; margin-bottom: 30px;\">\n <span class=\"fr\">Vous avez termin\u00e9 la le\u00e7on avec succ\u00e8s !<\/span>\n <span class=\"en\">You have successfully completed the lesson!<\/span>\n <\/p>\n\n <div class=\"stats-grid\">\n <div class=\"stat-box\">\n <div class=\"stat-value\" id=\"finalScore\">0%<\/div>\n <div class=\"stat-label\">\n <span class=\"fr\">Score<\/span>\n <span class=\"en\">Score<\/span>\n <\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"stat-value\" id=\"finalCorrect\">0\/28<\/div>\n <div class=\"stat-label\">\n <span class=\"fr\">Correctes<\/span>\n <span class=\"en\">Correct<\/span>\n <\/div>\n <\/div>\n <div class=\"stat-box\">\n <div class=\"stat-value\" id=\"exercisesCompleted\">0\/6<\/div>\n <div class=\"stat-label\">\n <span class=\"fr\">Exercices<\/span>\n <span class=\"en\">Exercises<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"btn btn-primary\" onclick=\"closeModal()\" style=\"margin-top: 20px;\">\n <span class=\"fr\">Continuer<\/span>\n <span class=\"en\">Continue<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Language Toggle - Default to French only\n let currentLang = 'fr';\n\n function setLanguage(lang) {\n currentLang = lang;\n const body = document.body;\n \n body.classList.remove('hide-en', 'hide-fr');\n \n document.querySelectorAll('.lang-btn').forEach(btn => {\n btn.classList.remove('active');\n });\n \n if (lang === 'fr') {\n body.classList.add('hide-en');\n document.querySelectorAll('.lang-btn')[1].classList.add('active');\n } else if (lang === 'en') {\n body.classList.add('hide-fr');\n document.querySelectorAll('.lang-btn')[2].classList.add('active');\n } else {\n document.querySelectorAll('.lang-btn')[0].classList.add('active');\n }\n }\n\n \/\/ Initialize with French\n window.addEventListener('DOMContentLoaded', function() {\n setLanguage('fr');\n });\n\n let exercisesCompleted = 0;\n let totalCorrect = 0;\n\n function updateProgress() {\n const progress = (exercisesCompleted \/ 6) * 100;\n document.getElementById('progressBar').style.width = progress + '%';\n document.getElementById('progressText').textContent = Math.round(progress) + '%';\n }\n\n function normalize(str) {\n return str.toLowerCase().trim().replace(\/'\/g, \"'\").replace(\/\\s+\/g, ' ');\n }\n\n function showAllHints(exerciseNum) {\n for (let i = 1; i <= 5; i++) {\n const hint = document.getElementById(`hint-${exerciseNum}-${i}`);\n if (hint) hint.classList.add('show');\n }\n }\n\n function checkExercise1() {\n const answers = {\n 'ex1-1': ['russe'],\n 'ex1-2': ['chinoise'],\n 'ex1-3': ['\u00e9mirien'],\n 'ex1-4': ['suisse', 'suisses'],\n 'ex1-5': ['s\u00e9n\u00e9galais', 's\u00e9n\u00e9galaise']\n };\n\n let correct = 0;\n let total = 5;\n\n for (let id in answers) {\n const input = document.getElementById(id);\n const question = document.getElementById(id.replace('ex1-', 'ex1-q'));\n const userAnswer = normalize(input.value);\n \n if (answers[id].some(ans => userAnswer === ans)) {\n input.classList.remove('incorrect');\n input.classList.add('correct');\n question.classList.remove('incorrect');\n question.classList.add('correct');\n correct++;\n } else {\n input.classList.remove('correct');\n input.classList.add('incorrect');\n question.classList.remove('correct');\n question.classList.add('incorrect');\n }\n }\n\n const percentage = Math.round((correct \/ total) * 100);\n document.getElementById('score-ex1-value').textContent = `${correct}\/${total}`;\n document.getElementById('score-ex1').classList.add('show');\n\n const feedback = document.getElementById('feedback-ex1');\n if (percentage === 100) {\n feedback.className = 'feedback success show';\n feedback.innerHTML = '<span class=\"fr\">\u2713 Parfait ! Vous ma\u00eetrisez les nationalit\u00e9s !<\/span><span class=\"en\">\u2713 Perfect! You mastered the nationalities!<\/span>';\n document.getElementById('score-ex1-message').innerHTML = '<span class=\"fr\">Excellent travail !<\/span><span class=\"en\">Excellent work!<\/span>';\n if (exercisesCompleted < 1) {\n exercisesCompleted = 1;\n totalCorrect += correct;\n }\n } else if (percentage >= 60) {\n feedback.className = 'feedback partial show';\n feedback.innerHTML = `<span class=\"fr\">Bon travail ! ${correct}\/${total} correctes.<\/span><span class=\"en\">Good work! ${correct}\/${total} correct.<\/span>`;\n document.getElementById('score-ex1-message').innerHTML = '<span class=\"fr\">Continuez !<\/span><span class=\"en\">Keep going!<\/span>';\n } else {\n feedback.className = 'feedback error show';\n feedback.innerHTML = `<span class=\"fr\">${correct}\/${total} correctes. Consultez les indices.<\/span><span class=\"en\">${correct}\/${total} correct. Check the hints.<\/span>`;\n document.getElementById('score-ex1-message').innerHTML = '<span class=\"fr\">R\u00e9essayez !<\/span><span class=\"en\">Try again!<\/span>';\n }\n\n updateProgress();\n checkCompletion();\n }\n\n function resetExercise1() {\n for (let i = 1; i <= 5; i++) {\n const input = document.getElementById(`ex1-${i}`);\n const question = document.getElementById(`ex1-q${i}`);\n const hint = document.getElementById(`hint-ex1-${i}`);\n input.value = '';\n input.classList.remove('correct', 'incorrect');\n question.classList.remove('correct', 'incorrect');\n if (hint) hint.classList.remove('show');\n }\n document.getElementById('feedback-ex1').classList.remove('show');\n document.getElementById('score-ex1').classList.remove('show');\n }\n\n function checkExercise2() {\n const answers = {\n 'ex2-1': [\"n'est pas\", \"nest pas\"],\n 'ex2-2': [\"ne suis pas\"],\n 'ex2-3': [\"ne sont pas\"],\n 'ex2-4': [\"n'es pas\", \"nes pas\"],\n 'ex2-5': [\"n'\u00eates pas\", \"netes pas\", \"n'etes pas\"]\n };\n\n let correct = 0;\n let total = 5;\n\n for (let id in answers) {\n const input = document.getElementById(id);\n const question = document.getElementById(id.replace('ex2-', 'ex2-q'));\n const userAnswer = normalize(input.value);\n \n if (answers[id].some(ans => userAnswer === ans)) {\n input.classList.remove('incorrect');\n input.classList.add('correct');\n question.classList.remove('incorrect');\n question.classList.add('correct');\n correct++;\n } else {\n input.classList.remove('correct');\n input.classList.add('incorrect');\n question.classList.remove('correct');\n question.classList.add('incorrect');\n }\n }\n\n const percentage = Math.round((correct \/ total) * 100);\n document.getElementById('score-ex2-value').textContent = `${correct}\/${total}`;\n document.getElementById('score-ex2').classList.add('show');\n\n const feedback = document.getElementById('feedback-ex2');\n if (percentage === 100) {\n feedback.className = 'feedback success show';\n feedback.innerHTML = '<span class=\"fr\">\u2713 Parfait ! Vous ma\u00eetrisez ne\u2026 pas !<\/span><span class=\"en\">\u2713 Perfect! You mastered ne\u2026 pas!<\/span>';\n document.getElementById('score-ex2-message').innerHTML = '<span class=\"fr\">Bravo !<\/span><span class=\"en\">Bravo!<\/span>';\n if (exercisesCompleted < 2) {\n exercisesCompleted = 2;\n totalCorrect += correct;\n }\n } else if (percentage >= 60) {\n feedback.className = 'feedback partial show';\n feedback.innerHTML = `<span class=\"fr\">Bien ! ${correct}\/${total} correctes.<\/span><span class=\"en\">Good! ${correct}\/${total} correct.<\/span>`;\n } else {\n feedback.className = 'feedback error show';\n feedback.innerHTML = `<span class=\"fr\">${correct}\/${total} correctes. N'oubliez pas la structure ne\u2026 pas !<\/span><span class=\"en\">${correct}\/${total} correct. Remember the structure ne\u2026 pas!<\/span>`;\n }\n\n updateProgress();\n checkCompletion();\n }\n\n function resetExercise2() {\n for (let i = 1; i <= 5; i++) {\n const input = document.getElementById(`ex2-${i}`);\n const question = document.getElementById(`ex2-q${i}`);\n input.value = '';\n input.classList.remove('correct', 'incorrect');\n question.classList.remove('correct', 'incorrect');\n }\n document.getElementById('feedback-ex2').classList.remove('show');\n document.getElementById('score-ex2').classList.remove('show');\n }\n\n function checkExercise3() {\n const answers = {\n 'ex3-1': [\"ne suis plus\"],\n 'ex3-2': [\"n'habite plus\", \"nhabite plus\"],\n 'ex3-3': [\"ne sommes plus\"],\n 'ex3-4': [\"ne vis plus\"],\n 'ex3-5': [\"n'est plus\", \"nest plus\"]\n };\n\n let correct = 0;\n let total = 5;\n\n for (let id in answers) {\n const input = document.getElementById(id);\n const question = document.getElementById(id.replace('ex3-', 'ex3-q'));\n const userAnswer = normalize(input.value);\n \n if (answers[id].some(ans => userAnswer === ans)) {\n input.classList.remove('incorrect');\n input.classList.add('correct');\n question.classList.remove('incorrect');\n question.classList.add('correct');\n correct++;\n } else {\n input.classList.remove('correct');\n input.classList.add('incorrect');\n question.classList.remove('correct');\n question.classList.add('incorrect');\n }\n }\n\n const percentage = Math.round((correct \/ total) * 100);\n document.getElementById('score-ex3-value').textContent = `${correct}\/${total}`;\n document.getElementById('score-ex3').classList.add('show');\n\n const feedback = document.getElementById('feedback-ex3');\n if (percentage === 100) {\n feedback.className = 'feedback success show';\n feedback.innerHTML = '<span class=\"fr\">\u2713 Excellent ! Vous ma\u00eetrisez ne\u2026 plus !<\/span><span class=\"en\">\u2713 Excellent! You mastered ne\u2026 plus!<\/span>';\n document.getElementById('score-ex3-message').innerHTML = '<span class=\"fr\">Parfait !<\/span><span class=\"en\">Perfect!<\/span>';\n if (exercisesCompleted < 3) {\n exercisesCompleted = 3;\n totalCorrect += correct;\n }\n } else if (percentage >= 60) {\n feedback.className = 'feedback partial show';\n feedback.innerHTML = `<span class=\"fr\">Bien ! ${correct}\/${total} correctes.<\/span><span class=\"en\">Good! ${correct}\/${total} correct.<\/span>`;\n } else {\n feedback.className = 'feedback error show';\n feedback.innerHTML = `<span class=\"fr\">${correct}\/${total} correctes. N'oubliez pas : ne\u2026 plus = \"no longer\".<\/span><span class=\"en\">${correct}\/${total} correct. Remember: ne\u2026 plus = \"no longer\".<\/span>`;\n }\n\n updateProgress();\n checkCompletion();\n }\n\n function resetExercise3() {\n for (let i = 1; i <= 5; i++) {\n const input = document.getElementById(`ex3-${i}`);\n const question = document.getElementById(`ex3-q${i}`);\n input.value = '';\n input.classList.remove('correct', 'incorrect');\n question.classList.remove('correct', 'incorrect');\n }\n document.getElementById('feedback-ex3').classList.remove('show');\n document.getElementById('score-ex3').classList.remove('show');\n }\n\n function checkExercise4() {\n const answers = {\n 'ex4-1': ['la'],\n 'ex4-2': ['les'],\n 'ex4-3': [\"l'\", \"l\"],\n 'ex4-4': ['la'],\n 'ex4-5': ['le'],\n 'ex4-6': [\"l'\", \"l\"],\n 'ex4-7': [\"l'\", \"l\"],\n 'ex4-8': ['le']\n };\n\n let correct = 0;\n let total = 8;\n\n for (let id in answers) {\n const input = document.getElementById(id);\n const question = document.getElementById(id.replace('ex4-', 'ex4-q'));\n const userAnswer = normalize(input.value);\n \n if (answers[id].some(ans => userAnswer === ans)) {\n input.classList.remove('incorrect');\n input.classList.add('correct');\n question.classList.remove('incorrect');\n question.classList.add('correct');\n correct++;\n } else {\n input.classList.remove('correct');\n input.classList.add('incorrect');\n question.classList.remove('correct');\n question.classList.add('incorrect');\n }\n }\n\n const percentage = Math.round((correct \/ total) * 100);\n document.getElementById('score-ex4-value').textContent = `${correct}\/${total}`;\n document.getElementById('score-ex4').classList.add('show');\n\n const feedback = document.getElementById('feedback-ex4');\n if (percentage === 100) {\n feedback.className = 'feedback success show';\n feedback.innerHTML = '<span class=\"fr\">\u2713 Parfait ! Tous les articles sont corrects !<\/span><span class=\"en\">\u2713 Perfect! All articles are correct!<\/span>';\n document.getElementById('score-ex4-message').innerHTML = '<span class=\"fr\">Super !<\/span><span class=\"en\">Great!<\/span>';\n if (exercisesCompleted < 4) {\n exercisesCompleted = 4;\n totalCorrect += correct;\n }\n } else if (percentage >= 60) {\n feedback.className = 'feedback partial show';\n feedback.innerHTML = `<span class=\"fr\">Bien ! ${correct}\/${total} correctes.<\/span><span class=\"en\">Good! ${correct}\/${total} correct.<\/span>`;\n } else {\n feedback.className = 'feedback error show';\n feedback.innerHTML = `<span class=\"fr\">${correct}\/${total} correctes. Revoyez les articles.<\/span><span class=\"en\">${correct}\/${total} correct. Review the articles.<\/span>`;\n }\n\n updateProgress();\n checkCompletion();\n }\n\n function resetExercise4() {\n for (let i = 1; i <= 8; i++) {\n const input = document.getElementById(`ex4-${i}`);\n const question = document.getElementById(`ex4-q${i}`);\n input.value = '';\n input.classList.remove('correct', 'incorrect');\n question.classList.remove('correct', 'incorrect');\n }\n document.getElementById('feedback-ex4').classList.remove('show');\n document.getElementById('score-ex4').classList.remove('show');\n }\n\n let tfAnswers = {};\n\n function selectTF(questionNum, answer) {\n tfAnswers[questionNum] = answer;\n \n const question = document.getElementById(`ex5-q${questionNum}`);\n const buttons = question.querySelectorAll('.tf-btn');\n buttons.forEach(btn => btn.classList.remove('selected'));\n \n if (answer === 'vrai') {\n buttons[0].classList.add('selected');\n } else {\n buttons[1].classList.add('selected');\n }\n }\n\n function checkExercise5() {\n const correctAnswers = {\n 1: 'faux',\n 2: 'vrai',\n 3: 'faux',\n 4: 'faux',\n 5: 'vrai'\n };\n\n let correct = 0;\n let total = 5;\n\n for (let i = 1; i <= 5; i++) {\n const question = document.getElementById(`ex5-q${i}`);\n const buttons = question.querySelectorAll('.tf-btn');\n \n if (tfAnswers[i] === correctAnswers[i]) {\n question.classList.remove('incorrect');\n question.classList.add('correct');\n buttons.forEach(btn => {\n btn.classList.remove('incorrect');\n if (btn.textContent.toLowerCase().includes(correctAnswers[i])) {\n btn.classList.add('correct');\n }\n });\n correct++;\n } else {\n question.classList.remove('correct');\n question.classList.add('incorrect');\n buttons.forEach(btn => {\n btn.classList.remove('correct');\n if (tfAnswers[i] && btn.textContent.toLowerCase().includes(tfAnswers[i])) {\n btn.classList.add('incorrect');\n }\n });\n }\n }\n\n const percentage = Math.round((correct \/ total) * 100);\n document.getElementById('score-ex5-value').textContent = `${correct}\/${total}`;\n document.getElementById('score-ex5').classList.add('show');\n\n const feedback = document.getElementById('feedback-ex5');\n if (percentage === 100) {\n feedback.className = 'feedback success show';\n feedback.innerHTML = '<span class=\"fr\">\u2713 Parfait ! Toutes les r\u00e9ponses sont correctes !<\/span><span class=\"en\">\u2713 Perfect! All answers are correct!<\/span>';\n document.getElementById('score-ex5-message').innerHTML = '<span class=\"fr\">Excellent !<\/span><span class=\"en\">Excellent!<\/span>';\n if (exercisesCompleted < 5) {\n exercisesCompleted = 5;\n totalCorrect += correct;\n }\n } else if (percentage >= 60) {\n feedback.className = 'feedback partial show';\n feedback.innerHTML = `<span class=\"fr\">Bien ! ${correct}\/${total} correctes.<\/span><span class=\"en\">Good! ${correct}\/${total} correct.<\/span>`;\n } else {\n feedback.className = 'feedback error show';\n feedback.innerHTML = `<span class=\"fr\">${correct}\/${total} correctes. R\u00e9essayez !<\/span><span class=\"en\">${correct}\/${total} correct. Try again!<\/span>`;\n }\n\n updateProgress();\n checkCompletion();\n }\n\n function resetExercise5() {\n tfAnswers = {};\n for (let i = 1; i <= 5; i++) {\n const question = document.getElementById(`ex5-q${i}`);\n const buttons = question.querySelectorAll('.tf-btn');\n question.classList.remove('correct', 'incorrect');\n buttons.forEach(btn => {\n btn.classList.remove('selected', 'correct', 'incorrect');\n });\n }\n document.getElementById('feedback-ex5').classList.remove('show');\n document.getElementById('score-ex5').classList.remove('show');\n }\n\n function submitFinalTask() {\n const text = document.getElementById('finalTask').value.trim();\n \n if (text.length < 20) {\n const feedback = document.getElementById('feedback-final');\n feedback.className = 'feedback error show';\n feedback.innerHTML = '<span class=\"fr\">Votre pr\u00e9sentation est trop courte. \u00c9crivez au moins 4 phrases.<\/span><span class=\"en\">Your presentation is too short. Write at least 4 sentences.<\/span>';\n return;\n }\n\n const feedback = document.getElementById('feedback-final');\n feedback.className = 'feedback success show';\n feedback.innerHTML = '<span class=\"fr\">\u2713 Excellente pr\u00e9sentation ! Vous avez termin\u00e9 la le\u00e7on !<\/span><span class=\"en\">\u2713 Excellent presentation! You completed the lesson!<\/span>';\n \n if (exercisesCompleted < 6) {\n exercisesCompleted = 6;\n }\n updateProgress();\n \n \/\/ Show both bonus games\n setTimeout(() => {\n document.getElementById('bonusGame').style.display = 'block';\n document.getElementById('memoryGame').style.display = 'block';\n document.getElementById('bonusGame').scrollIntoView({ behavior: 'smooth' });\n }, 1000);\n }\n\n \/\/ Bonus Game Logic\n let gameQuestions = [\n { flag: '🇫🇷', country: 'France', answer: 'fran\u00e7aise' },\n { flag: '🇨🇦', country: 'Canada', answer: 'canadienne' },\n { flag: '🇨🇳', country: 'Chine', answer: 'chinoise' },\n { flag: '🇷🇺', country: 'Russie', answer: 'russe' },\n { flag: '🇦🇲', country: 'Arm\u00e9nie', answer: 'arm\u00e9nienne' },\n { flag: '🇦🇪', country: '\u00c9mirats', answer: '\u00e9mirienne' },\n { flag: '🇸🇳', country: 'S\u00e9n\u00e9gal', answer: 's\u00e9n\u00e9galaise' },\n { flag: '🇩🇪', country: 'Allemagne', answer: 'allemande' },\n { flag: '🇪🇸', country: 'Espagne', answer: 'espagnole' },\n { flag: '🇨🇭', country: 'Suisse', answer: 'suisse' },\n { flag: '🇲🇦', country: 'Maroc', answer: 'marocaine' },\n { flag: '🇮🇹', country: 'Italie', answer: 'italienne' }\n ];\n\n let currentGameIndex = 0;\n let gameScore = 0;\n let gameAttempts = 0;\n\n function loadGameQuestion() {\n const question = gameQuestions[currentGameIndex];\n document.getElementById('gameFlag').innerHTML = question.flag;\n document.getElementById('gameCountry').textContent = question.country;\n document.getElementById('gameInput').value = '';\n document.getElementById('gameInput').classList.remove('correct', 'incorrect');\n document.getElementById('gameFeedback').classList.remove('show');\n }\n\n function checkGameAnswer() {\n const userAnswer = normalize(document.getElementById('gameInput').value);\n const correctAnswer = gameQuestions[currentGameIndex].answer;\n const feedback = document.getElementById('gameFeedback');\n const input = document.getElementById('gameInput');\n \n gameAttempts++;\n document.getElementById('gameTotal').textContent = gameAttempts;\n\n if (userAnswer === correctAnswer) {\n feedback.className = 'feedback success show';\n feedback.innerHTML = '<span class=\"fr\">\u2713 Correct !<\/span><span class=\"en\">\u2713 Correct!<\/span>';\n input.classList.remove('incorrect');\n input.classList.add('correct');\n gameScore++;\n document.getElementById('gameScore').textContent = gameScore;\n \n setTimeout(() => {\n nextGameQuestion();\n }, 1500);\n } else {\n feedback.className = 'feedback error show';\n feedback.innerHTML = `<span class=\"fr\">\u2717 Non. La bonne r\u00e9ponse est : <strong>${correctAnswer}<\/strong><\/span><span class=\"en\">\u2717 No. The correct answer is: <strong>${correctAnswer}<\/strong><\/span>`;\n input.classList.remove('correct');\n input.classList.add('incorrect');\n }\n }\n\n function nextGameQuestion() {\n currentGameIndex++;\n if (currentGameIndex >= gameQuestions.length) {\n currentGameIndex = 0;\n }\n loadGameQuestion();\n }\n\n \/\/ Initialize game\n loadGameQuestion();\n\n function checkCompletion() {\n if (exercisesCompleted === 6) {\n const totalQuestions = 28;\n const percentage = Math.round((totalCorrect \/ totalQuestions) * 100);\n \n document.getElementById('finalScore').textContent = percentage + '%';\n document.getElementById('finalCorrect').textContent = `${totalCorrect}\/${totalQuestions}`;\n document.getElementById('exercisesCompleted').textContent = '6\/6';\n \n setTimeout(() => {\n document.getElementById('completionModal').classList.add('show');\n }, 500);\n }\n }\n\n function closeModal() {\n document.getElementById('completionModal').classList.remove('show');\n }\n\n \/\/ Memory Game Logic\n let memoryCards = [\n { id: 1, type: 'country', value: 'France', pair: 'fran\u00e7aise' },\n { id: 2, type: 'nationality', value: 'fran\u00e7aise', pair: 'France' },\n { id: 3, type: 'country', value: 'Canada', pair: 'canadienne' },\n { id: 4, type: 'nationality', value: 'canadienne', pair: 'Canada' },\n { id: 5, type: 'country', value: 'Chine', pair: 'chinoise' },\n { id: 6, type: 'nationality', value: 'chinoise', pair: 'Chine' },\n { id: 7, type: 'country', value: 'Italie', pair: 'italienne' },\n { id: 8, type: 'nationality', value: 'italienne', pair: 'Italie' },\n { id: 9, type: 'country', value: 'Espagne', pair: 'espagnole' },\n { id: 10, type: 'nationality', value: 'espagnole', pair: 'Espagne' },\n { id: 11, type: 'country', value: 'Maroc', pair: 'marocaine' },\n { id: 12, type: 'nationality', value: 'marocaine', pair: 'Maroc' },\n { id: 13, type: 'country', value: 'S\u00e9n\u00e9gal', pair: 's\u00e9n\u00e9galaise' },\n { id: 14, type: 'nationality', value: 's\u00e9n\u00e9galaise', pair: 'S\u00e9n\u00e9gal' },\n { id: 15, type: 'country', value: 'Allemagne', pair: 'allemande' },\n { id: 16, type: 'nationality', value: 'allemande', pair: 'Allemagne' }\n ];\n\n let flippedCards = [];\n let matchedPairs = 0;\n let moves = 0;\n let memoryStartTime = null;\n let memoryTimerInterval = null;\n\n function shuffleArray(array) {\n const arr = [...array];\n for (let i = arr.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [arr[i], arr[j]] = [arr[j], arr[i]];\n }\n return arr;\n }\n\n function startMemoryGame() {\n document.getElementById('memoryStartBtn').style.display = 'none';\n document.getElementById('memoryResetBtn').style.display = 'inline-block';\n \n matchedPairs = 0;\n moves = 0;\n flippedCards = [];\n memoryStartTime = Date.now();\n \n document.getElementById('memoryMoves').textContent = '0';\n document.getElementById('memoryMatches').textContent = '0\/8';\n document.getElementById('memoryFeedback').classList.remove('show');\n \n \/\/ Start timer\n if (memoryTimerInterval) clearInterval(memoryTimerInterval);\n memoryTimerInterval = setInterval(updateMemoryTimer, 1000);\n \n const shuffled = shuffleArray(memoryCards);\n const container = document.getElementById('memoryCardsContainer');\n container.innerHTML = '';\n \n shuffled.forEach(card => {\n const cardEl = document.createElement('div');\n cardEl.className = 'memory-card';\n cardEl.dataset.id = card.id;\n cardEl.dataset.pair = card.pair;\n cardEl.innerHTML = `\n <div class=\"memory-card-inner\">\n <div class=\"memory-card-front\">?<\/div>\n <div class=\"memory-card-back\">${card.value}<\/div>\n <\/div>\n `;\n cardEl.onclick = () => flipCard(cardEl, card);\n container.appendChild(cardEl);\n });\n }\n\n function updateMemoryTimer() {\n if (!memoryStartTime) return;\n const elapsed = Math.floor((Date.now() - memoryStartTime) \/ 1000);\n const minutes = Math.floor(elapsed \/ 60);\n const seconds = elapsed % 60;\n document.getElementById('memoryTimer').textContent = \n `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;\n }\n\n function flipCard(cardEl, card) {\n if (cardEl.classList.contains('flipped') || cardEl.classList.contains('matched')) return;\n if (flippedCards.length >= 2) return;\n \n cardEl.classList.add('flipped');\n flippedCards.push({ element: cardEl, card: card });\n \n if (flippedCards.length === 2) {\n moves++;\n document.getElementById('memoryMoves').textContent = moves;\n \n setTimeout(checkMatch, 800);\n }\n }\n\n function checkMatch() {\n const [first, second] = flippedCards;\n \n if (first.card.pair === second.card.value) {\n \/\/ Match!\n first.element.classList.add('matched');\n second.element.classList.add('matched');\n matchedPairs++;\n document.getElementById('memoryMatches').textContent = `${matchedPairs}\/8`;\n \n if (matchedPairs === 8) {\n clearInterval(memoryTimerInterval);\n const feedback = document.getElementById('memoryFeedback');\n const timeStr = document.getElementById('memoryTimer').textContent;\n feedback.className = 'feedback success show';\n feedback.innerHTML = `<span class=\"fr\">🎉 Bravo ! Vous avez termin\u00e9 en ${moves} coups et ${timeStr} !<\/span><span class=\"en\">🎉 Congratulations! You finished in ${moves} moves and ${timeStr}!<\/span>`;\n }\n } else {\n \/\/ No match\n setTimeout(() => {\n first.element.classList.remove('flipped');\n second.element.classList.remove('flipped');\n }, 500);\n }\n \n flippedCards = [];\n }\n\n function resetMemoryGame() {\n if (memoryTimerInterval) clearInterval(memoryTimerInterval);\n document.getElementById('memoryStartBtn').style.display = 'inline-block';\n document.getElementById('memoryResetBtn').style.display = 'none';\n document.getElementById('memoryCardsContainer').innerHTML = '';\n document.getElementById('memoryMoves').textContent = '0';\n document.getElementById('memoryMatches').textContent = '0\/8';\n document.getElementById('memoryTimer').textContent = '00:00';\n document.getElementById('memoryFeedback').classList.remove('show');\n memoryStartTime = null;\n matchedPairs = 0;\n moves = 0;\n flippedCards = [];\n }\n\n updateProgress();\n <\/script>\n\n <style>\n .memory-card {\n background: white;\n border-radius: 12px;\n padding: 20px;\n min-height: 120px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 3px solid #e2e8f0;\n position: relative;\n perspective: 1000px;\n }\n\n .memory-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 16px rgba(0,0,0,0.1);\n }\n\n .memory-card-inner {\n width: 100%;\n height: 100%;\n text-align: center;\n transition: transform 0.6s;\n transform-style: preserve-3d;\n }\n\n .memory-card.flipped .memory-card-inner {\n transform: rotateY(180deg);\n }\n\n .memory-card-front,\n .memory-card-back {\n position: absolute;\n width: 100%;\n height: 100%;\n backface-visibility: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n font-weight: 700;\n }\n\n .memory-card-front {\n color: var(--primary);\n font-size: 3rem;\n }\n\n .memory-card-back {\n transform: rotateY(180deg);\n color: var(--dark);\n }\n\n .memory-card.matched {\n background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);\n border-color: var(--success);\n cursor: default;\n }\n\n .memory-card.matched:hover {\n transform: none;\n }\n <\/style>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>A1 French – Nationalities & Negation | For English Speakers Both FR EN Nationalit\u00e9s et N\u00e9gation Nationalities & Negation Niveau A1 | Level A1 Progression … <\/p>\n","protected":false},"author":1,"featured_media":5767,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"cybocfi_hide_featured_image":"","footnotes":""},"categories":[14,31],"tags":[6,96],"class_list":["post-5762","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gram","category-niveau-a1","tag-grammaire","tag-niveau-a1"],"yoast_head":"\n<title>Dire sa nationalit\u00e9 - MOddou FLE<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.estudiodefrances.com\/?p=5762\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dire sa nationalit\u00e9 - MOddou FLE\" \/>\n<meta property=\"og:description\" content=\"A1 French – Nationalities & Negation | For English Speakers Both FR EN Nationalit\u00e9s et N\u00e9gation Nationalities & Negation Niveau A1 | Level A1 Progression …\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.estudiodefrances.com\/?p=5762\" \/>\n<meta property=\"og:site_name\" content=\"MOddou FLE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/moddouFLE\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-05T18:48:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-06T05:51:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/dire-sa-nationalite.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"moddou\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@moddou\" \/>\n<meta name=\"twitter:site\" content=\"@moddou\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"moddou\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762\"},\"author\":{\"name\":\"moddou\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/person\\\/88f4b73addd8170d9837c20fc1127e7c\"},\"headline\":\"Dire sa nationalit\u00e9\",\"datePublished\":\"2026-02-05T18:48:14+00:00\",\"dateModified\":\"2026-02-06T05:51:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762\"},\"wordCount\":1833,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/dire-sa-nationalite.jpg\",\"keywords\":[\"grammaire\",\"Niveau A1\"],\"articleSection\":[\"grammaire\",\"Niveau A1\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762\",\"name\":\"Dire sa nationalit\u00e9 - MOddou FLE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/dire-sa-nationalite.jpg\",\"datePublished\":\"2026-02-05T18:48:14+00:00\",\"dateModified\":\"2026-02-06T05:51:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762#primaryimage\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/dire-sa-nationalite.jpg\",\"contentUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/dire-sa-nationalite.jpg\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5762#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dire sa nationalit\u00e9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#website\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\",\"name\":\"MOddou FLE\",\"description\":\"Exercices et jeux pour apprendre le fran\u00e7ais\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\",\"name\":\"MOddou FLE\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png\",\"contentUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png\",\"width\":68,\"height\":79,\"caption\":\"MOddou FLE\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/moddouFLE\\\/\",\"https:\\\/\\\/x.com\\\/moddou\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/person\\\/88f4b73addd8170d9837c20fc1127e7c\",\"name\":\"moddou\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"caption\":\"moddou\"},\"sameAs\":[\"http:\\\/\\\/www.estudiodefrances.com\"],\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?author=1\"}]}<\/script>\n","yoast_head_json":{"title":"Dire sa nationalit\u00e9 - MOddou FLE","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:\/\/www.estudiodefrances.com\/?p=5762","og_locale":"fr_FR","og_type":"article","og_title":"Dire sa nationalit\u00e9 - MOddou FLE","og_description":"A1 French – Nationalities & Negation | For English Speakers Both FR EN Nationalit\u00e9s et N\u00e9gation Nationalities & Negation Niveau A1 | Level A1 Progression …","og_url":"https:\/\/www.estudiodefrances.com\/?p=5762","og_site_name":"MOddou FLE","article_publisher":"https:\/\/www.facebook.com\/moddouFLE\/","article_published_time":"2026-02-05T18:48:14+00:00","article_modified_time":"2026-02-06T05:51:02+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/dire-sa-nationalite.jpg","type":"image\/jpeg"}],"author":"moddou","twitter_card":"summary_large_image","twitter_creator":"@moddou","twitter_site":"@moddou","twitter_misc":{"\u00c9crit par":"moddou","Dur\u00e9e de lecture estim\u00e9e":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.estudiodefrances.com\/?p=5762#article","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5762"},"author":{"name":"moddou","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/person\/88f4b73addd8170d9837c20fc1127e7c"},"headline":"Dire sa nationalit\u00e9","datePublished":"2026-02-05T18:48:14+00:00","dateModified":"2026-02-06T05:51:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5762"},"wordCount":1833,"commentCount":0,"publisher":{"@id":"https:\/\/www.estudiodefrances.com\/#organization"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5762#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/dire-sa-nationalite.jpg","keywords":["grammaire","Niveau A1"],"articleSection":["grammaire","Niveau A1"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.estudiodefrances.com\/?p=5762#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.estudiodefrances.com\/?p=5762","url":"https:\/\/www.estudiodefrances.com\/?p=5762","name":"Dire sa nationalit\u00e9 - MOddou FLE","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5762#primaryimage"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5762#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/dire-sa-nationalite.jpg","datePublished":"2026-02-05T18:48:14+00:00","dateModified":"2026-02-06T05:51:02+00:00","breadcrumb":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5762#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.estudiodefrances.com\/?p=5762"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.estudiodefrances.com\/?p=5762#primaryimage","url":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/dire-sa-nationalite.jpg","contentUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/dire-sa-nationalite.jpg","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/www.estudiodefrances.com\/?p=5762#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.estudiodefrances.com\/"},{"@type":"ListItem","position":2,"name":"Dire sa nationalit\u00e9"}]},{"@type":"WebSite","@id":"https:\/\/www.estudiodefrances.com\/#website","url":"https:\/\/www.estudiodefrances.com\/","name":"MOddou FLE","description":"Exercices et jeux pour apprendre le fran\u00e7ais","publisher":{"@id":"https:\/\/www.estudiodefrances.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.estudiodefrances.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.estudiodefrances.com\/#organization","name":"MOddou FLE","url":"https:\/\/www.estudiodefrances.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png","contentUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png","width":68,"height":79,"caption":"MOddou FLE"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/moddouFLE\/","https:\/\/x.com\/moddou"]},{"@type":"Person","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/person\/88f4b73addd8170d9837c20fc1127e7c","name":"moddou","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","caption":"moddou"},"sameAs":["http:\/\/www.estudiodefrances.com"],"url":"https:\/\/www.estudiodefrances.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5762"}],"version-history":[{"count":4,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5762\/revisions"}],"predecessor-version":[{"id":5770,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5762\/revisions\/5770"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/media\/5767"}],"wp:attachment":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5762,"date":"2026-02-05T20:48:14","date_gmt":"2026-02-05T18:48:14","guid":{"rendered":"https:\/\/www.estudiodefrances.com\/?p=5762"},"modified":"2026-02-06T07:51:02","modified_gmt":"2026-02-06T05:51:02","slug":"5762","status":"publish","type":"post","link":"https:\/\/www.estudiodefrances.com\/?p=5762","title":{"rendered":"Dire sa nationalit\u00e9"},"content":{"rendered":"\n