{"id":14984,"date":"2025-12-03T15:12:33","date_gmt":"2025-12-03T14:12:33","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=14984"},"modified":"2025-12-03T16:10:49","modified_gmt":"2025-12-03T15:10:49","slug":"22-les-liaisons-interdites","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/22-les-liaisons-interdites\/","title":{"rendered":"22. Forbidden liaisons"},"content":{"rendered":"\n<div style=\"font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.7; max-width: 900px; margin: auto; padding: 20px; background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%); color: #334155;\">\n    <!-- TITRE GLOBAL -->\n    <div style=\"background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-bottom: 25px; border-left: 6px solid #ea580c;\">\n        <h1 style=\"color: #ea580c; margin-bottom: 10px; display: flex; align-items: center;\">\n            <span style=\"background: #ea580c; color: white; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px;\">\u26d4<\/span>\n            Le\u00e7on 22 \u2013 Les liaisons interdites\n        <\/h1>\n        <p style=\"color: #64748b; font-size: 1.1rem;\">Apprenez quand il ne faut PAS faire la liaison en fran\u00e7ais<\/p>\n    <\/div>\n\n    <!-- SECTION I - EXPLICATION -->\n    <div style=\"background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-bottom: 25px;\">\n        <h2 style=\"color: #ea580c; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fed7aa; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcd8<\/span> 1. Explication simple\n        <\/h2>\n        \n        <div style=\"background: #fff7ed; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #fdba74;\">\n            <p style=\"margin: 0 0 15px 0; font-size: 1.1rem;\">La liaison est <strong>interdite<\/strong> dans certains cas sp\u00e9cifiques. Il ne faut <strong>jamais<\/strong> la prononcer dans ces situations.<\/p>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 15px;\">\n                <div style=\"background: #fed7aa; padding: 15px; border-radius: 8px;\">\n                    <p style=\"font-weight: bold; color: #9a3412; margin-bottom: 8px;\">\ud83d\udeab Apr\u00e8s \"et\"<\/p>\n                    <p style=\"margin: 0; color: #9a3412;\">Exemple : et eux (pas de liaison)<\/p>\n                <\/div>\n                <div style=\"background: #fed7aa; padding: 15px; border-radius: 8px;\">\n                    <p style=\"font-weight: bold; color: #9a3412; margin-bottom: 8px;\">\ud83d\udeab Apr\u00e8s les noms au singulier<\/p>\n                    <p style=\"margin: 0; color: #9a3412;\">Exemple : pas encore (pas de liaison)<\/p>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #fee2e2; padding: 15px; border-radius: 8px; margin-top: 15px; border-left: 4px solid #dc2626;\">\n                <p style=\"color: #991b1b; margin: 0; font-weight: bold;\">\u26a0\ufe0f Attention :<\/p>\n                <p style=\"color: #991b1b; margin: 8px 0 0 0;\">Faire une liaison interdite est une erreur de prononciation !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION II - EXEMPLES -->\n    <div style=\"background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-bottom: 25px;\">\n        <h2 style=\"color: #ea580c; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fed7aa; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\u2728<\/span> 2. Exemples\n        <\/h2>\n        \n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;\">\n            <div style=\"background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fdba74;\">\n                <div style=\"background: #ea580c; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto; font-weight: bold; font-size: 1.2rem;\">1<\/div>\n                <p style=\"font-weight: bold; color: #9a3412; font-size: 1.2rem; margin: 0;\">Je parle <span style=\"background: #fee2e2; padding: 2px 6px; border-radius: 4px;\">et<\/span> eux \u00e9coutent.<\/p>\n                <p style=\"color: #64748b; margin-top: 8px; font-style: italic;\">Pas de liaison apr\u00e8s \"et\"<\/p>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fdba74;\">\n                <div style=\"background: #ea580c; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto; font-weight: bold; font-size: 1.2rem;\">2<\/div>\n                <p style=\"font-weight: bold; color: #9a3412; font-size: 1.2rem; margin: 0;\">Il ne vient <span style=\"background: #fee2e2; padding: 2px 6px; border-radius: 4px;\">pas<\/span> encore.<\/p>\n                <p style=\"color: #64748b; margin-top: 8px; font-style: italic;\">Pas de liaison avec \"pas\"<\/p>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fdba74;\">\n                <div style=\"background: #ea580c; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto; font-weight: bold; font-size: 1.2rem;\">3<\/div>\n                <p style=\"font-weight: bold; color: #9a3412; font-size: 1.2rem; margin: 0;\">C'est <span style=\"background: #fee2e2; padding: 2px 6px; border-radius: 4px;\">un<\/span> homme.<\/p>\n                <p style=\"color: #64748b; margin-top: 8px; font-style: italic;\">Exception : h muet \u2192 liaison<\/p>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background: #dcfce7; padding: 20px; border-radius: 10px; margin-top: 20px; border: 1px solid #22c55e;\">\n            <h4 style=\"color: #166534; margin-top: 0; margin-bottom: 10px; display: flex; align-items: center;\">\n                <span style=\"margin-right: 8px;\">\ud83c\udfaf<\/span> R\u00e8gle importante\n            <\/h4>\n            <p style=\"color: #166534; margin: 0;\">La liaison est interdite apr\u00e8s la conjonction \"et\" et apr\u00e8s certains adverbes comme \"pas\", \"plus\", \"trop\" suivis d'un mot commen\u00e7ant par une voyelle.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION III - MINI-SITUATION -->\n    <div style=\"background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-bottom: 25px;\">\n        <h2 style=\"color: #ea580c; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fed7aa; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcac<\/span> 3. Mini-situation\n        <\/h2>\n        \n        <div style=\"background: #fff7ed; padding: 25px; border-radius: 10px; border: 1px solid #fdba74; position: relative;\">\n            <div style=\"position: absolute; top: -15px; left: 20px; background: #ea580c; color: white; padding: 5px 15px; border-radius: 20px; font-weight: bold;\">\n                Dialogue\n            <\/div>\n            \n            <div style=\"display: flex; flex-direction: column; gap: 20px;\">\n                <div style=\"display: flex; align-items: flex-start;\">\n                    <div style=\"background: #ea580c; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; font-weight: bold; font-size: 1.1rem;\">S<\/div>\n                    <div style=\"background: #ffedd5; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #fdba74;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #9a3412;\">Sam :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #9a3412;\">\u00ab J'ai parl\u00e9 avec Marie <span style=\"background: #fee2e2; padding: 2px 5px; border-radius: 4px;\">et<\/span> elle a r\u00e9pondu. \u00bb<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #92400e; font-size: 0.9rem; font-style: italic;\">\u26a0\ufe0f Pas de liaison apr\u00e8s \"et\"<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"display: flex; align-items: flex-start; justify-content: flex-end;\">\n                    <div style=\"background: #ffedd5; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #fdba74;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #9a3412; text-align: right;\">L'ami :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #9a3412; text-align: right;\">\u00ab Elle n'est <span style=\"background: #fee2e2; padding: 2px 5px; border-radius: 4px;\">pas<\/span> encore arriv\u00e9e chez elle ? \u00bb<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #92400e; font-size: 0.9rem; font-style: italic; text-align: right;\">\u26a0\ufe0f Pas de liaison avec \"pas\"<\/p>\n                    <\/div>\n                    <div style=\"background: #22c55e; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 15px; flex-shrink: 0; font-weight: bold; font-size: 1.1rem;\">A<\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #fee2e2; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #dc2626;\">\n                <p style=\"color: #991b1b; margin: 0; font-weight: bold;\">\ud83d\udcdd Note :<\/p>\n                <p style=\"color: #991b1b; margin: 8px 0 0 0;\">Dans ce dialogue, les mots en rouge indiquent o\u00f9 la liaison est <strong>interdite<\/strong>. C'est une faute de les prononcer !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION IV - VOCABULAIRE -->\n    <div style=\"background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-bottom: 25px;\">\n        <h2 style=\"color: #ea580c; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fed7aa; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcda<\/span> 4. Vocabulaire\n        <\/h2>\n        \n        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px;\">\n            <div style=\"background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fca5a5;\">\n                <p style=\"font-weight: bold; color: #991b1b; font-size: 1.3rem; margin: 0 0 10px 0;\">et<\/p>\n                <p style=\"color: #dc2626; margin: 0; font-size: 0.9rem;\">conjonction (and)<\/p>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fca5a5;\">\n                <p style=\"font-weight: bold; color: #991b1b; font-size: 1.3rem; margin: 0 0 10px 0;\">encore<\/p>\n                <p style=\"color: #dc2626; margin: 0; font-size: 0.9rem;\">adverbe (still\/yet)<\/p>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fca5a5;\">\n                <p style=\"font-weight: bold; color: #991b1b; font-size: 1.3rem; margin: 0 0 10px 0;\">jamais<\/p>\n                <p style=\"color: #dc2626; margin: 0; font-size: 0.9rem;\">adverbe (never)<\/p>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fca5a5;\">\n                <p style=\"font-weight: bold; color: #991b1b; font-size: 1.3rem; margin: 0 0 10px 0;\">personne<\/p>\n                <p style=\"color: #dc2626; margin: 0; font-size: 0.9rem;\">pronoun (nobody)<\/p>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background: #fff7ed; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #fdba74;\">\n            <p style=\"color: #92400e; margin: 0; font-weight: bold;\">\ud83d\udcaa Exercice de prononciation :<\/p>\n            <p style=\"color: #92400e; margin: 8px 0 0 0;\">Prononcez sans liaison : \"et\" + pause + \"eux\" \u2192 \"et eux\" (2 sons s\u00e9par\u00e9s)<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION V - EXERCICE INTERACTIF -->\n    <div style=\"background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-bottom: 25px;\">\n        <h2 style=\"color: #ea580c; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fed7aa; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\u270d\ufe0f<\/span> 5. Exercice interactif\n        <\/h2>\n        \n        <div style=\"background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%); padding: 25px; border-radius: 10px; border: 2px solid #fdba74;\">\n            <h3 style=\"color: #ea580c; margin-top: 0; text-align: center; margin-bottom: 25px;\">Coche : liaison interdite ?<\/h3>\n            \n            <!-- Question 1 -->\n            <div style=\"background: white; padding: 20px; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n                <p style=\"font-weight: bold; color: #ea580c; margin-bottom: 15px; font-size: 1.1rem;\">1. \"<span style=\"background: #fee2e2; padding: 2px 8px; border-radius: 4px;\">et\u203feux<\/span>\" \u2192<\/p>\n                \n                <div style=\"display: flex; gap: 20px; margin-bottom: 15px;\">\n                    <button onclick=\"checkExerciseAnswer22(1, 'oui')\" id=\"btn22-1-oui\" style=\"flex: 1; background: #dcfce7; border: 2px solid #22c55e; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #166534;\">OUI<\/button>\n                    <button onclick=\"checkExerciseAnswer22(1, 'non')\" id=\"btn22-1-non\" style=\"flex: 1; background: #fee2e2; border: 2px solid #ef4444; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #991b1b;\">NON<\/button>\n                <\/div>\n                \n                <div id=\"result22-1\" style=\"display: none; padding: 12px; border-radius: 6px; margin-top: 10px;\"><\/div>\n            <\/div>\n            \n            <!-- Question 2 -->\n            <div style=\"background: white; padding: 20px; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n                <p style=\"font-weight: bold; color: #ea580c; margin-bottom: 15px; font-size: 1.1rem;\">2. \"<span style=\"background: #fee2e2; padding: 2px 8px; border-radius: 4px;\">pas\u203fencore<\/span>\" \u2192<\/p>\n                \n                <div style=\"display: flex; gap: 20px; margin-bottom: 15px;\">\n                    <button onclick=\"checkExerciseAnswer22(2, 'oui')\" id=\"btn22-2-oui\" style=\"flex: 1; background: #dcfce7; border: 2px solid #22c55e; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #166534;\">OUI<\/button>\n                    <button onclick=\"checkExerciseAnswer22(2, 'non')\" id=\"btn22-2-non\" style=\"flex: 1; background: #fee2e2; border: 2px solid #ef4444; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #991b1b;\">NON<\/button>\n                <\/div>\n                \n                <div id=\"result22-2\" style=\"display: none; padding: 12px; border-radius: 6px; margin-top: 10px;\"><\/div>\n            <\/div>\n            \n            <!-- Question 3 (bonus) -->\n            <div style=\"background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n                <p style=\"font-weight: bold; color: #ea580c; margin-bottom: 15px; font-size: 1.1rem;\">3. \"<span style=\"background: #fee2e2; padding: 2px 8px; border-radius: 4px;\">trop\u203faimable<\/span>\" \u2192<\/p>\n                \n                <div style=\"display: flex; gap: 20px; margin-bottom: 15px;\">\n                    <button onclick=\"checkExerciseAnswer22(3, 'oui')\" id=\"btn22-3-oui\" style=\"flex: 1; background: #dcfce7; border: 2px solid #22c55e; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #166534;\">OUI<\/button>\n                    <button onclick=\"checkExerciseAnswer22(3, 'non')\" id=\"btn22-3-non\" style=\"flex: 1; background: #fee2e2; border: 2px solid #ef4444; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #991b1b;\">NON<\/button>\n                <\/div>\n                \n                <div id=\"result22-3\" style=\"display: none; padding: 12px; border-radius: 6px; margin-top: 10px;\"><\/div>\n            <\/div>\n            \n            <!-- Boutons de contr\u00f4le -->\n            <div style=\"display: flex; gap: 15px; justify-content: center; margin-top: 25px;\">\n                <button onclick=\"checkAllAnswers22()\" style=\"background: #ea580c; color: white; border: none; padding: 12px 25px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; display: flex; align-items: center; gap: 8px;\">\n                    <span>\ud83d\udcca Voir mon score<\/span>\n                <\/button>\n                <button onclick=\"resetExercise22()\" style=\"background: #64748b; color: white; border: none; padding: 12px 25px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; display: flex; align-items: center; gap: 8px;\">\n                    <span>\ud83d\udd04 Recommencer<\/span>\n                <\/button>\n            <\/div>\n            \n            <!-- Affichage du score -->\n            <div id=\"score-container22\" style=\"background: #d1fae5; padding: 20px; border-radius: 10px; margin-top: 25px; display: none; border: 3px solid #10b981; text-align: center;\">\n                <h4 style=\"color: #047857; margin-top: 0; margin-bottom: 10px;\">\ud83c\udf89 R\u00e9sultat de l'exercice<\/h4>\n                <div id=\"score-text22\" style=\"font-size: 1.2rem; margin-bottom: 15px;\"><\/div>\n                <div id=\"score-message22\" style=\"color: #047857;\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION VI - ID\u00c9E D'IMAGE -->\n    <div style=\"background: white; padding: 25px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\">\n        <h2 style=\"color: #ea580c; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fed7aa; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\uddbc\ufe0f<\/span> 6. Id\u00e9e d'image pour m\u00e9moriser\n        <\/h2>\n        \n        <div style=\"background: linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%); padding: 30px; border-radius: 10px; border: 2px solid #fdba74; text-align: center;\">\n            <div style=\"background: white; padding: 25px; border-radius: 8px; display: inline-block; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-bottom: 20px;\">\n                <div style=\"font-size: 4rem; margin-bottom: 15px;\">\ud83d\udcac\u274c\ud83d\udcac<\/div>\n                <p style=\"font-weight: bold; color: #9a3412; font-size: 1.3rem; margin: 0;\">Deux bulles de dialogue barr\u00e9es<\/p>\n            <\/div>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px;\">\n                <div style=\"background: white; padding: 15px; border-radius: 8px; text-align: center;\">\n                    <div style=\"background: #fee2e2; padding: 15px; border-radius: 8px; margin-bottom: 10px;\">\n                        <p style=\"font-weight: bold; color: #dc2626; margin: 0; font-size: 1.5rem;\">et\u203feux<\/p>\n                        <p style=\"color: #dc2626; margin: 8px 0 0 0;\">\u274c INTERDIT<\/p>\n                    <\/div>\n                    <p style=\"color: #9a3412; margin: 0; font-weight: bold;\">Apr\u00e8s \"et\"<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 15px; border-radius: 8px; text-align: center;\">\n                    <div style=\"background: #fee2e2; padding: 15px; border-radius: 8px; margin-bottom: 10px;\">\n                        <p style=\"font-weight: bold; color: #dc2626; margin: 0; font-size: 1.5rem;\">pas\u203fencore<\/p>\n                        <p style=\"color: #dc2626; margin: 8px 0 0 0;\">\u274c INTERDIT<\/p>\n                    <\/div>\n                    <p style=\"color: #9a3412; margin: 0; font-weight: bold;\">Avec \"pas\"<\/p>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #fef3c7; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #fbbf24;\">\n                <p style=\"color: #92400e; margin: 0; font-weight: bold;\">\ud83c\udf1f Conseil de m\u00e9morisation :<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">Visualisez un panneau \"INTERDIT\" (\ud83d\udeab) chaque fois que vous voyez \"et\" ou \"pas\" devant une voyelle !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Variables pour suivre les r\u00e9ponses (le\u00e7on 22)\n        let exerciseAnswers22 = {};\n        let exerciseCompleted22 = false;\n\n        \/\/ R\u00e9ponses correctes pour la le\u00e7on 22\n        const correctAnswers22 = {\n            1: 'oui',  \/\/ et\u203feux \u2192 liaison interdite\n            2: 'oui',  \/\/ pas\u203fencore \u2192 liaison interdite\n            3: 'oui'   \/\/ trop\u203faimable \u2192 liaison interdite\n        };\n\n        \/\/ Fonction pour v\u00e9rifier une r\u00e9ponse (le\u00e7on 22)\n        function checkExerciseAnswer22(questionNum, answer) {\n            if (exerciseCompleted22) return;\n            \n            \/\/ Stocker la r\u00e9ponse\n            exerciseAnswers22[questionNum] = answer;\n            \n            \/\/ D\u00e9sactiver les boutons pour cette question\n            document.getElementById(`btn22-${questionNum}-oui`).disabled = true;\n            document.getElementById(`btn22-${questionNum}-non`).disabled = true;\n            \n            \/\/ Afficher le r\u00e9sultat\n            const resultElement = document.getElementById(`result22-${questionNum}`);\n            \n            if (answer === correctAnswers22[questionNum]) {\n                resultElement.innerHTML = `\n                    <div style=\"background: #d1fae5; padding: 10px; border-radius: 6px; border: 2px solid #10b981;\">\n                        <p style=\"margin: 0; color: #047857; font-weight: bold;\">\u2705 Correct ! Excellente r\u00e9ponse.<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #047857;\">La liaison est bien interdite ici.<\/p>\n                    <\/div>\n                `;\n            } else {\n                resultElement.innerHTML = `\n                    <div style=\"background: #fee2e2; padding: 10px; border-radius: 6px; border: 2px solid #ef4444;\">\n                        <p style=\"margin: 0; color: #991b1b; font-weight: bold;\">\u274c Attention !<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #991b1b;\">La bonne r\u00e9ponse \u00e9tait : <strong>${correctAnswers22[questionNum]}<\/strong><\/p>\n                    <\/div>\n                `;\n            }\n            \n            resultElement.style.display = 'block';\n        }\n\n        \/\/ Fonction pour v\u00e9rifier toutes les r\u00e9ponses (le\u00e7on 22)\n        function checkAllAnswers22() {\n            exerciseCompleted22 = true;\n            \n            \/\/ Compter les bonnes r\u00e9ponses\n            let correctCount = 0;\n            const totalQuestions = Object.keys(correctAnswers22).length;\n            \n            for (let i = 1; i <= totalQuestions; i++) {\n                if (exerciseAnswers22[i] === correctAnswers22[i]) {\n                    correctCount++;\n                }\n                \n                \/\/ D\u00e9sactiver tous les boutons restants\n                if (!exerciseAnswers22[i]) {\n                    document.getElementById(`btn22-${i}-oui`).disabled = true;\n                    document.getElementById(`btn22-${i}-non`).disabled = true;\n                }\n            }\n            \n            \/\/ Calculer le score\n            const score = Math.round((correctCount \/ totalQuestions) * 100);\n            \n            \/\/ Afficher le r\u00e9sultat\n            const scoreContainer = document.getElementById('score-container22');\n            const scoreText = document.getElementById('score-text22');\n            const scoreMessage = document.getElementById('score-message22');\n            \n            scoreText.innerHTML = `<strong>Score : ${score}%<\/strong> (${correctCount}\/${totalQuestions} bonnes r\u00e9ponses)`;\n            \n            let message = '';\n            if (score === 100) {\n                message = '\ud83c\udf89 F\u00e9licitations ! Vous ma\u00eetrisez parfaitement les liaisons interdites !';\n            } else if (score >= 70) {\n                message = '\ud83d\udc4d Tr\u00e8s bien ! Vous avez compris l\\'essentiel des liaisons interdites.';\n            } else if (score >= 50) {\n                message = '\ud83d\udcda Pas mal ! Revoyez les exemples et r\u00e9essayez.';\n            } else {\n                message = '\ud83d\udcaa Continuez \u00e0 pratiquer ! Les liaisons interdites deviendront naturelles avec l\\'exercice.';\n            }\n            \n            scoreMessage.innerHTML = message;\n            scoreContainer.style.display = 'block';\n            \n            \/\/ Faire d\u00e9filer jusqu'au score\n            scoreContainer.scrollIntoView({ behavior: 'smooth' });\n        }\n\n        \/\/ Fonction pour r\u00e9initialiser l'exercice (le\u00e7on 22)\n        function resetExercise22() {\n            exerciseAnswers22 = {};\n            exerciseCompleted22 = false;\n            \n            \/\/ R\u00e9activer tous les boutons\n            for (let i = 1; i <= 3; i++) {\n                document.getElementById(`btn22-${i}-oui`).disabled = false;\n                document.getElementById(`btn22-${i}-non`).disabled = false;\n                document.getElementById(`result22-${i}`).style.display = 'none';\n            }\n            \n            \/\/ Cacher le score\n            document.getElementById('score-container22').style.display = 'none';\n        }\n    <\/script>\n<\/div>\n<div class=\"gsp_post_data\" \r\n\t            data-post_type=\"dt_lessons\" \r\n\t            data-cat=\"\" \r\n\t            data-modified=\"120\"\r\n\t            data-created=\"1764774753\"\r\n\t            data-title=\"22. Les liaisons interdites\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\u26d4 Le\u00e7on 22 \u2013 Les liaisons interdites Apprenez quand il ne faut PAS faire la liaison en fran\u00e7ais \ud83d\udcd8 1. Explication simple La liaison est interdite dans certains cas sp\u00e9cifiques. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","class_list":["post-14984","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/14984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons"}],"about":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/types\/dt_lessons"}],"author":[{"embeddable":true,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/comments?post=14984"}],"version-history":[{"count":2,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/14984\/revisions"}],"predecessor-version":[{"id":14997,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/14984\/revisions\/14997"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=14984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}