{"id":15115,"date":"2025-12-09T18:30:36","date_gmt":"2025-12-09T17:30:36","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15115"},"modified":"2025-12-09T18:32:04","modified_gmt":"2025-12-09T17:32:04","slug":"lecon-41-les-pronoms-relatifs-dont-et-lequel","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/lecon-41-les-pronoms-relatifs-dont-et-lequel\/","title":{"rendered":"Lesson 41 \u2013 The relative pronouns DONT and LEQUEL"},"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%, #e9d5ff 100%); color: #6b21a8;\">\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 #a855f7;\">\n        <h1 style=\"color: #a855f7; margin-bottom: 10px; display: flex; align-items: center;\">\n            <span style=\"background: #a855f7; color: white; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px;\">\ud83d\udd24<\/span>\n            Le\u00e7on 41 \u2013 Les pronoms relatifs DONT et LEQUEL\n        <\/h1>\n        <p style=\"color: #64748b; font-size: 1.1rem;\">Apprenez \u00e0 utiliser DONT et LEQUEL pour exprimer des relations complexes<\/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: #a855f7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #d8b4fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcdd<\/span> 1. Rappel\n        <\/h2>\n        \n        <div style=\"background: #f3e8ff; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #c084fc;\">\n            <p style=\"margin: 0 0 15px 0; font-size: 1.1rem;\">Les pronoms relatifs <strong>DONT<\/strong> et <strong>LEQUEL<\/strong> servent \u00e0 remplacer des compl\u00e9ments introduits par la pr\u00e9position \"de\" ou pour exprimer des relations sp\u00e9cifiques :<\/p>\n            \n            <div style=\"background: white; padding: 25px; border-radius: 10px; margin: 20px 0; border: 3px solid #a855f7; text-align: center;\">\n                <div style=\"font-size: 2rem; margin-bottom: 15px;\">\ud83d\udd04<\/div>\n                <h3 style=\"color: #6b21a8; margin-top: 0; margin-bottom: 15px;\">ILS REMPLACENT UN COMPL\u00c9MENT AVEC \"DE\"<\/h3>\n                <p style=\"color: #a855f7; margin: 0; font-weight: bold;\">DONT = de qui, de quoi, duquel, de laquelle<\/p>\n                <div style=\"background: #f3e8ff; padding: 10px; border-radius: 8px; margin-top: 10px;\">\n                    <p style=\"color: #6b21a8; margin: 0;\">Je parle <strong>du livre<\/strong>. \u2192 Le livre <strong>dont<\/strong> je parle.<\/p>\n                <\/div>\n            <\/div>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 20px;\">\n                <div style=\"background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); padding: 20px; border-radius: 10px; border: 2px solid #a855f7; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83d\udce6<\/div>\n                    <h3 style=\"color: #6b21a8; margin-top: 0; margin-bottom: 10px;\">DONT<\/h3>\n                    <p style=\"color: #6b21a8; margin: 0 0 15px 0; font-weight: bold;\">Remplace \"de + compl\u00e9ment\"<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #a855f7; margin: 0; font-weight: bold;\">Le livre <span style=\"background: #f3e8ff; padding: 2px 5px; border-radius: 4px;\">dont<\/span> je parle<\/p>\n                        <div style=\"background: #a855f7; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            je parle DE ce livre\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); padding: 20px; border-radius: 10px; border: 2px solid #a855f7; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83c\udfaf<\/div>\n                    <h3 style=\"color: #6b21a8; margin-top: 0; margin-bottom: 10px;\">LEQUEL<\/h3>\n                    <p style=\"color: #6b21a8; margin: 0 0 15px 0; font-weight: bold;\">Choix pr\u00e9cis \/ pr\u00e9positions<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #a855f7; margin: 0; font-weight: bold;\">La chaise <span style=\"background: #f3e8ff; padding: 2px 5px; border-radius: 4px;\">sur laquelle<\/span> je m'assois<\/p>\n                        <div style=\"background: #a855f7; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            je m'assois SUR la chaise\n                        <\/div>\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 Comment choisir ?<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">1. Y a-t-il \"de\" dans la phrase ? \u2192 DONT<br>2. Y a-t-il une pr\u00e9position (\u00e0, sur, avec, etc.) ? \u2192 LEQUEL<br>3. S'agit-il d'un choix parmi plusieurs ? \u2192 LEQUEL<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION II - TABLEAU COMPARATIF -->\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: #a855f7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #d8b4fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcca<\/span> 2. Tableau comparatif\n        <\/h2>\n        \n        <div style=\"background: #f3e8ff; padding: 25px; border-radius: 10px; border: 2px solid #c084fc;\">\n            <h3 style=\"color: #6b21a8; margin-top: 0; margin-bottom: 20px; text-align: center;\">Dont vs Lequel : quand les utiliser ?<\/h3>\n            \n            <div style=\"overflow-x: auto;\">\n                <table style=\"width: 100%; border-collapse: collapse; background: white; border-radius: 8px; overflow: hidden;\">\n                    <thead>\n                        <tr style=\"background: #a855f7; color: white;\">\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Pronom<\/th>\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Utilisation<\/th>\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Exemple<\/th>\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Signification<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr style=\"border-bottom: 1px solid #e5e7eb;\">\n                            <td style=\"padding: 15px; text-align: center; font-weight: bold; color: #a855f7;\">DONT<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Avec \"de\"<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Le film <strong>dont<\/strong> je parle<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Je parle DE ce film<\/td>\n                        <\/tr>\n                        <tr style=\"border-bottom: 1px solid #e5e7eb; background: #f8f9fa;\">\n                            <td style=\"padding: 15px; text-align: center; font-weight: bold; color: #a855f7;\">LEQUEL<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Avec pr\u00e9position<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Le sac <strong>dans lequel<\/strong> j'ai mis mes affaires<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">J'ai mis mes affaires DANS le sac<\/td>\n                        <\/tr>\n                        <tr>\n                            <td style=\"padding: 15px; text-align: center; font-weight: bold; color: #a855f7;\">LEQUEL<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Choix<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Parmi ces livres, <strong>lequel<\/strong> pr\u00e9f\u00e8res-tu ?<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Quel livre parmi ceux-ci ?<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n            \n            <div style=\"background: white; padding: 20px; border-radius: 10px; margin-top: 20px; border: 2px solid #d8b4fe;\">\n                <h4 style=\"color: #a855f7; margin-top: 0; margin-bottom: 15px; text-align: center;\">Les formes de LEQUEL<\/h4>\n                \n                <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">\n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #6b21a8; margin: 0 0 10px 0; font-weight: bold;\">Masculin<\/p>\n                        <div style=\"background: #f3e8ff; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #6b21a8; margin: 0; font-size: 0.9rem;\"><strong>lequel<\/strong> (singulier)<\/p>\n                            <p style=\"color: #6b21a8; margin: 5px 0 0 0; font-size: 0.9rem;\"><strong>lesquels<\/strong> (pluriel)<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #6b21a8; margin: 0 0 10px 0; font-weight: bold;\">F\u00e9minin<\/p>\n                        <div style=\"background: #f3e8ff; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #6b21a8; margin: 0; font-size: 0.9rem;\"><strong>laquelle<\/strong> (singulier)<\/p>\n                            <p style=\"color: #6b21a8; margin: 5px 0 0 0; font-size: 0.9rem;\"><strong>lesquelles<\/strong> (pluriel)<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION III - 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: #a855f7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #d8b4fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udde3\ufe0f<\/span> 3. Exemples\n        <\/h2>\n        \n        <div style=\"background: #f3e8ff; padding: 25px; border-radius: 10px; border: 2px solid #c084fc;\">\n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                <div style=\"background: white; padding: 20px; border-radius: 10px; border: 2px solid #d8b4fe;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #a855f7; 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.1rem;\">1<\/div>\n                        <h4 style=\"color: #6b21a8; margin: 0;\">Avec DONT<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #f3e8ff; padding: 10px; border-radius: 6px; border-left: 4px solid #a855f7;\">\n                            <p style=\"color: #a855f7; margin: 0; font-weight: bold;\">Le film <span style=\"background: #e9d5ff; padding: 2px 5px; border-radius: 4px;\">dont<\/span> je parle<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #a855f7; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Je parle DE ce film<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #fef3c7; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #92400e; margin: 0; font-size: 0.9rem;\">\ud83c\udfac DONT : remplace \"du film\"<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #f3e8ff; padding: 10px; border-radius: 6px; border-left: 4px solid #a855f7;\">\n                            <p style=\"color: #a855f7; margin: 0; font-weight: bold;\">L'amie <span style=\"background: #e9d5ff; padding: 2px 5px; border-radius: 4px;\">dont<\/span> je suis proche<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #a855f7; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Je suis proche DE cette amie<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #fef3c7; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #92400e; margin: 0; font-size: 0.9rem;\">\ud83d\udc6d DONT : \"proche de\" \u2192 dont<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; border: 2px solid #d8b4fe;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #a855f7; 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.1rem;\">2<\/div>\n                        <h4 style=\"color: #6b21a8; margin: 0;\">Avec LEQUEL<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #f3e8ff; padding: 10px; border-radius: 6px; border-left: 4px solid #a855f7;\">\n                            <p style=\"color: #a855f7; margin: 0; font-weight: bold;\">La chaise <span style=\"background: #e9d5ff; padding: 2px 5px; border-radius: 4px;\">sur laquelle<\/span> je m'assois<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #a855f7; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Je m'assois SUR cette chaise<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #fef3c7; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #92400e; margin: 0; font-size: 0.9rem;\">\ud83e\ude91 LEQUEL : pr\u00e9position \"sur\"<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #f3e8ff; padding: 10px; border-radius: 6px; border-left: 4px solid #a855f7;\">\n                            <p style=\"color: #a855f7; margin: 0; font-weight: bold;\">Le livre <span style=\"background: #e9d5ff; padding: 2px 5px; border-radius: 4px;\">dans lequel<\/span> j'ai \u00e9crit<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #a855f7; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">J'ai \u00e9crit DANS ce livre<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #fef3c7; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #92400e; margin: 0; font-size: 0.9rem;\">\ud83d\udcd6 LEQUEL : pr\u00e9position \"dans\"<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: white; padding: 20px; border-radius: 10px; margin-top: 20px; border: 2px solid #d8b4fe;\">\n                <h4 style=\"color: #a855f7; margin-top: 0; margin-bottom: 15px; text-align: center;\">LEQUEL pour faire un choix<\/h4>\n                \n                <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px;\">\n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #6b21a8; margin: 0 0 10px 0; font-weight: bold;\">Question<\/p>\n                        <div style=\"background: #f3e8ff; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #a855f7; margin: 0; font-weight: bold;\">Parmi ces livres, <strong>lequel<\/strong> pr\u00e9f\u00e8res-tu ?<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Choix parmi plusieurs options<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #6b21a8; margin: 0 0 10px 0; font-weight: bold;\">R\u00e9ponse<\/p>\n                        <div style=\"background: #f3e8ff; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #a855f7; margin: 0; font-weight: bold;\">C'est celui <strong>dont<\/strong> je t'ai parl\u00e9.<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Je t'ai parl\u00e9 DE celui-ci<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION IV - 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: #a855f7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #d8b4fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83c\udfaf<\/span> 4. Mini-situation\n        <\/h2>\n        \n        <div style=\"background: #f3e8ff; padding: 25px; border-radius: 10px; border: 1px solid #c084fc; position: relative;\">\n            <div style=\"position: absolute; top: -15px; left: 20px; background: #a855f7; 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: #a855f7; 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;\">P<\/div>\n                    <div style=\"background: white; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #c084fc;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #6b21a8;\">Paul :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #6b21a8;\">\u00ab C'est la femme <span style=\"background: #f3e8ff; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">dont<\/span> je suis proche. \u00bb<\/p>\n                        <div style=\"background: #f3e8ff; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #6b21a8; font-size: 0.9rem;\">\u2705 DONT : \"proche de\" \u2192 dont<\/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 #c084fc;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #6b21a8; text-align: right;\">Paul :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #6b21a8; text-align: right;\">\u00ab C'est la chaise <span style=\"background: #f3e8ff; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">sur laquelle<\/span> elle s'assied. \u00bb<\/p>\n                        <div style=\"background: #f3e8ff; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: right;\">\n                            <p style=\"margin: 0; color: #6b21a8; font-size: 0.9rem;\">\u2705 LEQUEL : pr\u00e9position \"sur\"<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: #9333ea; 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;\">P<\/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 Analyse :<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">1. \"proche de\" \u2192 DONT (remplace \"de + compl\u00e9ment\")<br>2. \"sur laquelle\" \u2192 LEQUEL (avec pr\u00e9position \"sur\")<br>DONT et LEQUEL expriment des relations pr\u00e9cises entre les \u00e9l\u00e9ments.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION V - 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: #a855f7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #d8b4fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83e\uddf0<\/span> 5. Vocabulaire utile\n        <\/h2>\n        \n        <div style=\"background: #f3e8ff; padding: 25px; border-radius: 10px; border: 2px solid #c084fc;\">\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px;\">\n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #d8b4fe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udde3\ufe0f<\/div>\n                    <p style=\"font-weight: bold; color: #6b21a8; font-size: 1.2rem; margin: 0 0 8px 0;\">parler de<\/p>\n                    <p style=\"color: #a855f7; margin: 0 0 8px 0; font-size: 0.9rem;\">\/pa\u0281.le d\u0259\/<\/p>\n                    <div style=\"background: #a855f7; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        verbe + pr\u00e9p.\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #d8b4fe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83e\udd1d<\/div>\n                    <p style=\"font-weight: bold; color: #6b21a8; font-size: 1.2rem; margin: 0 0 8px 0;\">\u00eatre proche de<\/p>\n                    <p style=\"color: #a855f7; margin: 0 0 8px 0; font-size: 0.9rem;\">\/\u025bt\u0281 p\u0281\u0254\u0283 d\u0259\/<\/p>\n                    <div style=\"background: #a855f7; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        expression\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #d8b4fe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83c\udfac<\/div>\n                    <p style=\"font-weight: bold; color: #6b21a8; font-size: 1.2rem; margin: 0 0 8px 0;\">film<\/p>\n                    <p style=\"color: #a855f7; margin: 0 0 8px 0; font-size: 0.9rem;\">\/film\/<\/p>\n                    <div style=\"background: #a855f7; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        nom masculin\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #d8b4fe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83e\ude91<\/div>\n                    <p style=\"font-weight: bold; color: #6b21a8; font-size: 1.2rem; margin: 0 0 8px 0;\">chaise<\/p>\n                    <p style=\"color: #a855f7; margin: 0 0 8px 0; font-size: 0.9rem;\">\/\u0283\u025bz\/<\/p>\n                    <div style=\"background: #a855f7; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        nom f\u00e9minin\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #d8b4fe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udce6<\/div>\n                    <p style=\"font-weight: bold; color: #6b21a8; font-size: 1.2rem; margin: 0 0 8px 0;\">avoir besoin de<\/p>\n                    <p style=\"color: #a855f7; margin: 0 0 8px 0; font-size: 0.9rem;\">\/a.vwa\u0281 b\u0259.zw\u025b\u0303 d\u0259\/<\/p>\n                    <div style=\"background: #a855f7; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        expression\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: white; padding: 20px; border-radius: 10px; margin-top: 20px; border: 2px solid #d8b4fe;\">\n                <h4 style=\"color: #a855f7; margin-top: 0; margin-bottom: 15px; text-align: center;\">Expressions avec \"de\" \u2192 DONT<\/h4>\n                \n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px;\">\n                    <div style=\"background: #f3e8ff; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #6b21a8; margin: 0; font-weight: bold;\">parler de<\/p>\n                        <p style=\"color: #a855f7; margin: 5px 0 0 0; font-size: 0.9rem;\">le film dont je parle<\/p>\n                    <\/div>\n                    <div style=\"background: #f3e8ff; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #6b21a8; margin: 0; font-weight: bold;\">\u00eatre content de<\/p>\n                        <p style=\"color: #a855f7; margin: 5px 0 0 0; font-size: 0.9rem;\">le r\u00e9sultat dont je suis content<\/p>\n                    <\/div>\n                    <div style=\"background: #f3e8ff; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #6b21a8; margin: 0; font-weight: bold;\">avoir besoin de<\/p>\n                        <p style=\"color: #a855f7; margin: 5px 0 0 0; font-size: 0.9rem;\">l'argent dont j'ai besoin<\/p>\n                    <\/div>\n                    <div style=\"background: #f3e8ff; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #6b21a8; margin: 0; font-weight: bold;\">se souvenir de<\/p>\n                        <p style=\"color: #a855f7; margin: 5px 0 0 0; font-size: 0.9rem;\">le jour dont je me souviens<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION VI - 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: #a855f7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #d8b4fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcdd<\/span> 6. Exercice interactif\n        <\/h2>\n        \n        <div style=\"background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); padding: 25px; border-radius: 10px; border: 2px solid #c084fc;\">\n            <h3 style=\"color: #a855f7; margin-top: 0; text-align: center; margin-bottom: 25px;\">Compl\u00e8te avec DONT ou LEQUEL (dans lequel, sur lequel, etc.)<\/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: #a855f7; margin-bottom: 15px; font-size: 1.1rem;\">1. Le livre ______ je parle est int\u00e9ressant.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check41Answer(1, 'dont')\" id=\"btn41-1-dont\" style=\"background: #f3e8ff; border: 2px solid #a855f7; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #6b21a8; flex: 1;\">\n                        DONT\n                    <\/button>\n                    <button onclick=\"check41Answer(1, 'lequel')\" id=\"btn41-1-lequel\" style=\"background: #f3e8ff; border: 2px solid #a855f7; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #6b21a8; flex: 1;\">\n                        LEQUEL\n                    <\/button>\n                    <button onclick=\"check41Answer(1, 'sur lequel')\" id=\"btn41-1-sur\" style=\"background: #f3e8ff; border: 2px solid #a855f7; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #6b21a8; flex: 1;\">\n                        SUR LEQUEL\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint41-1\" style=\"display: none; background: #fef3c7; padding: 10px; border-radius: 6px; margin-top: 10px; border: 1px solid #f59e0b;\">\n                    <p style=\"color: #92400e; margin: 0; font-size: 0.9rem;\">\ud83d\udca1 Indice : Est-ce qu'il y a \"de\" dans la phrase ? \"parler de\" \u2192 DONT<\/p>\n                <\/div>\n                \n                <div id=\"result41-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: #a855f7; margin-bottom: 15px; font-size: 1.1rem;\">2. La table ______ il met le sac est en bois.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check41Answer(2, 'dont')\" id=\"btn41-2-dont\" style=\"background: #f3e8ff; border: 2px solid #a855f7; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #6b21a8; flex: 1;\">\n                        DONT\n                    <\/button>\n                    <button onclick=\"check41Answer(2, 'sur lequel')\" id=\"btn41-2-sur\" style=\"background: #f3e8ff; border: 2px solid #a855f7; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #6b21a8; flex: 1;\">\n                        SUR LEQUEL\n                    <\/button>\n                    <button onclick=\"check41Answer(2, 'dans lequel')\" id=\"btn41-2-dans\" style=\"background: #f3e8ff; border: 2px solid #a855f7; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #6b21a8; flex: 1;\">\n                        DANS LEQUEL\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint41-2\" style=\"display: none; background: #fef3c7; padding: 10px; border-radius: 6px; margin-top: 10px; border: 1px solid #f59e0b;\">\n                    <p style=\"color: #92400e; margin: 0; font-size: 0.9rem;\">\ud83d\udca1 Indice : \"mettre sur\" \u2192 SUR LEQUEL<\/p>\n                <\/div>\n                \n                <div id=\"result41-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: #a855f7; margin-bottom: 15px; font-size: 1.1rem;\">3. L'ami ______ j'ai besoin vient ce soir.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check41Answer(3, 'dont')\" id=\"btn41-3-dont\" style=\"background: #f3e8ff; border: 2px solid #a855f7; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #6b21a8; flex: 1;\">\n                        DONT\n                    <\/button>\n                    <button onclick=\"check41Answer(3, 'avec lequel')\" id=\"btn41-3-avec\" style=\"background: #f3e8ff; border: 2px solid #a855f7; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #6b21a8; flex: 1;\">\n                        AVEC LEQUEL\n                    <\/button>\n                    <button onclick=\"check41Answer(3, 'pour lequel')\" id=\"btn41-3-pour\" style=\"background: #f3e8ff; border: 2px solid #a855f7; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #6b21a8; flex: 1;\">\n                        POUR LEQUEL\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint41-3\" style=\"display: none; background: #fef3c7; padding: 10px; border-radius: 6px; margin-top: 10px; border: 1px solid #f59e0b;\">\n                    <p style=\"color: #92400e; margin: 0; font-size: 0.9rem;\">\ud83d\udca1 Indice : \"avoir besoin de\" \u2192 DONT<\/p>\n                <\/div>\n                \n                <div id=\"result41-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=\"checkAll41Answers()\" style=\"background: #a855f7; 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=\"reset41Exercise()\" 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                <button onclick=\"showAllHints41()\" 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\udca1 Voir indices<\/span>\n                <\/button>\n            <\/div>\n            \n            <!-- Affichage du score -->\n            <div id=\"score41-container\" style=\"background: #e9d5ff; padding: 20px; border-radius: 10px; margin-top: 25px; display: none; border: 3px solid #a855f7; text-align: center;\">\n                <h4 style=\"color: #6b21a8; margin-top: 0; margin-bottom: 10px;\">\ud83c\udf89 R\u00e9sultat de l'exercice<\/h4>\n                <div id=\"score41-text\" style=\"font-size: 1.2rem; margin-bottom: 15px;\"><\/div>\n                <div id=\"score41-message\" style=\"color: #6b21a8;\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION VII - 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: #a855f7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #d8b4fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\uddbc\ufe0f<\/span> 7. Id\u00e9e d'image pour m\u00e9moriser\n        <\/h2>\n        \n        <div style=\"background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); padding: 30px; border-radius: 10px; border: 2px solid #c084fc; 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\udce6\ud83d\udd17\ud83c\udfaf<\/div>\n                <p style=\"font-weight: bold; color: #6b21a8; font-size: 1.3rem; margin: 0;\">Deux bo\u00eetes pour deux usages<\/p>\n            <\/div>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px; 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\udce6\u2192<\/div>\n                    <p style=\"font-weight: bold; color: #6b21a8; margin: 0 0 10px 0;\">DONT<\/p>\n                    <div style=\"background: #f3e8ff; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #6b21a8; font-weight: bold;\">Bo\u00eete \"DE\"<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #6b21a8; font-size: 0.9rem;\">parler de, besoin de, proche de<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Contient tout ce qui a \"de\"<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #d8b4fe;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83c\udfaf\ud83d\udd17<\/div>\n                    <p style=\"font-weight: bold; color: #6b21a8; margin: 0 0 10px 0;\">LEQUEL<\/p>\n                    <div style=\"background: #d8b4fe; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #6b21a8; font-weight: bold;\">Bo\u00eete \"PR\u00c9POSITION\"<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #6b21a8; font-size: 0.9rem;\">sur, dans, avec, pour, etc.<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Contient les pr\u00e9positions<\/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;\">Imaginez DONT comme une bo\u00eete \u00e9tiquet\u00e9e \"DE\" qui contient toutes les expressions avec \"de\". Imaginez LEQUEL comme une bo\u00eete \u00e9tiquet\u00e9e \"PR\u00c9POSITIONS\" avec sur, dans, avec, etc. Cette visualisation vous aidera \u00e0 choisir le bon pronom !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Script sp\u00e9cifique au cours 41\n    let exercise41Answers = {};\n    let exercise41Completed = false;\n\n    const correct41Answers = {\n        1: 'dont',       \/\/ Le livre dont je parle\n        2: 'sur lequel', \/\/ La table sur laquelle il met le sac\n        3: 'dont'        \/\/ L'ami dont j'ai besoin\n    };\n\n    function check41Answer(questionNum, answer) {\n        if (exercise41Completed) return;\n        \n        exercise41Answers[questionNum] = answer;\n        \n        \/\/ D\u00e9sactiver tous les boutons pour cette question\n        const buttons = document.querySelectorAll(`[id^=\"btn41-${questionNum}-\"]`);\n        buttons.forEach(btn => btn.disabled = true);\n        \n        const resultElement = document.getElementById(`result41-${questionNum}`);\n        \n        let phrase = '';\n        let explanation = '';\n        \n        if (questionNum === 1) {\n            phrase = 'Le livre dont je parle est int\u00e9ressant.';\n            explanation = answer === 'dont' \n                ? 'Correct ! \"parler de\" \u2192 DONT (je parle DE ce livre).' \n                : 'Non, \"parler de\" n\u00e9cessite DONT. Je parle DE ce livre.';\n        } else if (questionNum === 2) {\n            phrase = 'La table sur laquelle il met le sac est en bois.';\n            explanation = answer === 'sur lequel' \n                ? 'Correct ! \"mettre sur\" \u2192 SUR LEQUEL (il met le sac SUR la table).' \n                : 'Non, \"mettre sur\" n\u00e9cessite SUR LEQUEL. Il met le sac SUR la table.';\n        } else if (questionNum === 3) {\n            phrase = 'L\\'ami dont j\\'ai besoin vient ce soir.';\n            explanation = answer === 'dont' \n                ? 'Correct ! \"avoir besoin de\" \u2192 DONT (j\\'ai besoin DE cet ami).' \n                : 'Non, \"avoir besoin de\" n\u00e9cessite DONT. J\\'ai besoin DE cet ami.';\n        }\n        \n        if (answer === correct41Answers[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;\">${phrase}<\/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;\">R\u00e9ponse correcte : <strong>${correct41Answers[questionNum]}<\/strong><\/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 showAllHints41() {\n        for (let i = 1; i <= 3; i++) {\n            const hintElement = document.getElementById(`hint41-${i}`);\n            hintElement.style.display = 'block';\n        }\n    }\n\n    function checkAll41Answers() {\n        exercise41Completed = true;\n        \n        let correctCount = 0;\n        const totalQuestions = Object.keys(correct41Answers).length;\n        \n        for (let i = 1; i <= totalQuestions; i++) {\n            if (exercise41Answers[i] === correct41Answers[i]) {\n                correctCount++;\n            }\n            \n            \/\/ D\u00e9sactiver les boutons restants\n            if (!exercise41Answers[i]) {\n                const buttons = document.querySelectorAll(`[id^=\"btn41-${i}-\"]`);\n                buttons.forEach(btn => btn.disabled = true);\n            }\n        }\n        \n        const score = Math.round((correctCount \/ totalQuestions) * 100);\n        \n        const scoreContainer = document.getElementById('score41-container');\n        const scoreText = document.getElementById('score41-text');\n        const scoreMessage = document.getElementById('score41-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 DONT et LEQUEL !';\n        } else if (score >= 70) {\n            message = '\ud83d\udc4d Tr\u00e8s bien ! Vous distinguez bien DONT et LEQUEL.';\n        } else if (score >= 50) {\n            message = '\ud83d\udcda Pas mal ! Rappelez-vous : DONT = avec \"de\", LEQUEL = avec pr\u00e9position.';\n        } else {\n            message = '\ud83d\udcaa Continuez \u00e0 pratiquer ! Posez-vous la question : y a-t-il \"de\" ou une pr\u00e9position ?';\n        }\n        \n        scoreMessage.innerHTML = message;\n        scoreContainer.style.display = 'block';\n        \n        scoreContainer.scrollIntoView({ behavior: 'smooth' });\n    }\n\n    function reset41Exercise() {\n        exercise41Answers = {};\n        exercise41Completed = false;\n        \n        for (let i = 1; i <= 3; i++) {\n            const buttons = document.querySelectorAll(`[id^=\"btn41-${i}-\"]`);\n            buttons.forEach(btn => btn.disabled = false);\n            \n            document.getElementById(`result41-${i}`).style.display = 'none';\n            document.getElementById(`hint41-${i}`).style.display = 'none';\n        }\n        \n        document.getElementById('score41-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=\"1765305036\"\r\n\t            data-title=\"Le\u00e7on 41 \u2013 Les pronoms relatifs DONT et LEQUEL\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd24 Le\u00e7on 41 \u2013 Les pronoms relatifs DONT et LEQUEL Apprenez \u00e0 utiliser DONT et LEQUEL pour exprimer des relations complexes \ud83d\udcdd 1. Rappel Les pronoms relatifs DONT et LEQUEL [&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-15115","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15115","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=15115"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15115\/revisions"}],"predecessor-version":[{"id":15117,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15115\/revisions\/15117"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}