{"id":15128,"date":"2025-12-10T14:25:03","date_gmt":"2025-12-10T13:25:03","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15128"},"modified":"2025-12-10T14:25:11","modified_gmt":"2025-12-10T13:25:11","slug":"lecon-46-subordonnees-conditionnelles","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/lecon-46-subordonnees-conditionnelles\/","title":{"rendered":"Lesson 46 \u2013 Conditional Clauses"},"content":{"rendered":"\n<!-- LE\u00c7ON 46 - SUBORDONN\u00c9ES CONDITIONNELLES -->\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, #fce7f3 0%, #fbcfe8 100%); color: #831843;\">\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 #db2777;\">\n        <h1 style=\"color: #db2777; margin-bottom: 10px; display: flex; align-items: center;\">\n            <span style=\"background: #db2777; color: white; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px;\">\u2753<\/span>\n            Le\u00e7on 46 \u2013 Subordonn\u00e9es conditionnelles\n        <\/h1>\n        <p style=\"color: #64748b; font-size: 1.1rem;\">Apprenez \u00e0 exprimer les conditions et les hypoth\u00e8ses avec SI<\/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: #db2777; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fbcfe8; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcdd<\/span> 1. Rappel\n        <\/h2>\n        \n        <div style=\"background: #fce7f3; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #f9a8d4;\">\n            <p style=\"margin: 0 0 15px 0; font-size: 1.1rem;\">Les subordonn\u00e9es conditionnelles expriment une <strong>condition<\/strong> n\u00e9cessaire pour qu'une action se r\u00e9alise :<\/p>\n            \n            <div style=\"background: white; padding: 25px; border-radius: 10px; margin: 20px 0; border: 3px solid #db2777; text-align: center;\">\n                <div style=\"font-size: 2rem; margin-bottom: 15px;\">\ud83c\udfb2<\/div>\n                <h3 style=\"color: #831843; margin-top: 0; margin-bottom: 15px;\">CONDITION \u2192 R\u00c9SULTAT<\/h3>\n                <p style=\"color: #db2777; margin: 0; font-weight: bold;\">Si X alors Y (condition n\u00e9cessaire)<\/p>\n                <div style=\"background: #fce7f3; padding: 10px; border-radius: 8px; margin-top: 10px;\">\n                    <p style=\"color: #831843; margin: 0;\"><strong>Si tu veux<\/strong> \u2192 <strong>je viens<\/strong><\/p>\n                <\/div>\n            <\/div>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin-top: 20px;\">\n                <div style=\"background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%); padding: 20px; border-radius: 10px; border: 2px solid #db2777; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\u2705<\/div>\n                    <h3 style=\"color: #831843; margin-top: 0; margin-bottom: 10px;\">R\u00c9EL<\/h3>\n                    <p style=\"color: #831843; margin: 0 0 15px 0; font-weight: bold;\">Possible, probable<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #db2777; margin: 0; font-weight: bold;\"><span style=\"background: #fce7f3; padding: 2px 5px; border-radius: 4px;\">Si tu veux<\/span>, je viens<\/p>\n                        <div style=\"background: #db2777; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            pr\u00e9sent + pr\u00e9sent\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%); padding: 20px; border-radius: 10px; border: 2px solid #db2777; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\u2753<\/div>\n                    <h3 style=\"color: #831843; margin-top: 0; margin-bottom: 10px;\">IRR\u00c9EL<\/h3>\n                    <p style=\"color: #831843; margin: 0 0 15px 0; font-weight: bold;\">Hypoth\u00e9tique<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #db2777; margin: 0; font-weight: bold;\"><span style=\"background: #fce7f3; padding: 2px 5px; border-radius: 4px;\">Si j'avais<\/span> de l'argent<\/p>\n                        <div style=\"background: #db2777; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            imparfait + conditionnel\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%); padding: 20px; border-radius: 10px; border: 2px solid #db2777; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\u23f0<\/div>\n                    <h3 style=\"color: #831843; margin-top: 0; margin-bottom: 10px;\">PASS\u00c9<\/h3>\n                    <p style=\"color: #831843; margin: 0 0 15px 0; font-weight: bold;\">Non r\u00e9alis\u00e9<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #db2777; margin: 0; font-weight: bold;\"><span style=\"background: #fce7f3; padding: 2px 5px; border-radius: 4px;\">Si j'avais su<\/span><\/p>\n                        <div style=\"background: #db2777; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            plus-que-parfait + conditionnel pass\u00e9\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 reconna\u00eetre ?<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">1. Y a-t-il une condition ? \u2192 SI<br>2. La condition est-elle r\u00e9elle ? \u2192 pr\u00e9sent + pr\u00e9sent<br>3. La condition est-elle irr\u00e9elle ? \u2192 imparfait + conditionnel<\/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: #db2777; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fbcfe8; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcca<\/span> 2. Tableau des temps\n        <\/h2>\n        \n        <div style=\"background: #fce7f3; padding: 25px; border-radius: 10px; border: 2px solid #f9a8d4;\">\n            <h3 style=\"color: #831843; margin-top: 0; margin-bottom: 20px; text-align: center;\">Les trois types de conditions<\/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: #db2777; color: white;\">\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Type<\/th>\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Structure<\/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;\">Probabilit\u00e9<\/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: #db2777;\">R\u00c9EL<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">SI + pr\u00e9sent \u2192 pr\u00e9sent\/futur<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>Si tu veux<\/strong>, je viens<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">\u00c9lev\u00e9e<\/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: #db2777;\">IRR\u00c9EL<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">SI + imparfait \u2192 conditionnel<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>Si j'avais<\/strong> de l'argent, je voyagerais<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Faible<\/td>\n                        <\/tr>\n                        <tr>\n                            <td style=\"padding: 15px; text-align: center; font-weight: bold; color: #db2777;\">PASS\u00c9<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">SI + plus-que-parfait \u2192 conditionnel pass\u00e9<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>Si j'avais su<\/strong>, je serais venu<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Nulle (pass\u00e9)<\/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 #fbcfe8;\">\n                <h4 style=\"color: #db2777; margin-top: 0; margin-bottom: 15px; text-align: center;\">Attention \u00e0 l'ordre !<\/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: #831843; margin: 0 0 10px 0; font-weight: bold;\">SI d'abord<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">La condition pr\u00e9c\u00e8de le r\u00e9sultat<\/p>\n                        <div style=\"background: #fce7f3; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #831843; margin: 0; font-size: 0.9rem;\"><strong>Si tu veux<\/strong>, je viens<br>Condition \u2192 R\u00e9sultat<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #831843; margin: 0 0 10px 0; font-weight: bold;\">SI apr\u00e8s<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Le r\u00e9sultat pr\u00e9c\u00e8de la condition<\/p>\n                        <div style=\"background: #fce7f3; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #831843; margin: 0; font-size: 0.9rem;\">Je viens <strong>si tu veux<\/strong><br>R\u00e9sultat \u2192 Condition<\/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: #db2777; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fbcfe8; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udde3\ufe0f<\/span> 3. Exemples\n        <\/h2>\n        \n        <div style=\"background: #fce7f3; padding: 25px; border-radius: 10px; border: 2px solid #f9a8d4;\">\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 #fbcfe8;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #db2777; 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: #831843; margin: 0;\">Condition r\u00e9elle<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #fce7f3; padding: 10px; border-radius: 6px; border-left: 4px solid #db2777;\">\n                            <p style=\"color: #db2777; margin: 0; font-weight: bold;\"><span style=\"background: #fbcfe8; padding: 2px 5px; border-radius: 4px;\">Si tu veux<\/span>, je viens<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #db2777; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Pr\u00e9sent + pr\u00e9sent (r\u00e9el, possible)<\/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;\">\u2705 R\u00c9EL : condition probable<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #fce7f3; padding: 10px; border-radius: 6px; border-left: 4px solid #db2777;\">\n                            <p style=\"color: #db2777; margin: 0; font-weight: bold;\"><span style=\"background: #fbcfe8; padding: 2px 5px; border-radius: 4px;\">Si j'ai<\/span> du temps, je viendrai<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #db2777; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Pr\u00e9sent + futur (r\u00e9el, probable)<\/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;\">\u23f0 R\u00c9EL : futur possible<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; border: 2px solid #fbcfe8;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #db2777; 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: #831843; margin: 0;\">Condition irr\u00e9elle<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #fce7f3; padding: 10px; border-radius: 6px; border-left: 4px solid #db2777;\">\n                            <p style=\"color: #db2777; margin: 0; font-weight: bold;\"><span style=\"background: #fbcfe8; padding: 2px 5px; border-radius: 4px;\">Si j'avais<\/span> de l'argent, je voyagerais<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #db2777; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Imparfait + conditionnel (irr\u00e9el)<\/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;\">\u2753 IRR\u00c9EL : hypoth\u00e9tique<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #fce7f3; padding: 10px; border-radius: 6px; border-left: 4px solid #db2777;\">\n                            <p style=\"color: #db2777; margin: 0; font-weight: bold;\"><span style=\"background: #fbcfe8; padding: 2px 5px; border-radius: 4px;\">Si j'\u00e9tais<\/span> riche, j'ach\u00e8terais<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #db2777; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Imparfait + conditionnel (irr\u00e9el)<\/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\udcb0 IRR\u00c9EL : r\u00eave, souhait<\/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 #fbcfe8;\">\n                <h4 style=\"color: #db2777; margin-top: 0; margin-bottom: 15px; text-align: center;\">Condition au pass\u00e9 (r\u00e9gret)<\/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: #831843; margin: 0 0 10px 0; font-weight: bold;\">Regret<\/p>\n                        <div style=\"background: #fce7f3; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #db2777; margin: 0; font-weight: bold;\"><strong>Si j'avais su<\/strong>, je serais venu<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Plus-que-parfait + conditionnel pass\u00e9<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #831843; margin: 0 0 10px 0; font-weight: bold;\">Action non faite<\/p>\n                        <div style=\"background: #fce7f3; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #db2777; margin: 0; font-weight: bold;\"><strong>Si tu m'avais appel\u00e9<\/strong>, je serais venu<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Action non r\u00e9alis\u00e9e dans le pass\u00e9<\/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: #db2777; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fbcfe8; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83c\udfaf<\/span> 4. Mini-situation\n        <\/h2>\n        \n        <div style=\"background: #fce7f3; padding: 25px; border-radius: 10px; border: 1px solid #f9a8d4; position: relative;\">\n            <div style=\"position: absolute; top: -15px; left: 20px; background: #db2777; 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: #db2777; 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;\">T<\/div>\n                    <div style=\"background: white; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #f9a8d4;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #831843;\">Thomas :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #831843;\">\u00ab <span style=\"background: #fce7f3; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">Si tu veux<\/span>, je viens. \u00bb<\/p>\n                        <div style=\"background: #fce7f3; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #831843; font-size: 0.9rem;\">\u2705 Condition r\u00e9elle : pr\u00e9sent + pr\u00e9sent<\/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 #f9a8d4;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #831843; text-align: right;\">Marie :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #831843; text-align: right;\">\u00ab <span style=\"background: #fce7f3; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">Si j'avais<\/span> de l'argent, je voyagerais. \u00bb<\/p>\n                        <div style=\"background: #fce7f3; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: right;\">\n                            <p style=\"margin: 0; color: #831843; font-size: 0.9rem;\">\u2705 Condition irr\u00e9elle : imparfait + conditionnel<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: #be185d; 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;\">M<\/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. Thomas : \"Si tu veux, je viens\" \u2192 condition r\u00e9elle (possible, probable)<br>2. Marie : \"Si j'avais de l'argent, je voyagerais\" \u2192 condition irr\u00e9elle (hypoth\u00e9tique, r\u00eave)<br>Le choix des temps indique la probabilit\u00e9 de r\u00e9alisation de la condition.<\/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: #db2777; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fbcfe8; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83e\uddf0<\/span> 5. Vocabulaire utile\n        <\/h2>\n        \n        <div style=\"background: #fce7f3; padding: 25px; border-radius: 10px; border: 2px solid #f9a8d4;\">\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 #fbcfe8;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\u2753<\/div>\n                    <p style=\"font-weight: bold; color: #831843; font-size: 1.2rem; margin: 0 0 8px 0;\">si<\/p>\n                    <p style=\"color: #db2777; margin: 0 0 8px 0; font-size: 0.9rem;\">\/si\/<\/p>\n                    <div style=\"background: #db2777; 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 #fbcfe8;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udcad<\/div>\n                    <p style=\"font-weight: bold; color: #831843; font-size: 1.2rem; margin: 0 0 8px 0;\">vouloir<\/p>\n                    <p style=\"color: #db2777; margin: 0 0 8px 0; font-size: 0.9rem;\">\/vu.lwa\u0281\/<\/p>\n                    <div style=\"background: #db2777; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        verbe\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fbcfe8;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\u23f0<\/div>\n                    <p style=\"font-weight: bold; color: #831843; font-size: 1.2rem; margin: 0 0 8px 0;\">avoir<\/p>\n                    <p style=\"color: #db2777; margin: 0 0 8px 0; font-size: 0.9rem;\">\/a.vwa\u0281\/<\/p>\n                    <div style=\"background: #db2777; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        verbe\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fbcfe8;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\u2708\ufe0f<\/div>\n                    <p style=\"font-weight: bold; color: #831843; font-size: 1.2rem; margin: 0 0 8px 0;\">voyager<\/p>\n                    <p style=\"color: #db2777; margin: 0 0 8px 0; font-size: 0.9rem;\">\/vwa.ja.\u0292e\/<\/p>\n                    <div style=\"background: #db2777; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        verbe\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fbcfe8;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udcb0<\/div>\n                    <p style=\"font-weight: bold; color: #831843; font-size: 1.2rem; margin: 0 0 8px 0;\">argent<\/p>\n                    <p style=\"color: #db2777; margin: 0 0 8px 0; font-size: 0.9rem;\">\/a\u0281.\u0292\u0251\u0303\/<\/p>\n                    <div style=\"background: #db2777; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        nom masculin\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: white; padding: 20px; border-radius: 10px; margin-top: 20px; border: 2px solid #fbcfe8;\">\n                <h4 style=\"color: #db2777; margin-top: 0; margin-bottom: 15px; text-align: center;\">Verbes fr\u00e9quents dans les conditions<\/h4>\n                \n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px;\">\n                    <div style=\"background: #fce7f3; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #831843; margin: 0; font-weight: bold;\">vouloir<\/p>\n                        <p style=\"color: #db2777; margin: 5px 0 0 0; font-size: 0.9rem;\">Si tu veux<\/p>\n                    <\/div>\n                    <div style=\"background: #fce7f3; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #831843; margin: 0; font-weight: bold;\">avoir<\/p>\n                        <p style=\"color: #db2777; margin: 5px 0 0 0; font-size: 0.9rem;\">Si j'avais<\/p>\n                    <\/div>\n                    <div style=\"background: #fce7f3; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #831843; margin: 0; font-weight: bold;\">\u00eatre<\/p>\n                        <p style=\"color: #db2777; margin: 5px 0 0 0; font-size: 0.9rem;\">Si j'\u00e9tais<\/p>\n                    <\/div>\n                    <div style=\"background: #fce7f3; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #831843; margin: 0; font-weight: bold;\">savoir<\/p>\n                        <p style=\"color: #db2777; margin: 5px 0 0 0; font-size: 0.9rem;\">Si j'avais su<\/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: #db2777; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fbcfe8; 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, #fce7f3 0%, #fbcfe8 100%); padding: 25px; border-radius: 10px; border: 2px solid #f9a8d4;\">\n            <h3 style=\"color: #db2777; margin-top: 0; text-align: center; margin-bottom: 25px;\">Compl\u00e8te les phrases conditionnelles<\/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: #db2777; margin-bottom: 15px; font-size: 1.1rem;\">1. Si j'ai du temps, ______.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check46Answer(1, 'je viendrai')\" id=\"btn46-1-futur\" style=\"background: #fce7f3; border: 2px solid #db2777; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #831843; flex: 1;\">\n                        je viendrai\n                    <\/button>\n                    <button onclick=\"check46Answer(1, 'je viendrais')\" id=\"btn46-1-cond\" style=\"background: #fce7f3; border: 2px solid #db2777; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #831843; flex: 1;\">\n                        je viendrais\n                    <\/button>\n                    <button onclick=\"check46Answer(1, 'je suis venu')\" id=\"btn46-1-passe\" style=\"background: #fce7f3; border: 2px solid #db2777; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #831843; flex: 1;\">\n                        je suis venu\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint46-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 : \"j'ai\" est au pr\u00e9sent \u2192 condition r\u00e9elle \u2192 futur<\/p>\n                <\/div>\n                \n                <div id=\"result46-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: #db2777; margin-bottom: 15px; font-size: 1.1rem;\">2. Si j'avais de l'argent, ______.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check46Answer(2, 'je voyagerai')\" id=\"btn46-2-futur\" style=\"background: #fce7f3; border: 2px solid #db2777; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #831843; flex: 1;\">\n                        je voyagerai\n                    <\/button>\n                    <button onclick=\"check46Answer(2, 'je voyagerais')\" id=\"btn46-2-cond\" style=\"background: #fce7f3; border: 2px solid #db2777; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #831843; flex: 1;\">\n                        je voyagerais\n                    <\/button>\n                    <button onclick=\"check46Answer(2, 'j'ai voyag\u00e9')\" id=\"btn46-2-passe\" style=\"background: #fce7f3; border: 2px solid #db2777; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #831843; flex: 1;\">\n                        j'ai voyag\u00e9\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint46-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 : \"j'avais\" est \u00e0 l'imparfait \u2192 condition irr\u00e9elle \u2192 conditionnel<\/p>\n                <\/div>\n                \n                <div id=\"result46-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: #db2777; margin-bottom: 15px; font-size: 1.1rem;\">3. Si tu veux, ______.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check46Answer(3, 'je viens')\" id=\"btn46-3-present\" style=\"background: #fce7f3; border: 2px solid #db2777; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #831843; flex: 1;\">\n                        je viens\n                    <\/button>\n                    <button onclick=\"check46Answer(3, 'je viendrai')\" id=\"btn46-3-futur\" style=\"background: #fce7f3; border: 2px solid #db2777; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #831843; flex: 1;\">\n                        je viendrai\n                    <\/button>\n                    <button onclick=\"check46Answer(3, 'je viendrais')\" id=\"btn46-3-cond\" style=\"background: #fce7f3; border: 2px solid #db2777; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #831843; flex: 1;\">\n                        je viendrais\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint46-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 : \"tu veux\" est au pr\u00e9sent \u2192 condition r\u00e9elle \u2192 pr\u00e9sent ou futur<\/p>\n                <\/div>\n                \n                <div id=\"result46-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=\"checkAll46Answers()\" style=\"background: #db2777; 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=\"reset46Exercise()\" 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=\"showAllHints46()\" 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=\"score46-container\" style=\"background: #fbcfe8; padding: 20px; border-radius: 10px; margin-top: 25px; display: none; border: 3px solid #db2777; text-align: center;\">\n                <h4 style=\"color: #831843; margin-top: 0; margin-bottom: 10px;\">\ud83c\udf89 R\u00e9sultat de l'exercice<\/h4>\n                <div id=\"score46-text\" style=\"font-size: 1.2rem; margin-bottom: 15px;\"><\/div>\n                <div id=\"score46-message\" style=\"color: #831843;\"><\/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: #db2777; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fbcfe8; 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, #fce7f3 0%, #fbcfe8 100%); padding: 30px; border-radius: 10px; border: 2px solid #f9a8d4; text-align: center;\">\n            <div style=\"background: white; padding: 25px; border-radius: 8px; display: inline-block; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-bottom: 20px;\">\n                <div style=\"font-size: 4rem; margin-bottom: 15px;\">\ud83c\udfb2\u27a1\ufe0f\ud83c\udfaf<\/div>\n                <p style=\"font-weight: bold; color: #831843; font-size: 1.3rem; margin: 0;\">Un d\u00e9 qui d\u00e9termine le chemin<\/p>\n            <\/div>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin-top: 20px;\">\n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #fce7f3;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83c\udfb2\u2705<\/div>\n                    <p style=\"font-weight: bold; color: #831843; margin: 0 0 10px 0;\">R\u00c9EL<\/p>\n                    <div style=\"background: #fce7f3; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #831843; font-weight: bold;\">Pr\u00e9sent \u2192 Pr\u00e9sent\/Futur<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #831843; font-size: 0.9rem;\">Chemin presque certain<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Le d\u00e9 tombe sur \"6\"<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #fbcfe8;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83c\udfb2\u2753<\/div>\n                    <p style=\"font-weight: bold; color: #831843; margin: 0 0 10px 0;\">IRR\u00c9EL<\/p>\n                    <div style=\"background: #fbcfe8; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #831843; font-weight: bold;\">Imparfait \u2192 Conditionnel<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #831843; font-size: 0.9rem;\">Chemin hypoth\u00e9tique<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Le d\u00e9 tombe sur \"1\"<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #f9a8d4;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83c\udfb2\u231b<\/div>\n                    <p style=\"font-weight: bold; color: #831843; margin: 0 0 10px 0;\">PASS\u00c9<\/p>\n                    <div style=\"background: #f9a8d4; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #831843; font-weight: bold;\">Plus-que-parfait \u2192 Conditionnel pass\u00e9<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #831843; font-size: 0.9rem;\">Chemin non pris<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Le d\u00e9 est d\u00e9j\u00e0 tomb\u00e9<\/p>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #fef3c7; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #f59e0b;\">\n                <p style=\"color: #92400e; margin: 0; font-weight: bold;\">\ud83c\udf1f Conseil de m\u00e9morisation :<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">Visualisez un d\u00e9 \u00e0 jouer. Si le r\u00e9sultat est probable (d\u00e9 d\u00e9j\u00e0 lanc\u00e9) \u2192 pr\u00e9sent\/futur. Si c'est un r\u00eave (d\u00e9 dans votre main) \u2192 imparfait\/conditionnel. Si c'est un regret (d\u00e9 lanc\u00e9 il y a longtemps) \u2192 plus-que-parfait\/conditionnel pass\u00e9. Cette image mentale vous aidera \u00e0 choisir les bons temps !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Script sp\u00e9cifique au cours 46\n    let exercise46Answers = {};\n    let exercise46Completed = false;\n\n    const correct46Answers = {\n        1: 'je viendrai',     \/\/ Si j'ai du temps, je viendrai\n        2: 'je voyagerais',   \/\/ Si j'avais de l'argent, je voyagerais\n        3: 'je viens'         \/\/ Si tu veux, je viens (ou je viendrai)\n    };\n\n    function check46Answer(questionNum, answer) {\n        if (exercise46Completed) return;\n        \n        exercise46Answers[questionNum] = answer;\n        \n        \/\/ D\u00e9sactiver tous les boutons pour cette question\n        const buttons = document.querySelectorAll(`[id^=\"btn46-${questionNum}-\"]`);\n        buttons.forEach(btn => btn.disabled = true);\n        \n        const resultElement = document.getElementById(`result46-${questionNum}`);\n        \n        let phrase = '';\n        let explanation = '';\n        \n        if (questionNum === 1) {\n            phrase = 'Si j\\'ai du temps, je viendrai.';\n            explanation = answer === 'je viendrai' \n                ? 'Correct ! \"j\\'ai\" pr\u00e9sent \u2192 condition r\u00e9elle \u2192 futur.' \n                : 'Non, \"j\\'ai\" est au pr\u00e9sent \u2192 condition r\u00e9elle \u2192 futur.';\n        } else if (questionNum === 2) {\n            phrase = 'Si j\\'avais de l\\'argent, je voyagerais.';\n            explanation = answer === 'je voyagerais' \n                ? 'Correct ! \"j\\'avais\" imparfait \u2192 condition irr\u00e9elle \u2192 conditionnel.' \n                : 'Non, \"j\\'avais\" est \u00e0 l\\'imparfait \u2192 condition irr\u00e9elle \u2192 conditionnel.';\n        } else if (questionNum === 3) {\n            phrase = 'Si tu veux, je viens.';\n            if (answer === 'je viens' || answer === 'je viendrai') {\n                explanation = answer === 'je viens' \n                    ? 'Correct ! Pr\u00e9sent + pr\u00e9sent pour une action imm\u00e9diate.' \n                    : 'Correct aussi ! Pr\u00e9sent + futur pour une action future.';\n            } else {\n                explanation = 'Non, \"tu veux\" pr\u00e9sent \u2192 condition r\u00e9elle \u2192 pr\u00e9sent ou futur.';\n            }\n        }\n        \n        const isCorrect = (questionNum === 3 && (answer === 'je viens' || answer === 'je viendrai')) || answer === correct46Answers[questionNum];\n        \n        if (isCorrect) {\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 ${questionNum === 3 && answer === 'je viendrai' ? 'Correct aussi !' : '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>${questionNum === 3 ? 'je viens (ou je viendrai)' : correct46Answers[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 showAllHints46() {\n        for (let i = 1; i <= 3; i++) {\n            const hintElement = document.getElementById(`hint46-${i}`);\n            hintElement.style.display = 'block';\n        }\n    }\n\n    function checkAll46Answers() {\n        exercise46Completed = true;\n        \n        let correctCount = 0;\n        const totalQuestions = Object.keys(correct46Answers).length;\n        \n        for (let i = 1; i <= totalQuestions; i++) {\n            if (i === 3) {\n                \/\/ Question 3 accepte deux r\u00e9ponses\n                if (exercise46Answers[i] === 'je viens' || exercise46Answers[i] === 'je viendrai') {\n                    correctCount++;\n                }\n            } else if (exercise46Answers[i] === correct46Answers[i]) {\n                correctCount++;\n            }\n            \n            \/\/ D\u00e9sactiver les boutons restants\n            if (!exercise46Answers[i]) {\n                const buttons = document.querySelectorAll(`[id^=\"btn46-${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('score46-container');\n        const scoreText = document.getElementById('score46-text');\n        const scoreMessage = document.getElementById('score46-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 les subordonn\u00e9es conditionnelles !';\n        } else if (score >= 70) {\n            message = '\ud83d\udc4d Tr\u00e8s bien ! Vous distinguez bien les diff\u00e9rents types de conditions.';\n        } else if (score >= 50) {\n            message = '\ud83d\udcda Pas mal ! Rappelez-vous : pr\u00e9sent \u2192 futur, imparfait \u2192 conditionnel.';\n        } else {\n            message = '\ud83d\udcaa Continuez \u00e0 pratiquer ! Regardez le temps du verbe apr\u00e8s SI.';\n        }\n        \n        scoreMessage.innerHTML = message;\n        scoreContainer.style.display = 'block';\n        \n        scoreContainer.scrollIntoView({ behavior: 'smooth' });\n    }\n\n    function reset46Exercise() {\n        exercise46Answers = {};\n        exercise46Completed = false;\n        \n        for (let i = 1; i <= 3; i++) {\n            const buttons = document.querySelectorAll(`[id^=\"btn46-${i}-\"]`);\n            buttons.forEach(btn => btn.disabled = false);\n            \n            document.getElementById(`result46-${i}`).style.display = 'none';\n            document.getElementById(`hint46-${i}`).style.display = 'none';\n        }\n        \n        document.getElementById('score46-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=\"1765376703\"\r\n\t            data-title=\"Le\u00e7on 46 \u2013 Subordonn\u00e9es conditionnelles\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\u2753 Le\u00e7on 46 \u2013 Subordonn\u00e9es conditionnelles Apprenez \u00e0 exprimer les conditions et les hypoth\u00e8ses avec SI \ud83d\udcdd 1. Rappel Les subordonn\u00e9es conditionnelles expriment une condition n\u00e9cessaire pour qu&rsquo;une action se [&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-15128","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15128","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=15128"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15128\/revisions"}],"predecessor-version":[{"id":15130,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15128\/revisions\/15130"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}