{"id":15005,"date":"2025-12-04T16:05:46","date_gmt":"2025-12-04T15:05:46","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15005"},"modified":"2025-12-04T16:05:50","modified_gmt":"2025-12-04T15:05:50","slug":"28-nasaux-proches-%c9%9b%cc%83-et-oe%cc%83","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/28-nasaux-proches-%c9%9b%cc%83-et-oe%cc%83\/","title":{"rendered":"28. Nasaux proches [\u025b\u0303] et [\u0153\u0303]"},"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, #f3e8ff 0%, #d8b4fe 100%); color: #4c1d95;\">\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 #8b5cf6;\">\n        <h1 style=\"color: #8b5cf6; margin-bottom: 10px; display: flex; align-items: center;\">\n            <span style=\"background: #8b5cf6; color: white; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px;\">\ud83d\udc43<\/span>\n            Le\u00e7on 28 \u2013 Nasaux proches [\u025b\u0303] et [\u0153\u0303]\n        <\/h1>\n        <p style=\"color: #64748b; font-size: 1.1rem;\">Apprenez \u00e0 distinguer ces deux sons nasaux du 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: #8b5cf6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #ddd6fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcd8<\/span> 1. Explication simple\n        <\/h2>\n        \n        <div style=\"background: #f3e8ff; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #c4b5fd;\">\n            <p style=\"margin: 0 0 15px 0; font-size: 1.1rem;\">En fran\u00e7ais, il existe deux sons nasaux proches. Ce sont des sons qui passent par le nez. La diff\u00e9rence est subtile et peut varier selon les accents :<\/p>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 15px;\">\n                <div style=\"background: linear-gradient(135deg, #f3e8ff 0%, #d8b4fe 100%); padding: 20px; border-radius: 10px; border: 2px solid #8b5cf6; text-align: center;\">\n                    <div style=\"background: #8b5cf6; color: white; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto; font-weight: bold; font-size: 1.5rem;\">[\u025b\u0303]<\/div>\n                    <h3 style=\"color: #5b21b6; margin-top: 0; margin-bottom: 10px;\">SON NASAL \"IN\"<\/h3>\n                    <div style=\"display: flex; justify-content: center; margin-bottom: 15px;\">\n                        <div style=\"width: 40px; height: 25px; background: #8b5cf6; border-radius: 15px; position: relative; display: flex; align-items: center; justify-content: center;\">\n                            <div style=\"width: 20px; height: 10px; background: #a78bfa; border-radius: 5px; position: relative;\">\n                                <div style=\"position: absolute; top: -15px; left: 5px; width: 10px; height: 15px; background: #8b5cf6; border-radius: 5px 5px 0 0;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <p style=\"color: #5b21b6; margin: 0 0 10px 0; font-weight: bold;\">Son nasal plus courant<\/p>\n                    <div style=\"background: rgba(139, 92, 246, 0.1); padding: 10px; border-radius: 6px; margin-top: 15px;\">\n                        <p style=\"color: #5b21b6; margin: 0; font-weight: bold;\">Exemple :<\/p>\n                        <p style=\"color: #8b5cf6; margin: 5px 0 0 0; font-size: 1.2rem; font-weight: bold;\">pain<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #e9d5ff 0%, #c4b5fd 100%); padding: 20px; border-radius: 10px; border: 2px solid #7c3aed; text-align: center;\">\n                    <div style=\"background: #7c3aed; color: white; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto; font-weight: bold; font-size: 1.5rem;\">[\u0153\u0303]<\/div>\n                    <h3 style=\"color: #5b21b6; margin-top: 0; margin-bottom: 10px;\">SON NASAL \"UN\"<\/h3>\n                    <div style=\"display: flex; justify-content: center; margin-bottom: 15px;\">\n                        <div style=\"width: 40px; height: 25px; background: #7c3aed; border-radius: 15px; position: relative; display: flex; align-items: center; justify-content: center;\">\n                            <div style=\"width: 25px; height: 12px; background: #a78bfa; border-radius: 6px; position: relative;\">\n                                <div style=\"position: absolute; top: -15px; left: 8px; width: 10px; height: 15px; background: #7c3aed; border-radius: 5px 5px 0 0;\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <p style=\"color: #5b21b6; margin: 0 0 10px 0; font-weight: bold;\">Son nasal moins fr\u00e9quent<\/p>\n                    <div style=\"background: rgba(124, 58, 237, 0.1); padding: 10px; border-radius: 6px; margin-top: 15px;\">\n                        <p style=\"color: #5b21b6; margin: 0; font-weight: bold;\">Exemple :<\/p>\n                        <p style=\"color: #7c3aed; margin: 5px 0 0 0; font-size: 1.2rem; font-weight: bold;\">un<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #fef3c7; padding: 15px; border-radius: 8px; margin-top: 20px; border-left: 4px solid #f59e0b;\">\n                <p style=\"color: #92400e; margin: 0; font-weight: bold;\">\ud83d\udca1 Information importante :<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">Dans beaucoup de r\u00e9gions fran\u00e7aises, [\u0153\u0303] (comme \"un\") se prononce comme [\u025b\u0303] (comme \"in\"). Mais dans certaines r\u00e9gions et dans un fran\u00e7ais soign\u00e9, on fait la diff\u00e9rence.<\/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: #8b5cf6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #ddd6fe; 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: 1fr 1fr; gap: 25px;\">\n            <!-- Son [\u025b\u0303] -->\n            <div style=\"background: #f3e8ff; padding: 25px; border-radius: 10px; border: 2px solid #c4b5fd;\">\n                <div style=\"display: flex; align-items: center; margin-bottom: 20px;\">\n                    <div style=\"background: #8b5cf6; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; font-weight: bold; font-size: 1.2rem;\">[\u025b\u0303]<\/div>\n                    <h3 style=\"color: #5b21b6; margin: 0;\">Son nasal \"in\"<\/h3>\n                <\/div>\n                \n                <div style=\"background: white; padding: 15px; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 2px 6px rgba(139, 92, 246, 0.1);\">\n                    <p style=\"font-weight: bold; color: #5b21b6; margin: 0 0 8px 0; font-size: 1.2rem;\">vin<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/v\u025b\u0303\/<\/p>\n                    <div style=\"background: #f3e8ff; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #5b21b6; font-size: 0.85rem;\">boisson<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 15px; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 2px 6px rgba(139, 92, 246, 0.1);\">\n                    <p style=\"font-weight: bold; color: #5b21b6; margin: 0 0 8px 0; font-size: 1.2rem;\">train<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/t\u0281\u025b\u0303\/<\/p>\n                    <div style=\"background: #f3e8ff; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #5b21b6; font-size: 0.85rem;\">transport<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 15px; border-radius: 8px; box-shadow: 0 2px 6px rgba(139, 92, 246, 0.1);\">\n                    <p style=\"font-weight: bold; color: #5b21b6; margin: 0 0 8px 0; font-size: 1.2rem;\">pain<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/p\u025b\u0303\/<\/p>\n                    <div style=\"background: #f3e8ff; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #5b21b6; font-size: 0.85rem;\">aliment<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Son [\u0153\u0303] -->\n            <div style=\"background: #e9d5ff; padding: 25px; border-radius: 10px; border: 2px solid #a78bfa;\">\n                <div style=\"display: flex; align-items: center; margin-bottom: 20px;\">\n                    <div style=\"background: #7c3aed; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; font-weight: bold; font-size: 1.2rem;\">[\u0153\u0303]<\/div>\n                    <h3 style=\"color: #5b21b6; margin: 0;\">Son nasal \"un\"<\/h3>\n                <\/div>\n                \n                <div style=\"background: white; padding: 15px; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 2px 6px rgba(124, 58, 237, 0.1);\">\n                    <p style=\"font-weight: bold; color: #5b21b6; margin: 0 0 8px 0; font-size: 1.2rem;\">un<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/\u0153\u0303\/<\/p>\n                    <div style=\"background: #e9d5ff; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #5b21b6; font-size: 0.85rem;\">article\/num\u00e9ral<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 15px; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 2px 6px rgba(124, 58, 237, 0.1);\">\n                    <p style=\"font-weight: bold; color: #5b21b6; margin: 0 0 8px 0; font-size: 1.2rem;\">lundi<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/l\u0153\u0303.di\/<\/p>\n                    <div style=\"background: #e9d5ff; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #5b21b6; font-size: 0.85rem;\">jour de la semaine<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 15px; border-radius: 8px; box-shadow: 0 2px 6px rgba(124, 58, 237, 0.1);\">\n                    <p style=\"font-weight: bold; color: #5b21b6; margin: 0 0 8px 0; font-size: 1.2rem;\">parfum<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/pa\u0281.f\u0153\u0303\/<\/p>\n                    <div style=\"background: #e9d5ff; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #5b21b6; font-size: 0.85rem;\">odeur<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background: #dcfce7; padding: 20px; border-radius: 10px; margin-top: 25px; 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> Note importante\n            <\/h4>\n            <p style=\"color: #166534; margin: 0;\">Dans le fran\u00e7ais courant de nombreuses r\u00e9gions, on prononce souvent \"un\" comme [\u025b\u0303]. Mais conna\u00eetre la diff\u00e9rence est utile pour le fran\u00e7ais formel et certains accents r\u00e9gionaux.<\/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: #8b5cf6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #ddd6fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcac<\/span> 3. Mini-situation\n        <\/h2>\n        \n        <div style=\"background: #f3e8ff; padding: 25px; border-radius: 10px; border: 1px solid #c4b5fd; position: relative;\">\n            <div style=\"position: absolute; top: -15px; left: 20px; background: #8b5cf6; color: white; padding: 5px 15px; border-radius: 20px; font-weight: bold;\">\n                Conversation \u00e0 la gare\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: #8b5cf6; 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: white; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #c4b5fd;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #5b21b6;\">Samir :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #5b21b6;\">\u00ab Le <span style=\"background: #e9d5ff; padding: 2px 5px; border-radius: 4px;\">train<\/span> [\u025b\u0303] arrive \u00e0 10h. \u00bb<\/p>\n                        <div style=\"background: #e9d5ff; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #5b21b6; font-size: 0.9rem;\">\u2705 Son nasal [\u025b\u0303]<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"display: flex; align-items: flex-start; justify-content: flex-end;\">\n                    <div style=\"background: white; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #c4b5fd;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #5b21b6; text-align: right;\">Samir :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #5b21b6; text-align: right;\">\u00ab C'est <span style=\"background: #f3e8ff; padding: 2px 5px; border-radius: 4px;\">lundi<\/span> [\u0153\u0303] prochain. \u00bb<\/p>\n                        <div style=\"background: #f3e8ff; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #5b21b6; font-size: 0.9rem; text-align: right;\">\u2705 Son nasal [\u0153\u0303]<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: #7c3aed; 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;\">S<\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #fef3c7; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #f59e0b;\">\n                <p style=\"color: #92400e; margin: 0; font-weight: bold;\">\ud83d\udcdd Note phon\u00e9tique :<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">Dans cette phrase : \"train\" a le son nasal [\u025b\u0303]. \"lundi\" a le son nasal [\u0153\u0303]. Essayez de prononcer les deux mots en faisant attention \u00e0 l'air qui passe par votre nez !<\/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: #8b5cf6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #ddd6fe; 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(180px, 1fr)); gap: 15px;\">\n            <div style=\"background: linear-gradient(135deg, #e9d5ff 0%, #c4b5fd 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #7c3aed;\">\n                <p style=\"font-weight: bold; color: #5b21b6; font-size: 1.3rem; margin: 0 0 10px 0;\">lundi<\/p>\n                <p style=\"color: #7c3aed; margin: 0 0 8px 0; font-size: 0.9rem;\">\/l\u0153\u0303.di\/<\/p>\n                <div style=\"background: #7c3aed; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                    [\u0153\u0303] nasal\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #f3e8ff 0%, #d8b4fe 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #8b5cf6;\">\n                <p style=\"font-weight: bold; color: #5b21b6; font-size: 1.3rem; margin: 0 0 10px 0;\">train<\/p>\n                <p style=\"color: #8b5cf6; margin: 0 0 8px 0; font-size: 0.9rem;\">\/t\u0281\u025b\u0303\/<\/p>\n                <div style=\"background: #8b5cf6; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                    [\u025b\u0303] nasal\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #e9d5ff 0%, #c4b5fd 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #7c3aed;\">\n                <p style=\"font-weight: bold; color: #5b21b6; font-size: 1.3rem; margin: 0 0 10px 0;\">un<\/p>\n                <p style=\"color: #7c3aed; margin: 0 0 8px 0; font-size: 0.9rem;\">\/\u0153\u0303\/<\/p>\n                <div style=\"background: #7c3aed; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                    [\u0153\u0303] nasal\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #f3e8ff 0%, #d8b4fe 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #8b5cf6;\">\n                <p style=\"font-weight: bold; color: #5b21b6; font-size: 1.3rem; margin: 0 0 10px 0;\">pain<\/p>\n                <p style=\"color: #8b5cf6; margin: 0 0 8px 0; font-size: 0.9rem;\">\/p\u025b\u0303\/<\/p>\n                <div style=\"background: #8b5cf6; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                    [\u025b\u0303] nasal\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #f3e8ff 0%, #d8b4fe 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #8b5cf6;\">\n                <p style=\"font-weight: bold; color: #5b21b6; font-size: 1.3rem; margin: 0 0 10px 0;\">vin<\/p>\n                <p style=\"color: #8b5cf6; margin: 0 0 8px 0; font-size: 0.9rem;\">\/v\u025b\u0303\/<\/p>\n                <div style=\"background: #8b5cf6; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                    [\u025b\u0303] nasal\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background: #f3e8ff; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #c4b5fd;\">\n            <p style=\"color: #5b21b6; margin: 0; font-weight: bold;\">\ud83d\udc43 Exercice nasal :<\/p>\n            <p style=\"color: #5b21b6; margin: 8px 0 0 0;\">Placez un doigt sous votre nez. Prononcez \"vin\" [\u025b\u0303] et sentez l'air qui sort par votre nez. Faites de m\u00eame avec \"un\" [\u0153\u0303]. Sentez-vous la diff\u00e9rence ?<\/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: #8b5cf6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #ddd6fe; 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, #f3e8ff 0%, #d8b4fe 100%); padding: 25px; border-radius: 10px; border: 2px solid #c4b5fd;\">\n            <h3 style=\"color: #8b5cf6; margin-top: 0; text-align: center; margin-bottom: 25px;\">Entoure [\u025b\u0303] ou [\u0153\u0303] pour chaque mot<\/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: #8b5cf6; margin-bottom: 15px; font-size: 1.1rem;\">1. \"lundi\" \u2192<\/p>\n                \n                <div style=\"display: flex; gap: 20px; margin-bottom: 15px;\">\n                    <button onclick=\"checkExercise28Answer(1, '\u025b\u0303')\" id=\"btn28-1-in\" style=\"flex: 1; background: #f3e8ff; border: 2px solid #8b5cf6; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #5b21b6; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[\u025b\u0303]<\/span>\n                        <span>\"in\"<\/span>\n                    <\/button>\n                    <button onclick=\"checkExercise28Answer(1, '\u0153\u0303')\" id=\"btn28-1-un\" style=\"flex: 1; background: #e9d5ff; border: 2px solid #7c3aed; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #5b21b6; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[\u0153\u0303]<\/span>\n                        <span>\"un\"<\/span>\n                    <\/button>\n                <\/div>\n                \n                <div id=\"result28-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: #8b5cf6; margin-bottom: 15px; font-size: 1.1rem;\">2. \"train\" \u2192<\/p>\n                \n                <div style=\"display: flex; gap: 20px; margin-bottom: 15px;\">\n                    <button onclick=\"checkExercise28Answer(2, '\u025b\u0303')\" id=\"btn28-2-in\" style=\"flex: 1; background: #f3e8ff; border: 2px solid #8b5cf6; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #5b21b6; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[\u025b\u0303]<\/span>\n                        <span>\"in\"<\/span>\n                    <\/button>\n                    <button onclick=\"checkExercise28Answer(2, '\u0153\u0303')\" id=\"btn28-2-un\" style=\"flex: 1; background: #e9d5ff; border: 2px solid #7c3aed; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #5b21b6; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[\u0153\u0303]<\/span>\n                        <span>\"un\"<\/span>\n                    <\/button>\n                <\/div>\n                \n                <div id=\"result28-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: #8b5cf6; margin-bottom: 15px; font-size: 1.1rem;\">3. \"pain\" \u2192<\/p>\n                \n                <div style=\"display: flex; gap: 20px; margin-bottom: 15px;\">\n                    <button onclick=\"checkExercise28Answer(3, '\u025b\u0303')\" id=\"btn28-3-in\" style=\"flex: 1; background: #f3e8ff; border: 2px solid #8b5cf6; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #5b21b6; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[\u025b\u0303]<\/span>\n                        <span>\"in\"<\/span>\n                    <\/button>\n                    <button onclick=\"checkExercise28Answer(3, '\u0153\u0303')\" id=\"btn28-3-un\" style=\"flex: 1; background: #e9d5ff; border: 2px solid #7c3aed; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #5b21b6; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[\u0153\u0303]<\/span>\n                        <span>\"un\"<\/span>\n                    <\/button>\n                <\/div>\n                \n                <div id=\"result28-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=\"checkAll28Answers()\" style=\"background: #8b5cf6; 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=\"reset28Exercise()\" style=\"background: #9ca3af; 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=\"score28-container\" 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=\"score28-text\" style=\"font-size: 1.2rem; margin-bottom: 15px;\"><\/div>\n                <div id=\"score28-message\" 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: #8b5cf6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #ddd6fe; 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, #f3e8ff 0%, #d8b4fe 100%); padding: 30px; border-radius: 10px; border: 2px solid #c4b5fd; 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\ude82\ud83d\udcc5<\/div>\n                <p style=\"font-weight: bold; color: #5b21b6; font-size: 1.3rem; margin: 0;\">Train + calendrier<\/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: 20px; border-radius: 8px; text-align: center; border: 2px solid #f3e8ff;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83d\ude82<\/div>\n                    <p style=\"font-weight: bold; color: #5b21b6; margin: 0 0 10px 0;\">TRAIN<\/p>\n                    <div style=\"background: #f3e8ff; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #5b21b6; font-weight: bold;\">Son [\u025b\u0303]<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #5b21b6; font-size: 0.9rem;\">train, vin, pain<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Le train fait \"tch-tch-tch\" comme le son [\u025b\u0303]<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #e9d5ff;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83d\udcc5<\/div>\n                    <p style=\"font-weight: bold; color: #5b21b6; margin: 0 0 10px 0;\">CALENDRIER<\/p>\n                    <div style=\"background: #e9d5ff; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #5b21b6; font-weight: bold;\">Son [\u0153\u0303]<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #5b21b6; font-size: 0.9rem;\">lundi, un, parfum<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Lundi sur le calendrier, c'est le d\u00e9but de la semaine [\u0153\u0303]<\/p>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #fef3c7; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #f59e0b;\">\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 cette sc\u00e8ne : un TRAIN (\ud83d\ude82) qui arrive \u2192 son [\u025b\u0303]. Un CALENDRIER (\ud83d\udcc5) montrant lundi \u2192 son [\u0153\u0303]. Cette association vous aidera \u00e0 m\u00e9moriser facilement !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Script sp\u00e9cifique au cours 28\n    let exercise28Answers = {};\n    let exercise28Completed = false;\n\n    const correct28Answers = {\n        1: '\u0153\u0303',    \/\/ lundi \u2192 [\u0153\u0303]\n        2: '\u025b\u0303',    \/\/ train \u2192 [\u025b\u0303]\n        3: '\u025b\u0303'     \/\/ pain \u2192 [\u025b\u0303]\n    };\n\n    function checkExercise28Answer(questionNum, answer) {\n        if (exercise28Completed) return;\n        \n        exercise28Answers[questionNum] = answer;\n        \n        document.getElementById(`btn28-${questionNum}-in`).disabled = true;\n        document.getElementById(`btn28-${questionNum}-un`).disabled = true;\n        \n        const resultElement = document.getElementById(`result28-${questionNum}`);\n        \n        let word = '';\n        let explanation = '';\n        \n        if (questionNum === 1) {\n            word = 'lundi';\n            explanation = answer === '\u0153\u0303' \n                ? '\"lundi\" a le son nasal [\u0153\u0303] (comme \"un\")' \n                : '\"lundi\" a le son nasal [\u0153\u0303], pas [\u025b\u0303]';\n        } else if (questionNum === 2) {\n            word = 'train';\n            explanation = answer === '\u025b\u0303' \n                ? '\"train\" a le son nasal [\u025b\u0303] (comme \"in\")' \n                : '\"train\" a le son nasal [\u025b\u0303], pas [\u0153\u0303]';\n        } else if (questionNum === 3) {\n            word = 'pain';\n            explanation = answer === '\u025b\u0303' \n                ? '\"pain\" a le son nasal [\u025b\u0303]' \n                : '\"pain\" a le son nasal [\u025b\u0303], pas [\u0153\u0303]';\n        }\n        \n        if (answer === correct28Answers[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 !<\/p>\n                    <p style=\"margin: 8px 0 0 0; color: #047857;\">\"${word}\" \u2192 ${answer === '\u025b\u0303' ? '[\u025b\u0303] nasal \"in\"' : '[\u0153\u0303] nasal \"un\"'}<\/p>\n                    <p style=\"margin: 8px 0 0 0; color: #047857;\">${explanation}<\/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;\">\"${word}\" \u2192 ${correct28Answers[questionNum] === '\u025b\u0303' ? '[\u025b\u0303] nasal \"in\"' : '[\u0153\u0303] nasal \"un\"'}<\/p>\n                    <p style=\"margin: 8px 0 0 0; color: #991b1b;\">${explanation}<\/p>\n                <\/div>\n            `;\n        }\n        \n        resultElement.style.display = 'block';\n    }\n\n    function checkAll28Answers() {\n        exercise28Completed = true;\n        \n        let correctCount = 0;\n        const totalQuestions = Object.keys(correct28Answers).length;\n        \n        for (let i = 1; i <= totalQuestions; i++) {\n            if (exercise28Answers[i] === correct28Answers[i]) {\n                correctCount++;\n            }\n            \n            if (!exercise28Answers[i]) {\n                document.getElementById(`btn28-${i}-in`).disabled = true;\n                document.getElementById(`btn28-${i}-un`).disabled = true;\n            }\n        }\n        \n        const score = Math.round((correctCount \/ totalQuestions) * 100);\n        \n        const scoreContainer = document.getElementById('score28-container');\n        const scoreText = document.getElementById('score28-text');\n        const scoreMessage = document.getElementById('score28-message');\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 la diff\u00e9rence entre [\u025b\u0303] et [\u0153\u0303] !';\n        } else if (score >= 70) {\n            message = '\ud83d\udc4d Tr\u00e8s bien ! Vous distinguez bien les sons nasaux.';\n        } else if (score >= 50) {\n            message = '\ud83d\udcda Pas mal ! Continuez \u00e0 pratiquer la diff\u00e9rence.';\n        } else {\n            message = '\ud83d\udcaa Continuez \u00e0 pratiquer ! Faites attention \u00e0 la sensation nasale.';\n        }\n        \n        scoreMessage.innerHTML = message;\n        scoreContainer.style.display = 'block';\n        \n        scoreContainer.scrollIntoView({ behavior: 'smooth' });\n    }\n\n    function reset28Exercise() {\n        exercise28Answers = {};\n        exercise28Completed = false;\n        \n        for (let i = 1; i <= 3; i++) {\n            document.getElementById(`btn28-${i}-in`).disabled = false;\n            document.getElementById(`btn28-${i}-un`).disabled = false;\n            document.getElementById(`result28-${i}`).style.display = 'none';\n        }\n        \n        document.getElementById('score28-container').style.display = 'none';\n    }\n<\/script>\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=\"1764864346\"\r\n\t            data-title=\"28. Nasaux proches [\u025b\u0303] et [\u0153\u0303]\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc43 Le\u00e7on 28 \u2013 Nasaux proches [\u025b\u0303] et [\u0153\u0303] Apprenez \u00e0 distinguer ces deux sons nasaux du fran\u00e7ais \ud83d\udcd8 1. Explication simple En fran\u00e7ais, il existe deux sons nasaux proches. [&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-15005","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15005","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=15005"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15005\/revisions"}],"predecessor-version":[{"id":15010,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15005\/revisions\/15010"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}