{"id":14987,"date":"2025-12-03T15:12:54","date_gmt":"2025-12-03T14:12:54","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=14987"},"modified":"2025-12-03T18:07:22","modified_gmt":"2025-12-03T17:07:22","slug":"25-sons-proches-e-et-%c9%9b","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/25-sons-proches-e-et-%c9%9b\/","title":{"rendered":"25. Sons proches [e] et [\u025b]"},"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, #fef3c7 0%, #fde68a 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 #f59e0b;\">\n        <h1 style=\"color: #f59e0b; margin-bottom: 10px; display: flex; align-items: center;\">\n            <span style=\"background: #f59e0b; color: white; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px;\">\ud83c\udfb5<\/span>\n            Le\u00e7on 25 \u2013 Sons proches [e] et [\u025b]\n        <\/h1>\n        <p style=\"color: #64748b; font-size: 1.1rem;\">Apprenez \u00e0 distinguer et prononcer correctement ces deux sons 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: #f59e0b; 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: #fef3c7; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #fbbf24;\">\n            <p style=\"margin: 0 0 15px 0; font-size: 1.1rem;\">En fran\u00e7ais, il existe deux sons \"\u00e9\" proches mais diff\u00e9rents. La diff\u00e9rence se fait dans l'<strong>ouverture de la bouche<\/strong> :<\/p>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 15px;\">\n                <div style=\"background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); padding: 20px; border-radius: 10px; border: 2px solid #f59e0b; text-align: center;\">\n                    <div style=\"background: #f59e0b; 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;\">[e]<\/div>\n                    <h3 style=\"color: #92400e; margin-top: 0; margin-bottom: 10px;\">SON FERM\u00c9<\/h3>\n                    <div style=\"display: flex; justify-content: center; margin-bottom: 15px;\">\n                        <div style=\"width: 40px; height: 20px; background: #f59e0b; border-radius: 10px 10px 5px 5px; position: relative;\">\n                            <div style=\"position: absolute; top: 5px; left: 15px; width: 10px; height: 10px; background: white; border-radius: 50%;\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <p style=\"color: #92400e; margin: 0 0 10px 0; font-weight: bold;\">Bouche presque ferm\u00e9e<\/p>\n                    <div style=\"background: rgba(245, 158, 11, 0.1); padding: 10px; border-radius: 6px; margin-top: 15px;\">\n                        <p style=\"color: #92400e; margin: 0; font-weight: bold;\">Exemple :<\/p>\n                        <p style=\"color: #f59e0b; margin: 5px 0 0 0; font-size: 1.2rem; font-weight: bold;\">\u00e9t\u00e9<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%); padding: 20px; border-radius: 10px; border: 2px solid #ea580c; text-align: center;\">\n                    <div style=\"background: #ea580c; 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]<\/div>\n                    <h3 style=\"color: #9a3412; margin-top: 0; margin-bottom: 10px;\">SON OUVERT<\/h3>\n                    <div style=\"display: flex; justify-content: center; margin-bottom: 15px;\">\n                        <div style=\"width: 40px; height: 30px; background: #ea580c; border-radius: 20px 20px 10px 10px; position: relative;\">\n                            <div style=\"position: absolute; top: 10px; left: 15px; width: 10px; height: 10px; background: white; border-radius: 50%;\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <p style=\"color: #9a3412; margin: 0 0 10px 0; font-weight: bold;\">Bouche plus ouverte<\/p>\n                    <div style=\"background: rgba(234, 88, 12, 0.1); padding: 10px; border-radius: 6px; margin-top: 15px;\">\n                        <p style=\"color: #9a3412; margin: 0; font-weight: bold;\">Exemple :<\/p>\n                        <p style=\"color: #ea580c; margin: 5px 0 0 0; font-size: 1.2rem; font-weight: bold;\">m\u00e8re<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #dbeafe; padding: 15px; border-radius: 8px; margin-top: 20px; border-left: 4px solid #3b82f6;\">\n                <p style=\"color: #1e40af; margin: 0; font-weight: bold;\">\ud83d\udca1 Astuce pour sentir la diff\u00e9rence :<\/p>\n                <p style=\"color: #1e40af; margin: 8px 0 0 0;\">Prononcez \"\u00e9t\u00e9\" \u2192 bouche presque ferm\u00e9e. Maintenant prononcez \"m\u00e8re\" \u2192 sentez comme votre bouche s'ouvre plus ? C'est \u00e7a 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: #f59e0b; 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: 1fr 1fr; gap: 25px;\">\n            <!-- Son [e] ferm\u00e9 -->\n            <div style=\"background: #fef3c7; padding: 25px; border-radius: 10px; border: 2px solid #fbbf24;\">\n                <div style=\"display: flex; align-items: center; margin-bottom: 20px;\">\n                    <div style=\"background: #f59e0b; 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;\">[e]<\/div>\n                    <h3 style=\"color: #92400e; margin: 0;\">Son ferm\u00e9<\/h3>\n                <\/div>\n                \n                <div style=\"background: white; padding: 15px; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 2px 6px rgba(245, 158, 11, 0.1);\">\n                    <p style=\"font-weight: bold; color: #92400e; margin: 0 0 8px 0; font-size: 1.2rem;\">parler<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/pa\u0281.le\/<\/p>\n                    <div style=\"background: #fef3c7; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #92400e; font-size: 0.85rem;\">verbe<\/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(245, 158, 11, 0.1);\">\n                    <p style=\"font-weight: bold; color: #92400e; margin: 0 0 8px 0; font-size: 1.2rem;\">t\u00e9l\u00e9<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/te.le\/<\/p>\n                    <div style=\"background: #fef3c7; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #92400e; font-size: 0.85rem;\">nom<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 15px; border-radius: 8px; box-shadow: 0 2px 6px rgba(245, 158, 11, 0.1);\">\n                    <p style=\"font-weight: bold; color: #92400e; margin: 0 0 8px 0; font-size: 1.2rem;\">\u00e9t\u00e9<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/e.te\/<\/p>\n                    <div style=\"background: #fef3c7; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #92400e; font-size: 0.85rem;\">saison<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Son [\u025b] ouvert -->\n            <div style=\"background: #fed7aa; padding: 25px; border-radius: 10px; border: 2px solid #fdba74;\">\n                <div style=\"display: flex; align-items: center; margin-bottom: 20px;\">\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; font-weight: bold; font-size: 1.2rem;\">[\u025b]<\/div>\n                    <h3 style=\"color: #9a3412; margin: 0;\">Son ouvert<\/h3>\n                <\/div>\n                \n                <div style=\"background: white; padding: 15px; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 2px 6px rgba(234, 88, 12, 0.1);\">\n                    <p style=\"font-weight: bold; color: #9a3412; margin: 0 0 8px 0; font-size: 1.2rem;\">tr\u00e8s<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/t\u0281\u025b\/<\/p>\n                    <div style=\"background: #fed7aa; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #9a3412; font-size: 0.85rem;\">adverbe<\/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(234, 88, 12, 0.1);\">\n                    <p style=\"font-weight: bold; color: #9a3412; margin: 0 0 8px 0; font-size: 1.2rem;\">sel<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/s\u025bl\/<\/p>\n                    <div style=\"background: #fed7aa; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #9a3412; font-size: 0.85rem;\">nom<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 15px; border-radius: 8px; box-shadow: 0 2px 6px rgba(234, 88, 12, 0.1);\">\n                    <p style=\"font-weight: bold; color: #9a3412; margin: 0 0 8px 0; font-size: 1.2rem;\">m\u00e8re<\/p>\n                    <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">\/m\u025b\u0281\/<\/p>\n                    <div style=\"background: #fed7aa; padding: 4px 8px; border-radius: 4px; margin-top: 8px; display: inline-block;\">\n                        <p style=\"margin: 0; color: #9a3412; font-size: 0.85rem;\">nom<\/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> R\u00e8gle importante\n            <\/h4>\n            <p style=\"color: #166534; margin: 0;\">En g\u00e9n\u00e9ral, le son [e] (ferm\u00e9) s'\u00e9crit \"\u00e9\", \"er\", \"ez\" en fin de mot. Le son [\u025b] (ouvert) s'\u00e9crit \"\u00e8\", \"\u00ea\", \"ai\", \"ei\". Mais il y a des exceptions qu'il faut m\u00e9moriser !<\/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: #f59e0b; 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: #fef3c7; padding: 25px; border-radius: 10px; border: 1px solid #fbbf24; position: relative;\">\n            <div style=\"position: absolute; top: -15px; left: 20px; background: #f59e0b; color: white; padding: 5px 15px; border-radius: 20px; font-weight: bold;\">\n                Conversation\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: #f59e0b; 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;\">A<\/div>\n                    <div style=\"background: white; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #fbbf24;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #92400e;\">Amine :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #92400e;\">\u00ab Il fait <span style=\"background: #fed7aa; padding: 2px 5px; border-radius: 4px;\">tr\u00e8s<\/span> [\u025b] chaud aujourd'hui. \u00bb<\/p>\n                        <div style=\"background: #fed7aa; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #9a3412; font-size: 0.9rem;\">\u2705 Son OUVERT [\u025b]<\/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 #fbbf24;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #92400e; text-align: right;\">Son ami :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #92400e; text-align: right;\">\u00ab Je vais regarder la <span style=\"background: #fef3c7; padding: 2px 5px; border-radius: 4px;\">t\u00e9l\u00e9<\/span> [e] \u00e0 l'int\u00e9rieur. \u00bb<\/p>\n                        <div style=\"background: #fef3c7; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #92400e; font-size: 0.9rem; text-align: right;\">\u2705 Son FERM\u00c9 [e]<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: #ea580c; 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;\">F<\/div>\n                <\/div>\n                \n                <div style=\"display: flex; align-items: flex-start;\">\n                    <div style=\"background: #f59e0b; 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;\">A<\/div>\n                    <div style=\"background: white; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #fbbf24;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #92400e;\">Amine :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #92400e;\">\u00ab D'accord, comme \u00e7a on \u00e9vite la <span style=\"background: #fed7aa; padding: 2px 5px; border-radius: 4px;\">chaleur<\/span> [\u025b]. \u00bb<\/p>\n                        <div style=\"background: #fed7aa; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #9a3412; font-size: 0.9rem;\">\u2705 Son OUVERT [\u025b] dans \"chaleur\"<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #dbeafe; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #3b82f6;\">\n                <p style=\"color: #1e40af; margin: 0; font-weight: bold;\">\ud83d\udcdd Note phon\u00e9tique :<\/p>\n                <p style=\"color: #1e40af; margin: 8px 0 0 0;\">Dans cette conversation : \"tr\u00e8s\" et \"chaleur\" ont le son OUVERT [\u025b]. \"T\u00e9l\u00e9\" a le son FERM\u00c9 [e]. Entendez-vous la diff\u00e9rence ?<\/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: #f59e0b; 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(180px, 1fr)); gap: 15px;\">\n            <div style=\"background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fbbf24;\">\n                <p style=\"font-weight: bold; color: #92400e; font-size: 1.3rem; margin: 0 0 10px 0;\">t\u00e9l\u00e9<\/p>\n                <p style=\"color: #f59e0b; margin: 0 0 8px 0; font-size: 0.9rem;\">\/te.le\/<\/p>\n                <div style=\"background: #f59e0b; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                    [e] ferm\u00e9\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fdba74;\">\n                <p style=\"font-weight: bold; color: #9a3412; font-size: 1.3rem; margin: 0 0 10px 0;\">tr\u00e8s<\/p>\n                <p style=\"color: #ea580c; margin: 0 0 8px 0; font-size: 0.9rem;\">\/t\u0281\u025b\/<\/p>\n                <div style=\"background: #ea580c; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                    [\u025b] ouvert\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fdba74;\">\n                <p style=\"font-weight: bold; color: #9a3412; font-size: 1.3rem; margin: 0 0 10px 0;\">m\u00e8re<\/p>\n                <p style=\"color: #ea580c; margin: 0 0 8px 0; font-size: 0.9rem;\">\/m\u025b\u0281\/<\/p>\n                <div style=\"background: #ea580c; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                    [\u025b] ouvert\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fbbf24;\">\n                <p style=\"font-weight: bold; color: #92400e; font-size: 1.3rem; margin: 0 0 10px 0;\">\u00e9t\u00e9<\/p>\n                <p style=\"color: #f59e0b; margin: 0 0 8px 0; font-size: 0.9rem;\">\/e.te\/<\/p>\n                <div style=\"background: #f59e0b; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                    [e] ferm\u00e9\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%); padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fdba74;\">\n                <p style=\"font-weight: bold; color: #9a3412; font-size: 1.3rem; margin: 0 0 10px 0;\">chaud<\/p>\n                <p style=\"color: #ea580c; margin: 0 0 8px 0; font-size: 0.9rem;\">\/\u0283o\/<\/p>\n                <div style=\"background: #ea580c; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                    [o] autre son\n                <\/div>\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;\">\ud83d\udcaa Exercice de prononciation :<\/p>\n            <p style=\"color: #92400e; margin: 8px 0 0 0;\">Entra\u00eenez-vous \u00e0 alterner : \"\u00e9t\u00e9\" [e] (bouche ferm\u00e9e) - \"m\u00e8re\" [\u025b] (bouche ouverte). R\u00e9p\u00e9tez plusieurs fois pour sentir la diff\u00e9rence musculaire !<\/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: #f59e0b; 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, #fef3c7 0%, #fde68a 100%); padding: 25px; border-radius: 10px; border: 2px solid #fbbf24;\">\n            <h3 style=\"color: #f59e0b; margin-top: 0; text-align: center; margin-bottom: 25px;\">Associe chaque mot \u00e0 son son<\/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: #f59e0b; margin-bottom: 15px; font-size: 1.1rem;\">1. \"\u00e9t\u00e9\" \u2192<\/p>\n                \n                <div style=\"display: flex; gap: 20px; margin-bottom: 15px;\">\n                    <button onclick=\"checkExerciseAnswer25(1, 'e')\" id=\"btn25-1-e\" style=\"flex: 1; background: #fef3c7; border: 2px solid #f59e0b; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #92400e; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[e]<\/span>\n                        <span>ferm\u00e9<\/span>\n                    <\/button>\n                    <button onclick=\"checkExerciseAnswer25(1, '\u025b')\" id=\"btn25-1-\u025b\" style=\"flex: 1; background: #fed7aa; border: 2px solid #ea580c; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #9a3412; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[\u025b]<\/span>\n                        <span>ouvert<\/span>\n                    <\/button>\n                <\/div>\n                \n                <div id=\"result25-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: #f59e0b; margin-bottom: 15px; font-size: 1.1rem;\">2. \"m\u00e8re\" \u2192<\/p>\n                \n                <div style=\"display: flex; gap: 20px; margin-bottom: 15px;\">\n                    <button onclick=\"checkExerciseAnswer25(2, 'e')\" id=\"btn25-2-e\" style=\"flex: 1; background: #fef3c7; border: 2px solid #f59e0b; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #92400e; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[e]<\/span>\n                        <span>ferm\u00e9<\/span>\n                    <\/button>\n                    <button onclick=\"checkExerciseAnswer25(2, '\u025b')\" id=\"btn25-2-\u025b\" style=\"flex: 1; background: #fed7aa; border: 2px solid #ea580c; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #9a3412; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[\u025b]<\/span>\n                        <span>ouvert<\/span>\n                    <\/button>\n                <\/div>\n                \n                <div id=\"result25-2\" style=\"display: none; padding: 12px; border-radius: 6px; margin-top: 10px;\"><\/div>\n            <\/div>\n            \n            <!-- Question 3 -->\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: #f59e0b; margin-bottom: 15px; font-size: 1.1rem;\">3. \"parler\" \u2192<\/p>\n                \n                <div style=\"display: flex; gap: 20px; margin-bottom: 15px;\">\n                    <button onclick=\"checkExerciseAnswer25(3, 'e')\" id=\"btn25-3-e\" style=\"flex: 1; background: #fef3c7; border: 2px solid #f59e0b; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #92400e; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[e]<\/span>\n                        <span>ferm\u00e9<\/span>\n                    <\/button>\n                    <button onclick=\"checkExerciseAnswer25(3, '\u025b')\" id=\"btn25-3-\u025b\" style=\"flex: 1; background: #fed7aa; border: 2px solid #ea580c; padding: 12px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #9a3412; display: flex; align-items: center; justify-content: center; gap: 8px;\">\n                        <span>[\u025b]<\/span>\n                        <span>ouvert<\/span>\n                    <\/button>\n                <\/div>\n                \n                <div id=\"result25-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=\"checkAllAnswers25()\" style=\"background: #f59e0b; 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=\"resetExercise25()\" 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=\"score-container25\" 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-text25\" style=\"font-size: 1.2rem; margin-bottom: 15px;\"><\/div>\n                <div id=\"score-message25\" 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: #f59e0b; 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, #fef3c7 0%, #fde68a 100%); padding: 30px; border-radius: 10px; border: 2px solid #fbbf24; 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;\">\ud83c\udf21\ufe0f\ud83d\udcfa<\/div>\n                <p style=\"font-weight: bold; color: #92400e; font-size: 1.3rem; margin: 0;\">Thermom\u00e8tre + t\u00e9l\u00e9vision<\/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 #fed7aa;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83c\udf21\ufe0f<\/div>\n                    <p style=\"font-weight: bold; color: #9a3412; margin: 0 0 10px 0;\">TR\u00c8S CHAUD<\/p>\n                    <div style=\"background: #fed7aa; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #9a3412; font-weight: bold;\">Son OUVERT [\u025b]<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #9a3412; font-size: 0.9rem;\">tr\u00e8s, chaleur<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Comme une bouche ouverte pour dire \"ah ! il fait chaud !\"<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #fbbf24;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83d\udcfa<\/div>\n                    <p style=\"font-weight: bold; color: #92400e; margin: 0 0 10px 0;\">T\u00c9L\u00c9VISION<\/p>\n                    <div style=\"background: #fef3c7; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #92400e; font-weight: bold;\">Son FERM\u00c9 [e]<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #92400e; font-size: 0.9rem;\">t\u00e9l\u00e9, \u00e9t\u00e9<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Comme une bouche ferm\u00e9e devant l'\u00e9cran<\/p>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #dbeafe; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #3b82f6;\">\n                <p style=\"color: #1e40af; margin: 0; font-weight: bold;\">\ud83c\udf1f Conseil de m\u00e9morisation :<\/p>\n                <p style=\"color: #1e40af; margin: 8px 0 0 0;\">Visualisez cette sc\u00e8ne : il fait TR\u00c8S chaud (\ud83c\udf21\ufe0f) \u2192 bouche ouverte [\u025b] pour dire \"ah !\". On regarde la T\u00c9L\u00c9 (\ud83d\udcfa) \u2192 bouche ferm\u00e9e [e] en silence. Cette association visuelle vous aidera \u00e0 m\u00e9moriser !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Variables pour suivre les r\u00e9ponses (le\u00e7on 25)\n        let exerciseAnswers25 = {};\n        let exerciseCompleted25 = false;\n\n        \/\/ R\u00e9ponses correctes pour la le\u00e7on 25\n        const correctAnswers25 = {\n            1: 'e',    \/\/ \u00e9t\u00e9 \u2192 [e] ferm\u00e9\n            2: '\u025b',    \/\/ m\u00e8re \u2192 [\u025b] ouvert\n            3: 'e'     \/\/ parler \u2192 [e] ferm\u00e9\n        };\n\n        \/\/ Fonction pour v\u00e9rifier une r\u00e9ponse (le\u00e7on 25)\n        function checkExerciseAnswer25(questionNum, answer) {\n            if (exerciseCompleted25) return;\n            \n            \/\/ Stocker la r\u00e9ponse\n            exerciseAnswers25[questionNum] = answer;\n            \n            \/\/ D\u00e9sactiver les boutons pour cette question\n            document.getElementById(`btn25-${questionNum}-e`).disabled = true;\n            document.getElementById(`btn25-${questionNum}-\u025b`).disabled = true;\n            \n            \/\/ Afficher le r\u00e9sultat\n            const resultElement = document.getElementById(`result25-${questionNum}`);\n            \n            let word = '';\n            let explanation = '';\n            \n            if (questionNum === 1) {\n                word = '\u00e9t\u00e9';\n                explanation = answer === 'e' \n                    ? '\"\u00e9t\u00e9\" a le son FERM\u00c9 [e] (bouche presque ferm\u00e9e)' \n                    : '\"\u00e9t\u00e9\" a le son FERM\u00c9 [e], pas ouvert';\n            } else if (questionNum === 2) {\n                word = 'm\u00e8re';\n                explanation = answer === '\u025b' \n                    ? '\"m\u00e8re\" a le son OUVERT [\u025b] (bouche plus ouverte)' \n                    : '\"m\u00e8re\" a le son OUVERT [\u025b], pas ferm\u00e9';\n            } else if (questionNum === 3) {\n                word = 'parler';\n                explanation = answer === 'e' \n                    ? '\"parler\" a le son FERM\u00c9 [e] en fin de mot' \n                    : '\"parler\" a le son FERM\u00c9 [e], pas ouvert';\n            }\n            \n            if (answer === correctAnswers25[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 === 'e' ? '[e] FERM\u00c9' : '[\u025b] OUVERT'}<\/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 ${correctAnswers25[questionNum] === 'e' ? '[e] FERM\u00c9' : '[\u025b] OUVERT'}<\/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        \/\/ Fonction pour v\u00e9rifier toutes les r\u00e9ponses (le\u00e7on 25)\n        function checkAllAnswers25() {\n            exerciseCompleted25 = true;\n            \n            \/\/ Compter les bonnes r\u00e9ponses\n            let correctCount = 0;\n            const totalQuestions = Object.keys(correctAnswers25).length;\n            \n            for (let i = 1; i <= totalQuestions; i++) {\n                if (exerciseAnswers25[i] === correctAnswers25[i]) {\n                    correctCount++;\n                }\n                \n                \/\/ D\u00e9sactiver tous les boutons restants\n                if (!exerciseAnswers25[i]) {\n                    document.getElementById(`btn25-${i}-e`).disabled = true;\n                    document.getElementById(`btn25-${i}-\u025b`).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-container25');\n            const scoreText = document.getElementById('score-text25');\n            const scoreMessage = document.getElementById('score-message25');\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 [e] et [\u025b] !';\n            } else if (score >= 70) {\n                message = '\ud83d\udc4d Tr\u00e8s bien ! Vous distinguez bien les sons ferm\u00e9s et ouverts.';\n            } else if (score >= 50) {\n                message = '\ud83d\udcda Pas mal ! Continuez \u00e0 pratiquer la diff\u00e9rence bouche ferm\u00e9e\/ouverte.';\n            } else {\n                message = '\ud83d\udcaa Continuez \u00e0 pratiquer ! Essayez de sentir la diff\u00e9rence musculaire dans votre bouche.';\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 25)\n        function resetExercise25() {\n            exerciseAnswers25 = {};\n            exerciseCompleted25 = false;\n            \n            \/\/ R\u00e9activer tous les boutons\n            for (let i = 1; i <= 3; i++) {\n                document.getElementById(`btn25-${i}-e`).disabled = false;\n                document.getElementById(`btn25-${i}-\u025b`).disabled = false;\n                document.getElementById(`result25-${i}`).style.display = 'none';\n            }\n            \n            \/\/ Cacher le score\n            document.getElementById('score-container25').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=\"1764774774\"\r\n\t            data-title=\"25. Sons proches [e] et [\u025b]\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfb5 Le\u00e7on 25 \u2013 Sons proches [e] et [\u025b] Apprenez \u00e0 distinguer et prononcer correctement ces deux sons du fran\u00e7ais \ud83d\udcd8 1. Explication simple En fran\u00e7ais, il existe deux sons [&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-14987","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/14987","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=14987"}],"version-history":[{"count":2,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/14987\/revisions"}],"predecessor-version":[{"id":15001,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/14987\/revisions\/15001"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=14987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}