{"id":15111,"date":"2025-12-09T18:00:07","date_gmt":"2025-12-09T17:00:07","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15111"},"modified":"2025-12-09T18:00:10","modified_gmt":"2025-12-09T17:00:10","slug":"lecon-39-le-conditionnel-passe","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/lecon-39-le-conditionnel-passe\/","title":{"rendered":"Lesson 39 \u2013 The past conditional"},"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, #e0e7ff 0%, #c7d2fe 100%); color: #3730a3;\">\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 #6366f1;\">\n        <h1 style=\"color: #6366f1; margin-bottom: 10px; display: flex; align-items: center;\">\n            <span style=\"background: #6366f1; color: white; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px;\">\ud83d\udd70\ufe0f<\/span>\n            Le\u00e7on 39 \u2013 Le conditionnel pass\u00e9\n        <\/h1>\n        <p style=\"color: #64748b; font-size: 1.1rem;\">Apprenez \u00e0 exprimer un regret ou une hypoth\u00e8se dans le pass\u00e9<\/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: #6366f1; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #c7d2fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcdd<\/span> 1. Rappel\n        <\/h2>\n        \n        <div style=\"background: #e0e7ff; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #a5b4fc;\">\n            <p style=\"margin: 0 0 15px 0; font-size: 1.1rem;\">Le conditionnel pass\u00e9 exprime principalement deux choses :<\/p>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 15px;\">\n                <div style=\"background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%); padding: 20px; border-radius: 10px; border: 2px solid #6366f1; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83d\ude14<\/div>\n                    <h3 style=\"color: #3730a3; margin-top: 0; margin-bottom: 10px;\">UN REGRET<\/h3>\n                    <p style=\"color: #3730a3; margin: 0 0 15px 0; font-weight: bold;\">Quelque chose qu'on aurait voulu faire<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #6366f1; margin: 0; font-weight: bold;\">J'aurais aim\u00e9 venir<\/p>\n                        <div style=\"background: #6366f1; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            mais je n'ai pas pu\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%); padding: 20px; border-radius: 10px; border: 2px solid #6366f1; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83e\udd14<\/div>\n                    <h3 style=\"color: #3730a3; margin-top: 0; margin-bottom: 10px;\">UNE HYPOTH\u00c8SE<\/h3>\n                    <p style=\"color: #3730a3; margin: 0 0 15px 0; font-weight: bold;\">Ce qui aurait pu se passer<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #6366f1; margin: 0; font-weight: bold;\">Il aurait d\u00fb travailler<\/p>\n                        <div style=\"background: #6366f1; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            mais il ne l'a pas fait\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: white; padding: 25px; border-radius: 10px; margin: 20px 0; border: 3px solid #6366f1; text-align: center;\">\n                <div style=\"font-size: 2rem; margin-bottom: 15px;\">\ud83d\udd27<\/div>\n                <h3 style=\"color: #3730a3; margin-top: 0; margin-bottom: 15px;\">FORMATION<\/h3>\n                <p style=\"color: #6366f1; margin: 0; font-weight: bold;\">Conditionnel pr\u00e9sent de l'auxiliaire + Participe pass\u00e9<\/p>\n                <div style=\"background: #e0e7ff; padding: 10px; border-radius: 8px; margin-top: 10px;\">\n                    <p style=\"color: #3730a3; margin: 0;\">Conditionnel de AVOIR\/\u00caTRE + Participe pass\u00e9<\/p>\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 le reconna\u00eetre ?<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">Le conditionnel pass\u00e9 parle toujours d'une action pass\u00e9e qui ne s'est pas produite (regret) ou qui aurait pu se produire (hypoth\u00e8se).<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION II - FORMATION -->\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: #6366f1; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #c7d2fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udd27<\/span> 2. Formation\n        <\/h2>\n        \n        <div style=\"background: #e0e7ff; padding: 25px; border-radius: 10px; border: 2px solid #a5b4fc;\">\n            <h3 style=\"color: #3730a3; margin-top: 0; margin-bottom: 20px; text-align: center;\">Conditionnel pr\u00e9sent de l'auxiliaire + Participe pass\u00e9<\/h3>\n            \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 #c7d2fe;\">\n                    <h4 style=\"color: #6366f1; margin-top: 0; margin-bottom: 15px; text-align: center;\">Avec AVOIR<\/h4>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 10px;\">\n                        <div style=\"display: flex; align-items: center; margin-bottom: 8px;\">\n                            <div style=\"background: #6366f1; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: bold; font-size: 0.9rem;\">1<\/div>\n                            <p style=\"margin: 0; color: #3730a3; font-weight: bold;\">J'aurais<\/p>\n                        <\/div>\n                        <div style=\"display: flex; align-items: center;\">\n                            <div style=\"background: #6366f1; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: bold; font-size: 0.9rem;\">2<\/div>\n                            <p style=\"margin: 0; color: #3730a3; font-weight: bold;\">voulu<\/p>\n                        <\/div>\n                        <div style=\"background: #6366f1; color: white; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: center; font-weight: bold;\">\n                            J'aurais voulu\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"display: flex; align-items: center; margin-bottom: 8px;\">\n                            <div style=\"background: #6366f1; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: bold; font-size: 0.9rem;\">1<\/div>\n                            <p style=\"margin: 0; color: #3730a3; font-weight: bold;\">Tu aurais<\/p>\n                        <\/div>\n                        <div style=\"display: flex; align-items: center;\">\n                            <div style=\"background: #6366f1; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: bold; font-size: 0.9rem;\">2<\/div>\n                            <p style=\"margin: 0; color: #3730a3; font-weight: bold;\">aim\u00e9<\/p>\n                        <\/div>\n                        <div style=\"background: #6366f1; color: white; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: center; font-weight: bold;\">\n                            Tu aurais aim\u00e9\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; border: 2px solid #c7d2fe;\">\n                    <h4 style=\"color: #6366f1; margin-top: 0; margin-bottom: 15px; text-align: center;\">Avec \u00caTRE<\/h4>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 10px;\">\n                        <div style=\"display: flex; align-items: center; margin-bottom: 8px;\">\n                            <div style=\"background: #6366f1; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: bold; font-size: 0.9rem;\">1<\/div>\n                            <p style=\"margin: 0; color: #3730a3; font-weight: bold;\">Nous serions<\/p>\n                        <\/div>\n                        <div style=\"display: flex; align-items: center;\">\n                            <div style=\"background: #6366f1; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: bold; font-size: 0.9rem;\">2<\/div>\n                            <p style=\"margin: 0; color: #3730a3; font-weight: bold;\">venus<\/p>\n                        <\/div>\n                        <div style=\"background: #6366f1; color: white; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: center; font-weight: bold;\">\n                            Nous serions venus\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"display: flex; align-items: center; margin-bottom: 8px;\">\n                            <div style=\"background: #6366f1; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: bold; font-size: 0.9rem;\">1<\/div>\n                            <p style=\"margin: 0; color: #3730a3; font-weight: bold;\">Elles seraient<\/p>\n                        <\/div>\n                        <div style=\"display: flex; align-items: center;\">\n                            <div style=\"background: #6366f1; color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-weight: bold; font-size: 0.9rem;\">2<\/div>\n                            <p style=\"margin: 0; color: #3730a3; font-weight: bold;\">parties<\/p>\n                        <\/div>\n                        <div style=\"background: #6366f1; color: white; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: center; font-weight: bold;\">\n                            Elles seraient parties\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 #c7d2fe;\">\n                <h4 style=\"color: #6366f1; margin-top: 0; margin-bottom: 15px; text-align: center;\">Accord du participe pass\u00e9<\/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: #3730a3; margin: 0 0 10px 0; font-weight: bold;\">Avec AVOIR :<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Pas d'accord sauf si le COD est avant<\/p>\n                        <div style=\"background: #e0e7ff; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #3730a3; margin: 0; font-size: 0.9rem;\">Les cadeaux que j'aurais achet\u00e9s<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #3730a3; margin: 0 0 10px 0; font-weight: bold;\">Avec \u00caTRE :<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Accord avec le sujet<\/p>\n                        <div style=\"background: #e0e7ff; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #3730a3; margin: 0; font-size: 0.9rem;\">Elle serait venue<br>Ils seraient venus<\/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: #6366f1; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #c7d2fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udde3\ufe0f<\/span> 3. Exemples\n        <\/h2>\n        \n        <div style=\"background: #e0e7ff; padding: 25px; border-radius: 10px; border: 2px solid #a5b4fc;\">\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 #c7d2fe;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #6366f1; 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: #3730a3; margin: 0;\">Pour exprimer un regret<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #e0e7ff; padding: 10px; border-radius: 6px; border-left: 4px solid #6366f1;\">\n                            <p style=\"color: #6366f1; margin: 0; font-weight: bold;\">J'aurais aim\u00e9 venir.<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #6366f1; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Mais je n'ai pas pu venir<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #fee2e2; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #991b1b; margin: 0; font-size: 0.9rem;\">\ud83d\ude14 REGRET : Je voulais venir mais ce n'\u00e9tait pas possible<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #e0e7ff; padding: 10px; border-radius: 6px; border-left: 4px solid #6366f1;\">\n                            <p style=\"color: #6366f1; margin: 0; font-weight: bold;\">Il aurait d\u00fb travailler.<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #6366f1; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Mais il ne l'a pas fait<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #fee2e2; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #991b1b; margin: 0; font-size: 0.9rem;\">\ud83d\ude14 CONSEIL NON SUIVI : C'\u00e9tait n\u00e9cessaire mais il ne l'a pas fait<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; border: 2px solid #c7d2fe;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #6366f1; 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: #3730a3; margin: 0;\">Pour exprimer une hypoth\u00e8se<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #e0e7ff; padding: 10px; border-radius: 6px; border-left: 4px solid #6366f1;\">\n                            <p style=\"color: #6366f1; margin: 0; font-weight: bold;\">Nous serions venus plus t\u00f4t<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #6366f1; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Si nous avions su.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #d1fae5; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #047857; margin: 0; font-size: 0.9rem;\">\ud83e\udd14 HYPOTH\u00c8SE : Ce qui aurait pu se passer dans une autre situation<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #e0e7ff; padding: 10px; border-radius: 6px; border-left: 4px solid #6366f1;\">\n                            <p style=\"color: #6366f1; margin: 0; font-weight: bold;\">Tu aurais pu r\u00e9ussir<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #6366f1; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Si tu avais \u00e9tudi\u00e9.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #d1fae5; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #047857; margin: 0; font-size: 0.9rem;\">\ud83e\udd14 HYPOTH\u00c8SE : Possibilit\u00e9 qui existait mais n'a pas \u00e9t\u00e9 r\u00e9alis\u00e9e<\/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 #c7d2fe;\">\n                <h4 style=\"color: #6366f1; margin-top: 0; margin-bottom: 15px; text-align: center;\">Mots indicateurs du conditionnel pass\u00e9<\/h4>\n                \n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px;\">\n                    <div style=\"background: #6366f1; color: white; padding: 12px; border-radius: 8px; text-align: center; font-weight: bold;\">\n                        si\n                    <\/div>\n                    <div style=\"background: #6366f1; color: white; padding: 12px; border-radius: 8px; text-align: center; font-weight: bold;\">\n                        mais\n                    <\/div>\n                    <div style=\"background: #6366f1; color: white; padding: 12px; border-radius: 8px; text-align: center; font-weight: bold;\">\n                        dommage\n                    <\/div>\n                    <div style=\"background: #6366f1; color: white; padding: 12px; border-radius: 8px; text-align: center; font-weight: bold;\">\n                        malheureusement\n                    <\/div>\n                    <div style=\"background: #6366f1; color: white; padding: 12px; border-radius: 8px; text-align: center; font-weight: bold;\">\n                        peut-\u00eatre\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: #6366f1; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #c7d2fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83c\udfaf<\/span> 4. Mini-situation\n        <\/h2>\n        \n        <div style=\"background: #e0e7ff; padding: 25px; border-radius: 10px; border: 1px solid #a5b4fc; position: relative;\">\n            <div style=\"position: absolute; top: -15px; left: 20px; background: #6366f1; color: white; padding: 5px 15px; border-radius: 20px; font-weight: bold;\">\n                Hier\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: #6366f1; 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 #a5b4fc;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #3730a3;\">Pierre :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #3730a3;\">\u00ab Hier, <span style=\"background: #e0e7ff; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">j'aurais d\u00fb \u00e9tudier<\/span>. \u00bb<\/p>\n                        <div style=\"background: #e0e7ff; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #3730a3; font-size: 0.9rem;\">\u2705 Conditionnel pass\u00e9 : regret<\/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 #a5b4fc;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #3730a3; text-align: right;\">Explication :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #3730a3; text-align: right;\">\u00ab Mais je ne l'ai pas fait. <span style=\"background: #fee2e2; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">C'est dommage !<\/span> \u00bb<\/p>\n                        <div style=\"background: #fee2e2; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: right;\">\n                            <p style=\"margin: 0; color: #991b1b; font-size: 0.9rem;\">\ud83d\ude14 Expression du regret<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: #4f46e5; 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 Signification :<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">Pierre exprime un regret : \u00e9tudier \u00e9tait n\u00e9cessaire hier, mais il ne l'a pas fait. Le conditionnel pass\u00e9 montre cette action non r\u00e9alis\u00e9e dans le pass\u00e9.<\/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: #6366f1; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #c7d2fe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83e\uddf0<\/span> 5. Vocabulaire utile\n        <\/h2>\n        \n        <div style=\"background: #e0e7ff; padding: 25px; border-radius: 10px; border: 2px solid #a5b4fc;\">\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 #c7d2fe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83e\udd14<\/div>\n                    <p style=\"font-weight: bold; color: #3730a3; font-size: 1.2rem; margin: 0 0 8px 0;\">si<\/p>\n                    <p style=\"color: #6366f1; margin: 0 0 8px 0; font-size: 0.9rem;\">\/si\/<\/p>\n                    <div style=\"background: #6366f1; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        conjonction\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #c7d2fe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\ude14<\/div>\n                    <p style=\"font-weight: bold; color: #3730a3; font-size: 1.2rem; margin: 0 0 8px 0;\">mais<\/p>\n                    <p style=\"color: #6366f1; margin: 0 0 8px 0; font-size: 0.9rem;\">\/m\u025b\/<\/p>\n                    <div style=\"background: #6366f1; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        conjonction\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #c7d2fe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\ude22<\/div>\n                    <p style=\"font-weight: bold; color: #3730a3; font-size: 1.2rem; margin: 0 0 8px 0;\">dommage<\/p>\n                    <p style=\"color: #6366f1; margin: 0 0 8px 0; font-size: 0.9rem;\">\/d\u0254.ma\u0292\/<\/p>\n                    <div style=\"background: #6366f1; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        nom\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #c7d2fe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\ude1e<\/div>\n                    <p style=\"font-weight: bold; color: #3730a3; font-size: 1.2rem; margin: 0 0 8px 0;\">malheureusement<\/p>\n                    <p style=\"color: #6366f1; margin: 0 0 8px 0; font-size: 0.9rem;\">\/ma.l\u0153.\u0281\u00f8z.m\u0251\u0303\/<\/p>\n                    <div style=\"background: #6366f1; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        adverbe\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #c7d2fe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\u2753<\/div>\n                    <p style=\"font-weight: bold; color: #3730a3; font-size: 1.2rem; margin: 0 0 8px 0;\">peut-\u00eatre<\/p>\n                    <p style=\"color: #6366f1; margin: 0 0 8px 0; font-size: 0.9rem;\">\/p\u00f8.t\u025bt\u0281\/<\/p>\n                    <div style=\"background: #6366f1; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        adverbe\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: white; padding: 20px; border-radius: 10px; margin-top: 20px; border: 2px solid #c7d2fe;\">\n                <h4 style=\"color: #6366f1; margin-top: 0; margin-bottom: 15px; text-align: center;\">Verbes fr\u00e9quents au conditionnel pass\u00e9<\/h4>\n                \n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px;\">\n                    <div style=\"background: #e0e7ff; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #3730a3; margin: 0; font-weight: bold;\">vouloir<\/p>\n                        <p style=\"color: #6366f1; margin: 5px 0 0 0; font-size: 0.9rem;\">j'aurais voulu<\/p>\n                    <\/div>\n                    <div style=\"background: #e0e7ff; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #3730a3; margin: 0; font-weight: bold;\">devoir<\/p>\n                        <p style=\"color: #6366f1; margin: 5px 0 0 0; font-size: 0.9rem;\">j'aurais d\u00fb<\/p>\n                    <\/div>\n                    <div style=\"background: #e0e7ff; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #3730a3; margin: 0; font-weight: bold;\">pouvoir<\/p>\n                        <p style=\"color: #6366f1; margin: 5px 0 0 0; font-size: 0.9rem;\">j'aurais pu<\/p>\n                    <\/div>\n                    <div style=\"background: #e0e7ff; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #3730a3; margin: 0; font-weight: bold;\">venir<\/p>\n                        <p style=\"color: #6366f1; margin: 5px 0 0 0; font-size: 0.9rem;\">je serais venu(e)<\/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: #6366f1; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #c7d2fe; 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, #e0e7ff 0%, #c7d2fe 100%); padding: 25px; border-radius: 10px; border: 2px solid #a5b4fc;\">\n            <h3 style=\"color: #6366f1; margin-top: 0; text-align: center; margin-bottom: 25px;\">Compl\u00e8te les phrases au conditionnel pass\u00e9<\/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: #6366f1; margin-bottom: 15px; font-size: 1.1rem;\">1. J'______ (vouloir) venir.<\/p>\n                \n                <div style=\"margin-bottom: 15px;\">\n                    <input type=\"text\" id=\"answer39-1\" placeholder=\"\u00c9cris la conjugaison correcte\" style=\"width: 100%; padding: 12px; border: 2px solid #d1d5db; border-radius: 8px; font-size: 1rem; box-sizing: border-box;\">\n                <\/div>\n                \n                <div style=\"display: flex; gap: 10px;\">\n                    <button onclick=\"checkVerb39Answer(1)\" style=\"background: #6366f1; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 0.9rem; flex: 1;\">\n                        V\u00e9rifier\n                    <\/button>\n                    <button onclick=\"showHint39(1)\" style=\"background: #f59e0b; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 0.9rem; flex: 1;\">\n                        Indice\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint39-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 : Le verbe \"vouloir\" utilise l'auxiliaire AVOIR. Conjugue \"avoir\" au conditionnel pr\u00e9sent + \"voulu\".<\/p>\n                <\/div>\n                \n                <div id=\"result39-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: #6366f1; margin-bottom: 15px; font-size: 1.1rem;\">2. Ils ______ (pouvoir) partir plus t\u00f4t.<\/p>\n                \n                <div style=\"margin-bottom: 15px;\">\n                    <input type=\"text\" id=\"answer39-2\" placeholder=\"\u00c9cris la conjugaison correcte\" style=\"width: 100%; padding: 12px; border: 2px solid #d1d5db; border-radius: 8px; font-size: 1rem; box-sizing: border-box;\">\n                <\/div>\n                \n                <div style=\"display: flex; gap: 10px;\">\n                    <button onclick=\"checkVerb39Answer(2)\" style=\"background: #6366f1; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 0.9rem; flex: 1;\">\n                        V\u00e9rifier\n                    <\/button>\n                    <button onclick=\"showHint39(2)\" style=\"background: #f59e0b; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 0.9rem; flex: 1;\">\n                        Indice\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint39-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 : \"Pouvoir\" utilise l'auxiliaire AVOIR. Conjugue \"avoir\" au conditionnel pr\u00e9sent + \"pu\". Attention au sujet \"ils\" !<\/p>\n                <\/div>\n                \n                <div id=\"result39-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: #6366f1; margin-bottom: 15px; font-size: 1.1rem;\">3. Nous ______ (venir) si nous avions su.<\/p>\n                \n                <div style=\"margin-bottom: 15px;\">\n                    <input type=\"text\" id=\"answer39-3\" placeholder=\"\u00c9cris la conjugaison correcte\" style=\"width: 100%; padding: 12px; border: 2px solid #d1d5db; border-radius: 8px; font-size: 1rem; box-sizing: border-box;\">\n                <\/div>\n                \n                <div style=\"display: flex; gap: 10px;\">\n                    <button onclick=\"checkVerb39Answer(3)\" style=\"background: #6366f1; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 0.9rem; flex: 1;\">\n                        V\u00e9rifier\n                    <\/button>\n                    <button onclick=\"showHint39(3)\" style=\"background: #f59e0b; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 0.9rem; flex: 1;\">\n                        Indice\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint39-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 : \"Venir\" utilise l'auxiliaire \u00caTRE. Conjugue \"\u00eatre\" au conditionnel pr\u00e9sent + \"venus\". Attention \u00e0 l'accord avec \"nous\" !<\/p>\n                <\/div>\n                \n                <div id=\"result39-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=\"checkAll39Answers()\" style=\"background: #6366f1; 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=\"reset39Exercise()\" 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=\"score39-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: #064e3b; margin-top: 0; margin-bottom: 10px;\">\ud83c\udf89 R\u00e9sultat de l'exercice<\/h4>\n                <div id=\"score39-text\" style=\"font-size: 1.2rem; margin-bottom: 15px;\"><\/div>\n                <div id=\"score39-message\" style=\"color: #064e3b;\"><\/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: #6366f1; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #c7d2fe; 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, #e0e7ff 0%, #c7d2fe 100%); padding: 30px; border-radius: 10px; border: 2px solid #a5b4fc; 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\udd70\ufe0f\ud83d\ude14\u27a1\ufe0f\u274c<\/div>\n                <p style=\"font-weight: bold; color: #3730a3; font-size: 1.3rem; margin: 0;\">Action non r\u00e9alis\u00e9e dans le pass\u00e9<\/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 #e0e7ff;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83d\ude14<\/div>\n                    <p style=\"font-weight: bold; color: #3730a3; margin: 0 0 10px 0;\">REGRE                    <div style=\"background: #e0e7ff; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #3730a3; font-weight: bold;\">Conditionnel pass\u00e9<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #3730a3; font-size: 0.9rem;\">j'aurais voulu, j'aurais d\u00fb<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Ce qu'on aurait voulu faire mais n'a pas fait<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #c7d2fe;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83e\udd14<\/div>\n                    <p style=\"font-weight: bold; color: #3730a3; margin: 0 0 10px 0;\">HYPOTH\u00c8SE PASS\u00c9E<\/p>\n                    <div style=\"background: #c7d2fe; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #3730a3; font-weight: bold;\">Conditionnel pass\u00e9<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #3730a3; font-size: 0.9rem;\">nous serions venus, tu aurais pu<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Ce qui aurait pu se passer dans une autre situation<\/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 une route avec une bifurcation (\ud83e\udd14). Vous avez pris un chemin, mais le conditionnel pass\u00e9 repr\u00e9sente l'autre chemin que vous auriez pu prendre (\ud83d\ude14). C'est l'action alternative dans le pass\u00e9 !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Script sp\u00e9cifique au cours 39\n    let exercise39Answers = {};\n    let exercise39Completed = false;\n\n    const correct39Answers = {\n        1: { answer: \"aurais voulu\", explanation: \"Correct ! 'Vouloir' utilise AVOIR. 'J'aurais voulu' = conditionnel pr\u00e9sent de 'avoir' + 'voulu'. Exprime un regret ou une hypoth\u00e8se pass\u00e9e.\" },\n        2: { answer: \"auraient pu\", explanation: \"Correct ! 'Pouvoir' utilise AVOIR. 'Ils auraient pu' = conditionnel pr\u00e9sent de 'avoir' + 'pu'. Indique une possibilit\u00e9 pass\u00e9e non r\u00e9alis\u00e9e.\" },\n        3: { answer: \"serions venus\", explanation: \"Excellent ! 'Venir' utilise \u00caTRE. 'Nous serions venus' = conditionnel pr\u00e9sent de '\u00eatre' + 'venus' avec accord avec 'nous'. Exprime une hypoth\u00e8se dans le pass\u00e9.\" }\n    };\n\n    function checkVerb39Answer(questionNum) {\n        if (exercise39Completed) return;\n        \n        const userAnswer = document.getElementById(`answer39-${questionNum}`).value.trim().toLowerCase();\n        exercise39Answers[questionNum] = userAnswer;\n        \n        const resultElement = document.getElementById(`result39-${questionNum}`);\n        const correctAnswer = correct39Answers[questionNum].answer.toLowerCase();\n        \n        \/\/ Masquer l'indice s'il \u00e9tait affich\u00e9\n        document.getElementById(`hint39-${questionNum}`).style.display = 'none';\n        \n        if (userAnswer === correctAnswer) {\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;\">${correct39Answers[questionNum].explanation}<\/p>\n                <\/div>\n            `;\n        } else {\n            let hint = \"\";\n            if (questionNum === 1) {\n                hint = \"Conjugue 'avoir' au conditionnel pr\u00e9sent + 'voulu'. Exemple : j'aurais voulu, tu aurais voulu...\";\n            } else if (questionNum === 2) {\n                hint = \"Conjugue 'avoir' au conditionnel pr\u00e9sent + 'pu'. 'Ils' = 3e personne du pluriel : ils auraient pu.\";\n            } else if (questionNum === 3) {\n                hint = \"Conjugue '\u00eatre' au conditionnel pr\u00e9sent + 'venus' (accord avec 'nous'). 'Nous serions venus'.\";\n            }\n            \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 Presque !<\/p>\n                    <p style=\"margin: 8px 0 0 0; color: #991b1b;\">R\u00e9ponse attendue : <strong>${correctAnswer}<\/strong><\/p>\n                    <p style=\"margin: 8px 0 0 0; color: #991b1b;\">${hint}<\/p>\n                <\/div>\n            `;\n        }\n        \n        resultElement.style.display = 'block';\n    }\n\n    function showHint39(questionNum) {\n        const hintElement = document.getElementById(`hint39-${questionNum}`);\n        hintElement.style.display = 'block';\n    }\n\n    function checkAll39Answers() {\n        exercise39Completed = true;\n        \n        let correctCount = 0;\n        const totalQuestions = Object.keys(correct39Answers).length;\n        \n        for (let i = 1; i <= totalQuestions; i++) {\n            if (exercise39Answers[i] && exercise39Answers[i].toLowerCase() === correct39Answers[i].answer.toLowerCase()) {\n                correctCount++;\n            }\n            \n            \/\/ D\u00e9sactiver les champs de saisie\n            document.getElementById(`answer39-${i}`).disabled = true;\n        }\n        \n        const score = Math.round((correctCount \/ totalQuestions) * 100);\n        \n        const scoreContainer = document.getElementById('score39-container');\n        const scoreText = document.getElementById('score39-text');\n        const scoreMessage = document.getElementById('score39-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 le conditionnel pass\u00e9 !';\n        } else if (score >= 70) {\n            message = '\ud83d\udc4d Tr\u00e8s bien ! Vous comprenez bien la formation du conditionnel pass\u00e9.';\n        } else if (score >= 50) {\n            message = '\ud83d\udcda Pas mal ! Rappelez-vous : conditionnel pr\u00e9sent de l\\'auxiliaire + participe pass\u00e9.';\n        } else {\n            message = '\ud83d\udcaa Continuez \u00e0 pratiquer ! Revoir la formation : AVOIR\/\u00caTRE au conditionnel pr\u00e9sent + participe pass\u00e9.';\n        }\n        \n        scoreMessage.innerHTML = message;\n        scoreContainer.style.display = 'block';\n        \n        scoreContainer.scrollIntoView({ behavior: 'smooth' });\n    }\n\n    function reset39Exercise() {\n        exercise39Answers = {};\n        exercise39Completed = false;\n        \n        for (let i = 1; i <= 3; i++) {\n            document.getElementById(`answer39-${i}`).value = '';\n            document.getElementById(`answer39-${i}`).disabled = false;\n            document.getElementById(`result39-${i}`).style.display = 'none';\n            document.getElementById(`hint39-${i}`).style.display = 'none';\n        }\n        \n        document.getElementById('score39-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=\"1765303207\"\r\n\t            data-title=\"Le\u00e7on 39 \u2013 Le conditionnel pass\u00e9\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd70\ufe0f Le\u00e7on 39 \u2013 Le conditionnel pass\u00e9 Apprenez \u00e0 exprimer un regret ou une hypoth\u00e8se dans le pass\u00e9 \ud83d\udcdd 1. Rappel Le conditionnel pass\u00e9 exprime principalement deux choses : \ud83d\ude14 [&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-15111","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15111","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=15111"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15111\/revisions"}],"predecessor-version":[{"id":15113,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15111\/revisions\/15113"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}