{"id":15125,"date":"2025-12-09T19:02:50","date_gmt":"2025-12-09T18:02:50","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15125"},"modified":"2025-12-09T19:02:54","modified_gmt":"2025-12-09T18:02:54","slug":"lecon-45-subordonnees-de-concession","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/lecon-45-subordonnees-de-concession\/","title":{"rendered":"Lesson 45 \u2013 Concession Clauses"},"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, #f3f4f6 0%, #e5e7eb 100%); color: #374151;\">\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 #6b7280;\">\n        <h1 style=\"color: #6b7280; margin-bottom: 10px; display: flex; align-items: center;\">\n            <span style=\"background: #6b7280; color: white; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px;\">\u26a0\ufe0f<\/span>\n            Le\u00e7on 45 \u2013 Subordonn\u00e9es de concession\n        <\/h1>\n        <p style=\"color: #64748b; font-size: 1.1rem;\">Apprenez \u00e0 exprimer une opposition inattendue ou une contradiction<\/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: #6b7280; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e5e7eb; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcdd<\/span> 1. Rappel\n        <\/h2>\n        \n        <div style=\"background: #f3f4f6; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #d1d5db;\">\n            <p style=\"margin: 0 0 15px 0; font-size: 1.1rem;\">Les subordonn\u00e9es de <strong>concession<\/strong> expriment une opposition <strong>inattendue<\/strong> ou une <strong>contradiction<\/strong> :<\/p>\n            \n            <div style=\"background: white; padding: 25px; border-radius: 10px; margin: 20px 0; border: 3px solid #6b7280; text-align: center;\">\n                <div style=\"font-size: 2rem; margin-bottom: 15px;\">\ud83d\udd04<\/div>\n                <h3 style=\"color: #374151; margin-top: 0; margin-bottom: 15px;\">CONTRE-ATTENTE<\/h3>\n                <p style=\"color: #6b7280; margin: 0; font-weight: bold;\">Malgr\u00e9 X, quand m\u00eame Y (opposition inattendue)<\/p>\n                <div style=\"background: #f3f4f6; padding: 10px; border-radius: 8px; margin-top: 10px;\">\n                    <p style=\"color: #374151; margin: 0;\"><strong>Bien qu'il<\/strong> soit malade \u2192 <strong>il travaille<\/strong> quand m\u00eame<\/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, #f3f4f6 0%, #e5e7eb 100%); padding: 20px; border-radius: 10px; border: 2px solid #6b7280; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83d\udd04<\/div>\n                    <h3 style=\"color: #374151; margin-top: 0; margin-bottom: 10px;\">BIEN QUE<\/h3>\n                    <p style=\"color: #374151; margin: 0 0 15px 0; font-weight: bold;\">+ subjonctif<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #6b7280; margin: 0; font-weight: bold;\"><span style=\"background: #f3f4f6; padding: 2px 5px; border-radius: 4px;\">Bien qu'il<\/span> soit malade<\/p>\n                        <div style=\"background: #6b7280; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            + subjonctif\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%); padding: 20px; border-radius: 10px; border: 2px solid #6b7280; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\u26a0\ufe0f<\/div>\n                    <h3 style=\"color: #374151; margin-top: 0; margin-bottom: 10px;\">M\u00caME SI<\/h3>\n                    <p style=\"color: #374151; margin: 0 0 15px 0; font-weight: bold;\">+ indicatif<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #6b7280; margin: 0; font-weight: bold;\"><span style=\"background: #f3f4f6; padding: 2px 5px; border-radius: 4px;\">M\u00eame si<\/span> je suis fatigu\u00e9<\/p>\n                        <div style=\"background: #6b7280; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            + indicatif\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%); padding: 20px; border-radius: 10px; border: 2px solid #6b7280; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83d\udd04<\/div>\n                    <h3 style=\"color: #374151; margin-top: 0; margin-bottom: 10px;\">QUOIQUE<\/h3>\n                    <p style=\"color: #374151; margin: 0 0 15px 0; font-weight: bold;\">Tr\u00e8s formel<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #6b7280; margin: 0; font-weight: bold;\"><span style=\"background: #f3f4f6; padding: 2px 5px; border-radius: 4px;\">Quoiqu'il<\/span> soit riche<\/p>\n                        <div style=\"background: #6b7280; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            litt\u00e9raire\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 opposition inattendue ?<br>2. Pourrait-on dire \"malgr\u00e9 cela\" ?<br>3. Est-ce que la seconde action est surprenante ?<\/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: #6b7280; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e5e7eb; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcca<\/span> 2. Tableau comparatif\n        <\/h2>\n        \n        <div style=\"background: #f3f4f6; padding: 25px; border-radius: 10px; border: 2px solid #d1d5db;\">\n            <h3 style=\"color: #374151; margin-top: 0; margin-bottom: 20px; text-align: center;\">Les marqueurs de concession<\/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: #6b7280; color: white;\">\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Marqueur<\/th>\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Mode<\/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;\">Usage<\/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: #6b7280;\">BIEN QUE<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Subjonctif<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>Bien qu'il<\/strong> soit malade, il travaille<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Standard<\/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: #6b7280;\">M\u00caME SI<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Indicatif<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>M\u00eame si<\/strong> je suis fatigu\u00e9, je viens<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Contraste fort<\/td>\n                        <\/tr>\n                        <tr style=\"border-bottom: 1px solid #e5e7eb;\">\n                            <td style=\"padding: 15px; text-align: center; font-weight: bold; color: #6b7280;\">QUOIQUE<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Subjonctif<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>Quoiqu'il<\/strong> soit riche, il est modeste<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Litt\u00e9raire<\/td>\n                        <\/tr>\n                        <tr>\n                            <td style=\"padding: 15px; text-align: center; font-weight: bold; color: #6b7280;\">BIEN QU'<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Subjonctif<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>Bien qu'il<\/strong> pleuve, je sors<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Apostrophe devant voyelle<\/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 #e5e7eb;\">\n                <h4 style=\"color: #6b7280; margin-top: 0; margin-bottom: 15px; text-align: center;\">Attention aux modes !<\/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: #374151; margin: 0 0 10px 0; font-weight: bold;\">BIEN QUE + subjonctif<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Toujours le subjonctif apr\u00e8s BIEN QUE<\/p>\n                        <div style=\"background: #f3f4f6; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #374151; margin: 0; font-size: 0.9rem;\">Bien qu'il <strong>soit<\/strong> malade<br>(subjonctif pr\u00e9sent)<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #374151; margin: 0 0 10px 0; font-weight: bold;\">M\u00caME SI + indicatif<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Toujours l'indicatif apr\u00e8s M\u00caME SI<\/p>\n                        <div style=\"background: #f3f4f6; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #374151; margin: 0; font-size: 0.9rem;\">M\u00eame si je <strong>suis<\/strong> fatigu\u00e9<br>(indicatif pr\u00e9sent)<\/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: #6b7280; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e5e7eb; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udde3\ufe0f<\/span> 3. Exemples\n        <\/h2>\n        \n        <div style=\"background: #f3f4f6; padding: 25px; border-radius: 10px; border: 2px solid #d1d5db;\">\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 #e5e7eb;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #6b7280; 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: #374151; margin: 0;\">BIEN QUE<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #f3f4f6; padding: 10px; border-radius: 6px; border-left: 4px solid #6b7280;\">\n                            <p style=\"color: #6b7280; margin: 0; font-weight: bold;\"><span style=\"background: #e5e7eb; padding: 2px 5px; border-radius: 4px;\">Bien qu'il<\/span> soit malade, il travaille<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #6b7280; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Opposition : malade mais travaille quand m\u00eame<\/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\udd04 BIEN QUE : + subjonctif<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #f3f4f6; padding: 10px; border-radius: 6px; border-left: 4px solid #6b7280;\">\n                            <p style=\"color: #6b7280; margin: 0; font-weight: bold;\"><span style=\"background: #e5e7eb; padding: 2px 5px; border-radius: 4px;\">Bien qu'il<\/span> pleuve, je sors<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #6b7280; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Contradiction : pluie mais sortie<\/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;\">\u2614 BIEN QU' : apostrophe avant voyelle<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; border: 2px solid #e5e7eb;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #6b7280; 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: #374151; margin: 0;\">M\u00caME SI<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #f3f4f6; padding: 10px; border-radius: 6px; border-left: 4px solid #6b7280;\">\n                            <p style=\"color: #6b7280; margin: 0; font-weight: bold;\"><span style=\"background: #e5e7eb; padding: 2px 5px; border-radius: 4px;\">M\u00eame si<\/span> je suis fatigu\u00e9, je viens<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #6b7280; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Opposition forte : fatigue mais venue<\/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;\">\u26a0\ufe0f M\u00caME SI : + indicatif<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #f3f4f6; padding: 10px; border-radius: 6px; border-left: 4px solid #6b7280;\">\n                            <p style=\"color: #6b7280; margin: 0; font-weight: bold;\"><span style=\"background: #e5e7eb; padding: 2px 5px; border-radius: 4px;\">M\u00eame si<\/span> tu refuses, j'insisterai<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #6b7280; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Contraste : refus mais insistance<\/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\udcaa M\u00caME SI : opposition d\u00e9termin\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 #e5e7eb;\">\n                <h4 style=\"color: #6b7280; margin-top: 0; margin-bottom: 15px; text-align: center;\">QUOIQUE (tr\u00e8s formel)<\/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: #374151; margin: 0 0 10px 0; font-weight: bold;\">Litt\u00e9raire<\/p>\n                        <div style=\"background: #f3f4f6; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #6b7280; margin: 0; font-weight: bold;\"><strong>Quoiqu'il<\/strong> soit riche, il est modeste<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Style litt\u00e9raire<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #374151; margin: 0 0 10px 0; font-weight: bold;\">Rare \u00e0 l'oral<\/p>\n                        <div style=\"background: #f3f4f6; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #6b7280; margin: 0; font-weight: bold;\"><strong>Quoique<\/strong> cela soit difficile<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Presque jamais utilis\u00e9 \u00e0 l'oral<\/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: #6b7280; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e5e7eb; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83c\udfaf<\/span> 4. Mini-situation\n        <\/h2>\n        \n        <div style=\"background: #f3f4f6; padding: 25px; border-radius: 10px; border: 1px solid #d1d5db; position: relative;\">\n            <div style=\"position: absolute; top: -15px; left: 20px; background: #6b7280; 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: #6b7280; 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 #d1d5db;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #374151;\">Pierre :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #374151;\">\u00ab <span style=\"background: #f3f4f6; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">Bien qu'il<\/span> pleuve, je sors. \u00bb<\/p>\n                        <div style=\"background: #f3f4f6; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #374151; font-size: 0.9rem;\">\u2705 BIEN QUE : + subjonctif, opposition inattendue<\/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 #d1d5db;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #374151; text-align: right;\">Marie :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #374151; text-align: right;\">\u00ab <span style=\"background: #f3f4f6; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">M\u00eame si<\/span> je suis fatigu\u00e9, je viens. \u00bb<\/p>\n                        <div style=\"background: #f3f4f6; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: right;\">\n                            <p style=\"margin: 0; color: #374151; font-size: 0.9rem;\">\u2705 M\u00caME SI : + indicatif, contraste fort<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: #4b5563; 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. Pierre : \"Bien qu'il pleuve\" \u2192 subjonctif (pleuve), opposition inattendue (pluie \u2192 normalement on reste)<br>2. Marie : \"M\u00eame si je suis fatigu\u00e9\" \u2192 indicatif (suis), contraste fort (fatigue \u2192 normalement on ne vient pas)<br>Les deux expriment une contradiction entre la situation et l'action.<\/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: #6b7280; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e5e7eb; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83e\uddf0<\/span> 5. Vocabulaire utile\n        <\/h2>\n        \n        <div style=\"background: #f3f4f6; padding: 25px; border-radius: 10px; border: 2px solid #d1d5db;\">\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 #e5e7eb;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83e\udd12<\/div>\n                    <p style=\"font-weight: bold; color: #374151; font-size: 1.2rem; margin: 0 0 8px 0;\">malade<\/p>\n                    <p style=\"color: #6b7280; margin: 0 0 8px 0; font-size: 0.9rem;\">\/ma.lad\/<\/p>\n                    <div style=\"background: #6b7280; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        adjectif\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #e5e7eb;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\ude34<\/div>\n                    <p style=\"font-weight: bold; color: #374151; font-size: 1.2rem; margin: 0 0 8px 0;\">fatigu\u00e9<\/p>\n                    <p style=\"color: #6b7280; margin: 0 0 8px 0; font-size: 0.9rem;\">\/fa.ti.\u0261e\/<\/p>\n                    <div style=\"background: #6b7280; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        adjectif\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #e5e7eb;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83c\udf27\ufe0f<\/div>\n                    <p style=\"font-weight: bold; color: #374151; font-size: 1.2rem; margin: 0 0 8px 0;\">pleuvoir<\/p>\n                    <p style=\"color: #6b7280; margin: 0 0 8px 0; font-size: 0.9rem;\">\/pl\u00f8.vwa\u0281\/<\/p>\n                    <div style=\"background: #6b7280; 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 #e5e7eb;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udeaa<\/div>\n                    <p style=\"font-weight: bold; color: #374151; font-size: 1.2rem; margin: 0 0 8px 0;\">sortir<\/p>\n                    <p style=\"color: #6b7280; margin: 0 0 8px 0; font-size: 0.9rem;\">\/s\u0254\u0281.ti\u0281\/<\/p>\n                    <div style=\"background: #6b7280; 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 #e5e7eb;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udcb0<\/div>\n                    <p style=\"font-weight: bold; color: #374151; font-size: 1.2rem; margin: 0 0 8px 0;\">riche<\/p>\n                    <p style=\"color: #6b7280; margin: 0 0 8px 0; font-size: 0.9rem;\">\/\u0281i\u0283\/<\/p>\n                    <div style=\"background: #6b7280; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        adjectif\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: white; padding: 20px; border-radius: 10px; margin-top: 20px; border: 2px solid #e5e7eb;\">\n                <h4 style=\"color: #6b7280; margin-top: 0; margin-bottom: 15px; text-align: center;\">Adjectifs fr\u00e9quents dans les concessions<\/h4>\n                \n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px;\">\n                    <div style=\"background: #f3f4f6; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #374151; margin: 0; font-weight: bold;\">malade<\/p>\n                        <p style=\"color: #6b7280; margin: 5px 0 0 0; font-size: 0.9rem;\">Bien qu'il soit malade<\/p>\n                    <\/div>\n                    <div style=\"background: #f3f4f6; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #374151; margin: 0; font-weight: bold;\">fatigu\u00e9<\/p>\n                        <p style=\"color: #6b7280; margin: 5px 0 0 0; font-size: 0.9rem;\">M\u00eame si je suis fatigu\u00e9<\/p>\n                    <\/div>\n                    <div style=\"background: #f3f4f6; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #374151; margin: 0; font-weight: bold;\">riche<\/p>\n                        <p style=\"color: #6b7280; margin: 5px 0 0 0; font-size: 0.9rem;\">Quoiqu'il soit riche<\/p>\n                    <\/div>\n                    <div style=\"background: #f3f4f6; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #374151; margin: 0; font-weight: bold;\">jeune<\/p>\n                        <p style=\"color: #6b7280; margin: 5px 0 0 0; font-size: 0.9rem;\">Bien qu'elle soit jeune<\/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: #6b7280; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e5e7eb; 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, #f3f4f6 0%, #e5e7eb 100%); padding: 25px; border-radius: 10px; border: 2px solid #d1d5db;\">\n            <h3 style=\"color: #6b7280; margin-top: 0; text-align: center; margin-bottom: 25px;\">Compl\u00e8te avec la bonne expression de concession<\/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: #6b7280; margin-bottom: 15px; font-size: 1.1rem;\">1. ______ il pleuve, je sors.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check45Answer(1, 'Bien qu')\" id=\"btn45-1-bien\" style=\"background: #f3f4f6; border: 2px solid #6b7280; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #374151; flex: 1;\">\n                        BIEN QU'\n                    <\/button>\n                    <button onclick=\"check45Answer(1, 'M\u00eame si')\" id=\"btn45-1-meme\" style=\"background: #f3f4f6; border: 2px solid #6b7280; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #374151; flex: 1;\">\n                        M\u00caME SI\n                    <\/button>\n                    <button onclick=\"check45Answer(1, 'Quoiqu')\" id=\"btn45-1-quoi\" style=\"background: #f3f4f6; border: 2px solid #6b7280; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #374151; flex: 1;\">\n                        QUOIQUE\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint45-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 : \"pleuve\" est au subjonctif. Quelle expression prend le subjonctif ?<\/p>\n                <\/div>\n                \n                <div id=\"result45-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: #6b7280; margin-bottom: 15px; font-size: 1.1rem;\">2. ______ je suis fatigu\u00e9, je viens.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check45Answer(2, 'Bien que')\" id=\"btn45-2-bien\" style=\"background: #f3f4f6; border: 2px solid #6b7280; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #374151; flex: 1;\">\n                        BIEN QUE\n                    <\/button>\n                    <button onclick=\"check45Answer(2, 'M\u00eame si')\" id=\"btn45-2-meme\" style=\"background: #f3f4f6; border: 2px solid #6b7280; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #374151; flex: 1;\">\n                        M\u00caME SI\n                    <\/button>\n                    <button onclick=\"check45Answer(2, 'Quoique')\" id=\"btn45-2-quoi\" style=\"background: #f3f4f6; border: 2px solid #6b7280; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #374151; flex: 1;\">\n                        QUOIQUE\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint45-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 : \"suis\" est \u00e0 l'indicatif. Quelle expression prend l'indicatif ?<\/p>\n                <\/div>\n                \n                <div id=\"result45-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: #6b7280; margin-bottom: 15px; font-size: 1.1rem;\">3. ______ il soit malade, il travaille.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check45Answer(3, 'Bien qu')\" id=\"btn45-3-bien\" style=\"background: #f3f4f6; border: 2px solid #6b7280; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #374151; flex: 1;\">\n                        BIEN QU'\n                    <\/button>\n                    <button onclick=\"check45Answer(3, 'M\u00eame si')\" id=\"btn45-3-meme\" style=\"background: #f3f4f6; border: 2px solid #6b7280; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #374151; flex: 1;\">\n                        M\u00caME SI\n                    <\/button>\n                    <button onclick=\"check45Answer(3, 'Quoiqu')\" id=\"btn45-3-quoi\" style=\"background: #f3f4f6; border: 2px solid #6b7280; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #374151; flex: 1;\">\n                        QUOIQUE\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint45-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 : \"soit\" est au subjonctif. BIEN QUE ou QUOIQUE ?<\/p>\n                <\/div>\n                \n                <div id=\"result45-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=\"checkAll45Answers()\" style=\"background: #6b7280; 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=\"reset45Exercise()\" 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=\"showAllHints45()\" 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=\"score45-container\" style=\"background: #e5e7eb; padding: 20px; border-radius: 10px; margin-top: 25px; display: none; border: 3px solid #6b7280; text-align: center;\">\n                <h4 style=\"color: #374151; margin-top: 0; margin-bottom: 10px;\">\ud83c\udf89 R\u00e9sultat de l'exercice<\/h4>\n                <div id=\"score45-text\" style=\"font-size: 1.2rem; margin-bottom: 15px;\"><\/div>\n                <div id=\"score45-message\" style=\"color: #374151;\"><\/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: #6b7280; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #e5e7eb; 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, #f3f4f6 0%, #e5e7eb 100%); padding: 30px; border-radius: 10px; border: 2px solid #d1d5db; 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;\">\u26a0\ufe0f\ud83d\udd04\u26a0\ufe0f<\/div>\n                <p style=\"font-weight: bold; color: #374151; font-size: 1.3rem; margin: 0;\">Un mur qui devient une porte<\/p>\n            <\/div>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 20px;\">\n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #f3f4f6;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83e\uddf1\u2192\ud83d\udeaa<\/div>\n                    <p style=\"font-weight: bold; color: #374151; margin: 0 0 10px 0;\">BIEN QUE<\/p>\n                    <div style=\"background: #f3f4f6; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #374151; font-weight: bold;\">Malgr\u00e9 l'obstacle<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #374151; font-size: 0.9rem;\">Subjonctif<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Un mur se transforme en porte<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #e5e7eb;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83d\udcaa\ud83e\uddf1<\/div>\n                    <p style=\"font-weight: bold; color: #374151; margin: 0 0 10px 0;\">M\u00caME SI<\/p>\n                    <div style=\"background: #e5e7eb; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #374151; font-weight: bold;\">Force contre le mur<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #374151; font-size: 0.9rem;\">Indicatif<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">On pousse contre le mur<\/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 mur (l'obstacle). Avec BIEN QUE, le mur se transforme magiquement en porte (subjonctif = transformation). Avec M\u00caME SI, vous poussez contre le mur avec force (indicatif = r\u00e9alit\u00e9). Cette image mentale vous aidera \u00e0 choisir et \u00e0 conjuguer correctement !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Script sp\u00e9cifique au cours 45\n    let exercise45Answers = {};\n    let exercise45Completed = false;\n\n    const correct45Answers = {\n        1: 'Bien qu',     \/\/ Bien qu'il pleuve, je sors\n        2: 'M\u00eame si',     \/\/ M\u00eame si je suis fatigu\u00e9, je viens\n        3: 'Bien qu'      \/\/ Bien qu'il soit malade, il travaille\n    };\n\n    function check45Answer(questionNum, answer) {\n        if (exercise45Completed) return;\n        \n        exercise45Answers[questionNum] = answer;\n        \n        \/\/ D\u00e9sactiver tous les boutons pour cette question\n        document.getElementById(`btn45-${questionNum}-bien`).disabled = true;\n        document.getElementById(`btn45-${questionNum}-meme`).disabled = true;\n        document.getElementById(`btn45-${questionNum}-quoi`).disabled = true;\n        \n        const resultElement = document.getElementById(`result45-${questionNum}`);\n        \n        let phrase = '';\n        let explanation = '';\n        \n        if (questionNum === 1) {\n            phrase = 'Bien qu\\'il pleuve, je sors.';\n            explanation = answer === 'Bien qu' \n                ? 'Correct ! \"pleuve\" est au subjonctif \u2192 BIEN QUE.' \n                : 'Non, \"pleuve\" est au subjonctif, donc il faut BIEN QUE.';\n        } else if (questionNum === 2) {\n            phrase = 'M\u00eame si je suis fatigu\u00e9, je viens.';\n            explanation = answer === 'M\u00eame si' \n                ? 'Correct ! \"suis\" est \u00e0 l\\'indicatif \u2192 M\u00caME SI.' \n                : 'Non, \"suis\" est \u00e0 l\\'indicatif, donc il faut M\u00caME SI.';\n        } else if (questionNum === 3) {\n            phrase = 'Bien qu\\'il soit malade, il travaille.';\n            explanation = answer === 'Bien qu' \n                ? 'Correct ! \"soit\" est au subjonctif \u2192 BIEN QUE.' \n                : (answer === 'Quoiqu' ? 'Techniquement correct, mais BIEN QUE est bien plus courant.' : 'Non, \"soit\" est au subjonctif, donc il faut BIEN QUE.');\n        }\n        \n        const isCorrect = answer === correct45Answers[questionNum] || (questionNum === 3 && answer === 'Quoiqu');\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 === 'Quoiqu' ? 'Correct aussi, mais BIEN QUE est pr\u00e9f\u00e9rable !' : '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>${correct45Answers[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 showAllHints45() {\n        for (let i = 1; i <= 3; i++) {\n            const hintElement = document.getElementById(`hint45-${i}`);\n            hintElement.style.display = 'block';\n        }\n    }\n\n    function checkAll45Answers() {\n        exercise45Completed = true;\n        \n        let correctCount = 0;\n        const totalQuestions = Object.keys(correct45Answers).length;\n        \n        for (let i = 1; i <= totalQuestions; i++) {\n            if (exercise45Answers[i] === correct45Answers[i] || (i === 3 && exercise45Answers[i] === 'Quoiqu')) {\n                correctCount++;\n            }\n            \n            \/\/ D\u00e9sactiver les boutons restants\n            if (!exercise45Answers[i]) {\n                document.getElementById(`btn45-${i}-bien`).disabled = true;\n                document.getElementById(`btn45-${i}-meme`).disabled = true;\n                document.getElementById(`btn45-${i}-quoi`).disabled = true;\n            }\n        }\n        \n        const score = Math.round((correctCount \/ totalQuestions) * 100);\n        \n        const scoreContainer = document.getElementById('score45-container');\n        const scoreText = document.getElementById('score45-text');\n        const scoreMessage = document.getElementById('score45-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 de concession !';\n        } else if (score >= 70) {\n            message = '\ud83d\udc4d Tr\u00e8s bien ! Vous distinguez bien BIEN QUE et M\u00caME SI.';\n        } else if (score >= 50) {\n            message = '\ud83d\udcda Pas mal ! Rappelez-vous : BIEN QUE + subjonctif, M\u00caME SI + indicatif.';\n        } else {\n            message = '\ud83d\udcaa Continuez \u00e0 pratiquer ! Regardez le verbe : subjonctif ou indicatif ?';\n        }\n        \n        scoreMessage.innerHTML = message;\n        scoreContainer.style.display = 'block';\n        \n        scoreContainer.scrollIntoView({ behavior: 'smooth' });\n    }\n\n    function reset45Exercise() {\n        exercise45Answers = {};\n        exercise45Completed = false;\n        \n        for (let i = 1; i <= 3; i++) {\n            document.getElementById(`btn45-${i}-bien`).disabled = false;\n            document.getElementById(`btn45-${i}-meme`).disabled = false;\n            document.getElementById(`btn45-${i}-quoi`).disabled = false;\n            \n            document.getElementById(`result45-${i}`).style.display = 'none';\n            document.getElementById(`hint45-${i}`).style.display = 'none';\n        }\n        \n        document.getElementById('score45-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=\"1765306970\"\r\n\t            data-title=\"Le\u00e7on 45 \u2013 Subordonn\u00e9es de concession\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\u26a0\ufe0f Le\u00e7on 45 \u2013 Subordonn\u00e9es de concession Apprenez \u00e0 exprimer une opposition inattendue ou une contradiction \ud83d\udcdd 1. Rappel Les subordonn\u00e9es de concession expriment une opposition inattendue ou une contradiction [&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-15125","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15125","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=15125"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15125\/revisions"}],"predecessor-version":[{"id":15126,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15125\/revisions\/15126"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}