{"id":15127,"date":"2025-12-10T14:29:34","date_gmt":"2025-12-10T13:29:34","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15127"},"modified":"2025-12-10T14:29:37","modified_gmt":"2025-12-10T13:29:37","slug":"lecon-44-subordonnees-de-but","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/lecon-44-subordonnees-de-but\/","title":{"rendered":"Lesson 44 \u2013 Purpose 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, #dbeafe 0%, #bfdbfe 100%); color: #1e40af;\">\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 #3b82f6;\">\n        <h1 style=\"color: #3b82f6; margin-bottom: 10px; display: flex; align-items: center;\">\n            <span style=\"background: #3b82f6; color: white; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px;\">\ud83c\udfaf<\/span>\n            Le\u00e7on 44 \u2013 Subordonn\u00e9es de but\n        <\/h1>\n        <p style=\"color: #64748b; font-size: 1.1rem;\">Apprenez \u00e0 exprimer le but ou l'intention d'une action<\/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: #3b82f6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bfdbfe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcdd<\/span> 1. Rappel\n        <\/h2>\n        \n        <div style=\"background: #dbeafe; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #93c5fd;\">\n            <p style=\"margin: 0 0 15px 0; font-size: 1.1rem;\">Les subordonn\u00e9es de <strong>but<\/strong> expriment <strong>pourquoi<\/strong> on fait une action, quel est l'objectif :<\/p>\n            \n            <div style=\"background: white; padding: 25px; border-radius: 10px; margin: 20px 0; border: 3px solid #3b82f6; text-align: center;\">\n                <div style=\"font-size: 2rem; margin-bottom: 15px;\">\ud83c\udfaf<\/div>\n                <h3 style=\"color: #1e40af; margin-top: 0; margin-bottom: 15px;\">ACTION \u2192 BUT<\/h3>\n                <p style=\"color: #3b82f6; margin: 0; font-weight: bold;\">Je fais X POUR \/ AFIN DE faire Y<\/p>\n                <div style=\"background: #dbeafe; padding: 10px; border-radius: 8px; margin-top: 10px;\">\n                    <p style=\"color: #1e40af; margin: 0;\">Je travaille <strong>pour r\u00e9ussir<\/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, #dbeafe 0%, #bfdbfe 100%); padding: 20px; border-radius: 10px; border: 2px solid #3b82f6; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83c\udfaf<\/div>\n                    <h3 style=\"color: #1e40af; margin-top: 0; margin-bottom: 10px;\">POUR<\/h3>\n                    <p style=\"color: #1e40af; margin: 0 0 15px 0; font-weight: bold;\">Le plus courant<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #3b82f6; margin: 0; font-weight: bold;\">Je travaille <span style=\"background: #dbeafe; padding: 2px 5px; border-radius: 4px;\">pour<\/span> r\u00e9ussir<\/p>\n                        <div style=\"background: #3b82f6; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            but simple\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); padding: 20px; border-radius: 10px; border: 2px solid #3b82f6; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83c\udfaf<\/div>\n                    <h3 style=\"color: #1e40af; margin-top: 0; margin-bottom: 10px;\">AFIN DE<\/h3>\n                    <p style=\"color: #1e40af; margin: 0 0 15px 0; font-weight: bold;\">Plus formel<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #3b82f6; margin: 0; font-weight: bold;\">Je travaille <span style=\"background: #dbeafe; padding: 2px 5px; border-radius: 4px;\">afin de<\/span> r\u00e9ussir<\/p>\n                        <div style=\"background: #3b82f6; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            but soutenu\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); padding: 20px; border-radius: 10px; border: 2px solid #3b82f6; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83c\udfaf<\/div>\n                    <h3 style=\"color: #1e40af; margin-top: 0; margin-bottom: 10px;\">AFIN QUE<\/h3>\n                    <p style=\"color: #1e40af; margin: 0 0 15px 0; font-weight: bold;\">Avec sujet diff\u00e9rent<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #3b82f6; margin: 0; font-weight: bold;\">Je parle doucement <span style=\"background: #dbeafe; padding: 2px 5px; border-radius: 4px;\">afin que<\/span> le b\u00e9b\u00e9 dorme<\/p>\n                        <div style=\"background: #3b82f6; 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            <\/div>\n            \n            <div style=\"background: #fef3c7; padding: 15px; border-radius: 8px; margin-top: 20px; border-left: 4px solid #f59e0b;\">\n                <p style=\"color: #92400e; margin: 0; font-weight: bold;\">\ud83d\udca1 Comment choisir ?<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">1. M\u00eame sujet ? \u2192 POUR \/ AFIN DE + infinitif<br>2. Sujet diff\u00e9rent ? \u2192 AFIN QUE + subjonctif<br>3. Style formel ? \u2192 AFIN DE \/ AFIN QUE<\/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: #3b82f6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bfdbfe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcca<\/span> 2. Tableau comparatif\n        <\/h2>\n        \n        <div style=\"background: #dbeafe; padding: 25px; border-radius: 10px; border: 2px solid #93c5fd;\">\n            <h3 style=\"color: #1e40af; margin-top: 0; margin-bottom: 20px; text-align: center;\">Les marqueurs de but<\/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: #3b82f6; 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;\">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;\">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: #3b82f6;\">POUR<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">pour + infinitif<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Je travaille <strong>pour<\/strong> r\u00e9ussir<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Courant, tous les jours<\/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: #3b82f6;\">AFIN DE<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">afin de + infinitif<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">J'\u00e9tudie <strong>afin de<\/strong> r\u00e9ussir<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Plus soutenu<\/td>\n                        <\/tr>\n                        <tr>\n                            <td style=\"padding: 15px; text-align: center; font-weight: bold; color: #3b82f6;\">AFIN QUE<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">afin que + subjonctif<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Je parle doucement <strong>afin que<\/strong> le b\u00e9b\u00e9 dorme<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Sujets diff\u00e9rents<\/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 #bfdbfe;\">\n                <h4 style=\"color: #3b82f6; margin-top: 0; margin-bottom: 15px; text-align: center;\">Attention aux diff\u00e9rences !<\/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: #1e40af; margin: 0 0 10px 0; font-weight: bold;\">M\u00eame sujet<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Le sujet fait l'action pour lui-m\u00eame<\/p>\n                        <div style=\"background: #dbeafe; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #1e40af; margin: 0; font-size: 0.9rem;\">Je travaille <strong>pour r\u00e9ussir<\/strong><br>(je travaille, je r\u00e9ussis)<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #1e40af; margin: 0 0 10px 0; font-weight: bold;\">Sujet diff\u00e9rent<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Le sujet fait l'action pour quelqu'un d'autre<\/p>\n                        <div style=\"background: #dbeafe; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #1e40af; margin: 0; font-size: 0.9rem;\">Je parle doucement <strong>afin qu'il dorme<\/strong><br>(je parle, il dort)<\/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: #3b82f6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bfdbfe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udde3\ufe0f<\/span> 3. Exemples\n        <\/h2>\n        \n        <div style=\"background: #dbeafe; padding: 25px; border-radius: 10px; border: 2px solid #93c5fd;\">\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 #bfdbfe;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #3b82f6; 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: #1e40af; margin: 0;\">M\u00eame sujet<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #dbeafe; padding: 10px; border-radius: 6px; border-left: 4px solid #3b82f6;\">\n                            <p style=\"color: #3b82f6; margin: 0; font-weight: bold;\">Je travaille <span style=\"background: #bfdbfe; padding: 2px 5px; border-radius: 4px;\">pour<\/span> r\u00e9ussir<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #3b82f6; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Je travaille \u2192 je veux r\u00e9ussir<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #fef3c7; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #92400e; margin: 0; font-size: 0.9rem;\">\ud83c\udfaf POUR : but simple et direct<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #dbeafe; padding: 10px; border-radius: 6px; border-left: 4px solid #3b82f6;\">\n                            <p style=\"color: #3b82f6; margin: 0; font-weight: bold;\">Je viens <span style=\"background: #bfdbfe; padding: 2px 5px; border-radius: 4px;\">pour apprendre<\/span><\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #3b82f6; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Je viens \u2192 je veux apprendre<\/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\udcda POUR : infinitif apr\u00e8s<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; border: 2px solid #bfdbfe;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #3b82f6; 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: #1e40af; margin: 0;\">Sujet diff\u00e9rent<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #dbeafe; padding: 10px; border-radius: 6px; border-left: 4px solid #3b82f6;\">\n                            <p style=\"color: #3b82f6; margin: 0; font-weight: bold;\">Elle parle doucement <span style=\"background: #bfdbfe; padding: 2px 5px; border-radius: 4px;\">afin que<\/span> le b\u00e9b\u00e9 dorme<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #3b82f6; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Elle parle \u2192 le b\u00e9b\u00e9 dorme<\/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\udc76 AFIN QUE : + subjonctif<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #dbeafe; padding: 10px; border-radius: 6px; border-left: 4px solid #3b82f6;\">\n                            <p style=\"color: #3b82f6; margin: 0; font-weight: bold;\">J'explique <span style=\"background: #bfdbfe; padding: 2px 5px; border-radius: 4px;\">pour que<\/span> tu comprennes<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #3b82f6; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">J'explique \u2192 tu comprends<\/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\udca1 POUR QUE : variante de AFIN QUE<\/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 #bfdbfe;\">\n                <h4 style=\"color: #3b82f6; margin-top: 0; margin-bottom: 15px; text-align: center;\">AFIN DE (style soutenu)<\/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: #1e40af; margin: 0 0 10px 0; font-weight: bold;\">Formel \u00e0 l'\u00e9crit<\/p>\n                        <div style=\"background: #dbeafe; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #3b82f6; margin: 0; font-weight: bold;\">J'\u00e9tudie <strong>afin de<\/strong> r\u00e9ussir<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Style soutenu<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #1e40af; margin: 0 0 10px 0; font-weight: bold;\">\u00c0 l'oral soutenu<\/p>\n                        <div style=\"background: #dbeafe; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #3b82f6; margin: 0; font-weight: bold;\">Je me d\u00e9p\u00eache <strong>afin de<\/strong> ne pas \u00eatre en retard<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Langue soign\u00e9e<\/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: #3b82f6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bfdbfe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83c\udfaf<\/span> 4. Mini-situation\n        <\/h2>\n        \n        <div style=\"background: #dbeafe; padding: 25px; border-radius: 10px; border: 1px solid #93c5fd; position: relative;\">\n            <div style=\"position: absolute; top: -15px; left: 20px; background: #3b82f6; 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: #3b82f6; 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;\">L<\/div>\n                    <div style=\"background: white; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #93c5fd;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #1e40af;\">Luc :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #1e40af;\">\u00ab Je viens <span style=\"background: #dbeafe; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">pour<\/span> apprendre le fran\u00e7ais. \u00bb<\/p>\n                        <div style=\"background: #dbeafe; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #1e40af; font-size: 0.9rem;\">\u2705 POUR : m\u00eame sujet, but direct<\/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 #93c5fd;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #1e40af; text-align: right;\">Marie :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #1e40af; text-align: right;\">\u00ab Elle parle doucement <span style=\"background: #dbeafe; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">afin que<\/span> le b\u00e9b\u00e9 dorme. \u00bb<\/p>\n                        <div style=\"background: #dbeafe; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: right;\">\n                            <p style=\"margin: 0; color: #1e40af; font-size: 0.9rem;\">\u2705 AFIN QUE : sujet diff\u00e9rent, subjonctif<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: #2563eb; 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. Luc : \"Je viens pour apprendre\" \u2192 m\u00eame sujet (je viens, j'apprends) \u2192 POUR + infinitif<br>2. Marie : \"Elle parle afin que le b\u00e9b\u00e9 dorme\" \u2192 sujets diff\u00e9rents (elle parle, le b\u00e9b\u00e9 dort) \u2192 AFIN QUE + subjonctif<br>Le choix d\u00e9pend de l'identit\u00e9 du sujet de l'action et du but.<\/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: #3b82f6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bfdbfe; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83e\uddf0<\/span> 5. Vocabulaire utile\n        <\/h2>\n        \n        <div style=\"background: #dbeafe; padding: 25px; border-radius: 10px; border: 2px solid #93c5fd;\">\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 #bfdbfe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83c\udfaf<\/div>\n                    <p style=\"font-weight: bold; color: #1e40af; font-size: 1.2rem; margin: 0 0 8px 0;\">pour<\/p>\n                    <p style=\"color: #3b82f6; margin: 0 0 8px 0; font-size: 0.9rem;\">\/pu\u0281\/<\/p>\n                    <div style=\"background: #3b82f6; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        pr\u00e9position\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #bfdbfe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udcda<\/div>\n                    <p style=\"font-weight: bold; color: #1e40af; font-size: 1.2rem; margin: 0 0 8px 0;\">apprendre<\/p>\n                    <p style=\"color: #3b82f6; margin: 0 0 8px 0; font-size: 0.9rem;\">\/a.p\u0281\u0251\u0303d\u0281\/<\/p>\n                    <div style=\"background: #3b82f6; 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 #bfdbfe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udcaa<\/div>\n                    <p style=\"font-weight: bold; color: #1e40af; font-size: 1.2rem; margin: 0 0 8px 0;\">travailler<\/p>\n                    <p style=\"color: #3b82f6; margin: 0 0 8px 0; font-size: 0.9rem;\">\/t\u0281a.va.je\/<\/p>\n                    <div style=\"background: #3b82f6; 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 #bfdbfe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83c\udf93<\/div>\n                    <p style=\"font-weight: bold; color: #1e40af; font-size: 1.2rem; margin: 0 0 8px 0;\">r\u00e9ussir<\/p>\n                    <p style=\"color: #3b82f6; margin: 0 0 8px 0; font-size: 0.9rem;\">\/\u0281e.y.si\u0281\/<\/p>\n                    <div style=\"background: #3b82f6; 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 #bfdbfe;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83e\udd2b<\/div>\n                    <p style=\"font-weight: bold; color: #1e40af; font-size: 1.2rem; margin: 0 0 8px 0;\">parler doucement<\/p>\n                    <p style=\"color: #3b82f6; margin: 0 0 8px 0; font-size: 0.9rem;\">\/pa\u0281.le dus.m\u0251\u0303\/<\/p>\n                    <div style=\"background: #3b82f6; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        expression\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: white; padding: 20px; border-radius: 10px; margin-top: 20px; border: 2px solid #bfdbfe;\">\n                <h4 style=\"color: #3b82f6; margin-top: 0; margin-bottom: 15px; text-align: center;\">Verbes fr\u00e9quents avec les subordonn\u00e9es de but<\/h4>\n                \n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px;\">\n                    <div style=\"background: #dbeafe; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #1e40af; margin: 0; font-weight: bold;\">venir<\/p>\n                        <p style=\"color: #3b82f6; margin: 5px 0 0 0; font-size: 0.9rem;\">pour apprendre<\/p>\n                    <\/div>\n                    <div style=\"background: #dbeafe; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #1e40af; margin: 0; font-weight: bold;\">travailler<\/p>\n                        <p style=\"color: #3b82f6; margin: 5px 0 0 0; font-size: 0.9rem;\">pour r\u00e9ussir<\/p>\n                    <\/div>\n                    <div style=\"background: #dbeafe; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #1e40af; margin: 0; font-weight: bold;\">parler doucement<\/p>\n                        <p style=\"color: #3b82f6; margin: 5px 0 0 0; font-size: 0.9rem;\">afin que... dorme<\/p>\n                    <\/div>\n                    <div style=\"background: #dbeafe; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #1e40af; margin: 0; font-weight: bold;\">\u00e9tudier<\/p>\n                        <p style=\"color: #3b82f6; margin: 5px 0 0 0; font-size: 0.9rem;\">afin de r\u00e9ussir<\/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: #3b82f6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bfdbfe; 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, #dbeafe 0%, #bfdbfe 100%); padding: 25px; border-radius: 10px; border: 2px solid #93c5fd;\">\n            <h3 style=\"color: #3b82f6; margin-top: 0; text-align: center; margin-bottom: 25px;\">Compl\u00e8te avec la bonne expression de but<\/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: #3b82f6; margin-bottom: 15px; font-size: 1.1rem;\">1. Je viens ______ apprendre.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check44Answer(1, 'pour')\" id=\"btn44-1-pour\" style=\"background: #dbeafe; border: 2px solid #3b82f6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #1e40af; flex: 1;\">\n                        POUR\n                    <\/button>\n                    <button onclick=\"check44Answer(1, 'afin de')\" id=\"btn44-1-afin-de\" style=\"background: #dbeafe; border: 2px solid #3b82f6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #1e40af; flex: 1;\">\n                        AFIN DE\n                    <\/button>\n                    <button onclick=\"check44Answer(1, 'afin que')\" id=\"btn44-1-afin-que\" style=\"background: #dbeafe; border: 2px solid #3b82f6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #1e40af; flex: 1;\">\n                        AFIN QUE\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint44-1\" style=\"display: none; background: #fef3c7; padding: 10px; border-radius: 6px; margin-top: 10px; border: 1px solid #f59e0b;\">\n                    <p style=\"color: #92400e; margin: 0; font-size: 0.9rem;\">\ud83d\udca1 Indice : Est-ce le m\u00eame sujet ? (je viens, j'apprendre)<\/p>\n                <\/div>\n                \n                <div id=\"result44-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: #3b82f6; margin-bottom: 15px; font-size: 1.1rem;\">2. Je travaille ______ r\u00e9ussir.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check44Answer(2, 'pour')\" id=\"btn44-2-pour\" style=\"background: #dbeafe; border: 2px solid #3b82f6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #1e40af; flex: 1;\">\n                        POUR\n                    <\/button>\n                    <button onclick=\"check44Answer(2, 'afin de')\" id=\"btn44-2-afin-de\" style=\"background: #dbeafe; border: 2px solid #3b82f6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #1e40af; flex: 1;\">\n                        AFIN DE\n                    <\/button>\n                    <button onclick=\"check44Answer(2, 'afin que')\" id=\"btn44-2-afin-que\" style=\"background: #dbeafe; border: 2px solid #3b82f6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #1e40af; flex: 1;\">\n                        AFIN QUE\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint44-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 : Est-ce le m\u00eame sujet ? (je travaille, je r\u00e9ussir)<\/p>\n                <\/div>\n                \n                <div id=\"result44-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: #3b82f6; margin-bottom: 15px; font-size: 1.1rem;\">3. Elle parle doucement ______ le b\u00e9b\u00e9 dorme.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check44Answer(3, 'pour')\" id=\"btn44-3-pour\" style=\"background: #dbeafe; border: 2px solid #3b82f6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #1e40af; flex: 1;\">\n                        POUR\n                    <\/button>\n                    <button onclick=\"check44Answer(3, 'afin de')\" id=\"btn44-3-afin-de\" style=\"background: #dbeafe; border: 2px solid #3b82f6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #1e40af; flex: 1;\">\n                        AFIN DE\n                    <\/button>\n                    <button onclick=\"check44Answer(3, 'afin que')\" id=\"btn44-3-afin-que\" style=\"background: #dbeafe; border: 2px solid #3b82f6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #1e40af; flex: 1;\">\n                        AFIN QUE\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint44-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 : Est-ce le m\u00eame sujet ? (elle parle, le b\u00e9b\u00e9 dorme)<\/p>\n                <\/div>\n                \n                <div id=\"result44-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=\"checkAll44Answers()\" style=\"background: #3b82f6; 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=\"reset44Exercise()\" 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=\"showAllHints44()\" 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=\"score44-container\" style=\"background: #bfdbfe; padding: 20px; border-radius: 10px; margin-top: 25px; display: none; border: 3px solid #3b82f6; text-align: center;\">\n                <h4 style=\"color: #1e40af; margin-top: 0; margin-bottom: 10px;\">\ud83c\udf89 R\u00e9sultat de l'exercice<\/h4>\n                <div id=\"score44-text\" style=\"font-size: 1.2rem; margin-bottom: 15px;\"><\/div>\n                <div id=\"score44-message\" style=\"color: #1e40af;\"><\/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: #3b82f6; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bfdbfe; 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, #dbeafe 0%, #bfdbfe 100%); padding: 30px; border-radius: 10px; border: 2px solid #93c5fd; 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\udfaf\u27a1\ufe0f\ud83c\udfaf<\/div>\n                <p style=\"font-weight: bold; color: #1e40af; font-size: 1.3rem; margin: 0;\">Une fl\u00e8che vers la cible<\/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 #dbeafe;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83d\udc64\u2192\ud83c\udfaf<\/div>\n                    <p style=\"font-weight: bold; color: #1e40af; margin: 0 0 10px 0;\">POUR<\/p>\n                    <div style=\"background: #dbeafe; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #1e40af; font-weight: bold;\">M\u00eame personne<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #1e40af; font-size: 0.9rem;\">Je travaille pour r\u00e9ussir<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">La m\u00eame personne vise la cible<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #bfdbfe;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83d\udc64\ud83c\udfaf<\/div>\n                    <p style=\"font-weight: bold; color: #1e40af; margin: 0 0 10px 0;\">AFIN DE<\/p>\n                    <div style=\"background: #bfdbfe; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #1e40af; font-weight: bold;\">Style soutenu<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #1e40af; font-size: 0.9rem;\">J'\u00e9tudie afin de r\u00e9ussir<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">M\u00eame cible, langage soign\u00e9<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #93c5fd;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\ud83d\udc64\u2192\ud83d\udc76\ud83c\udfaf<\/div>\n                    <p style=\"font-weight: bold; color: #1e40af; margin: 0 0 10px 0;\">AFIN QUE<\/p>\n                    <div style=\"background: #93c5fd; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #1e40af; font-weight: bold;\">Personnes diff\u00e9rentes<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #1e40af; font-size: 0.9rem;\">Je parle afin qu'il dorme<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Une personne aide une autre \u00e0 viser<\/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 une cible (\ud83c\udfaf). Si la m\u00eame personne tire la fl\u00e8che et atteint la cible \u2192 POUR\/AFIN DE. Si une personne tire pour qu'une autre atteigne la cible \u2192 AFIN QUE. Cette image mentale vous aidera \u00e0 choisir la bonne expression !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Script sp\u00e9cifique au cours 44\n    let exercise44Answers = {};\n    let exercise44Completed = false;\n\n    const correct44Answers = {\n        1: 'pour',       \/\/ Je viens pour apprendre\n        2: 'pour',       \/\/ Je travaille pour r\u00e9ussir (ou \"afin de\")\n        3: 'afin que'    \/\/ Elle parle doucement afin que le b\u00e9b\u00e9 dorme\n    };\n\n    function check44Answer(questionNum, answer) {\n        if (exercise44Completed) return;\n        \n        exercise44Answers[questionNum] = answer;\n        \n        \/\/ D\u00e9sactiver tous les boutons pour cette question\n        document.getElementById(`btn44-${questionNum}-pour`).disabled = true;\n        document.getElementById(`btn44-${questionNum}-afin-de`).disabled = true;\n        document.getElementById(`btn44-${questionNum}-afin-que`).disabled = true;\n        \n        const resultElement = document.getElementById(`result44-${questionNum}`);\n        \n        let phrase = '';\n        let explanation = '';\n        \n        if (questionNum === 1) {\n            phrase = 'Je viens pour apprendre.';\n            explanation = answer === 'pour' \n                ? 'Correct ! M\u00eame sujet (je viens, j\\'apprendre) \u2192 POUR.' \n                : (answer === 'afin de' ? 'Possible aussi, mais POUR est plus courant ici.' : 'Non, m\u00eame sujet \u2192 POUR ou AFIN DE.');\n        } else if (questionNum === 2) {\n            phrase = 'Je travaille pour r\u00e9ussir.';\n            if (answer === 'pour' || answer === 'afin de') {\n                explanation = answer === 'pour' \n                    ? 'Correct ! POUR est le plus courant pour m\u00eame sujet.' \n                    : 'Correct aussi ! AFIN DE est plus formel.';\n            } else {\n                explanation = 'Non, m\u00eame sujet \u2192 POUR ou AFIN DE.';\n            }\n        } else if (questionNum === 3) {\n            phrase = 'Elle parle doucement afin que le b\u00e9b\u00e9 dorme.';\n            explanation = answer === 'afin que' \n                ? 'Correct ! Sujets diff\u00e9rents (elle parle, le b\u00e9b\u00e9 dort) \u2192 AFIN QUE + subjonctif.' \n                : 'Non, sujets diff\u00e9rents \u2192 AFIN QUE + subjonctif.';\n        }\n        \n        const isCorrect = (questionNum === 2 && (answer === 'pour' || answer === 'afin de')) || answer === correct44Answers[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 === 2 && answer === 'afin de' ? '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 === 2 ? 'POUR ou AFIN DE' : correct44Answers[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 showAllHints44() {\n        for (let i = 1; i <= 3; i++) {\n            const hintElement = document.getElementById(`hint44-${i}`);\n            hintElement.style.display = 'block';\n        }\n    }\n\n    function checkAll44Answers() {\n        exercise44Completed = true;\n        \n        let correctCount = 0;\n        const totalQuestions = Object.keys(correct44Answers).length;\n        \n        for (let i = 1; i <= totalQuestions; i++) {\n            if (i === 2) {\n                \/\/ Question 2 accepte deux r\u00e9ponses\n                if (exercise44Answers[i] === 'pour' || exercise44Answers[i] === 'afin de') {\n                    correctCount++;\n                }\n            } else if (exercise44Answers[i] === correct44Answers[i]) {\n                correctCount++;\n            }\n            \n            \/\/ D\u00e9sactiver les boutons restants\n            if (!exercise44Answers[i]) {\n                document.getElementById(`btn44-${i}-pour`).disabled = true;\n                document.getElementById(`btn44-${i}-afin-de`).disabled = true;\n                document.getElementById(`btn44-${i}-afin-que`).disabled = true;\n            }\n        }\n        \n        const score = Math.round((correctCount \/ totalQuestions) * 100);\n        \n        const scoreContainer = document.getElementById('score44-container');\n        const scoreText = document.getElementById('score44-text');\n        const scoreMessage = document.getElementById('score44-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 but !';\n        } else if (score >= 70) {\n            message = '\ud83d\udc4d Tr\u00e8s bien ! Vous distinguez bien POUR, AFIN DE et AFIN QUE.';\n        } else if (score >= 50) {\n            message = '\ud83d\udcda Pas mal ! Rappelez-vous : m\u00eame sujet \u2192 POUR\/AFIN DE, sujet diff\u00e9rent \u2192 AFIN QUE.';\n        } else {\n            message = '\ud83d\udcaa Continuez \u00e0 pratiquer ! Posez-vous la question : m\u00eame sujet ou sujet diff\u00e9rent ?';\n        }\n        \n        scoreMessage.innerHTML = message;\n        scoreContainer.style.display = 'block';\n        \n        scoreContainer.scrollIntoView({ behavior: 'smooth' });\n    }\n\n    function reset44Exercise() {\n        exercise44Answers = {};\n        exercise44Completed = false;\n        \n        for (let i = 1; i <= 3; i++) {\n            document.getElementById(`btn44-${i}-pour`).disabled = false;\n            document.getElementById(`btn44-${i}-afin-de`).disabled = false;\n            document.getElementById(`btn44-${i}-afin-que`).disabled = false;\n            \n            document.getElementById(`result44-${i}`).style.display = 'none';\n            document.getElementById(`hint44-${i}`).style.display = 'none';\n        }\n        \n        document.getElementById('score44-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=\"1765376974\"\r\n\t            data-title=\"Le\u00e7on 44 \u2013 Subordonn\u00e9es de but\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfaf Le\u00e7on 44 \u2013 Subordonn\u00e9es de but Apprenez \u00e0 exprimer le but ou l&rsquo;intention d&rsquo;une action \ud83d\udcdd 1. Rappel Les subordonn\u00e9es de but expriment pourquoi on fait une action, quel [&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-15127","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15127","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=15127"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15127\/revisions"}],"predecessor-version":[{"id":15134,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15127\/revisions\/15134"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}