{"id":15122,"date":"2025-12-09T18:46:31","date_gmt":"2025-12-09T17:46:31","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15122"},"modified":"2025-12-09T18:46:34","modified_gmt":"2025-12-09T17:46:34","slug":"lecon-43-subordonnees-de-cause-et-consequence","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/lecon-43-subordonnees-de-cause-et-consequence\/","title":{"rendered":"Lesson 43 \u2013 Subordinate Clauses of Cause and Effect"},"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, #fee2e2 0%, #fecaca 100%); color: #991b1b;\">\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 #ef4444;\">\n        <h1 style=\"color: #ef4444; margin-bottom: 10px; display: flex; align-items: center;\">\n            <span style=\"background: #ef4444; color: white; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px;\">\ud83e\udde0<\/span>\n            Le\u00e7on 43 \u2013 Subordonn\u00e9es de cause et cons\u00e9quence\n        <\/h1>\n        <p style=\"color: #64748b; font-size: 1.1rem;\">Apprenez \u00e0 exprimer les relations de cause \u00e0 effet<\/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: #ef4444; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fecaca; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcdd<\/span> 1. Rappel\n        <\/h2>\n        \n        <div style=\"background: #fee2e2; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #f87171;\">\n            <p style=\"margin: 0 0 15px 0; font-size: 1.1rem;\">Les subordonn\u00e9es de <strong>cause<\/strong> et <strong>cons\u00e9quence<\/strong> expriment les relations logiques entre les actions :<\/p>\n            \n            <div style=\"background: white; padding: 25px; border-radius: 10px; margin: 20px 0; border: 3px solid #ef4444; text-align: center;\">\n                <div style=\"font-size: 2rem; margin-bottom: 15px;\">\u26a1<\/div>\n                <h3 style=\"color: #991b1b; margin-top: 0; margin-bottom: 15px;\">CAUSE \u2192 CONS\u00c9QUENCE<\/h3>\n                <p style=\"color: #ef4444; margin: 0; font-weight: bold;\">Cause : pourquoi ? | Cons\u00e9quence : donc quoi ?<\/p>\n                <div style=\"background: #fee2e2; padding: 10px; border-radius: 8px; margin-top: 10px;\">\n                    <p style=\"color: #991b1b; margin: 0;\"><strong>Parce qu'il<\/strong> pleut \u2192 <strong>donc je<\/strong> reste<\/p>\n                <\/div>\n            <\/div>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 20px;\">\n                <div style=\"background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%); padding: 20px; border-radius: 10px; border: 2px solid #ef4444; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\u2753<\/div>\n                    <h3 style=\"color: #991b1b; margin-top: 0; margin-bottom: 10px;\">CAUSE<\/h3>\n                    <p style=\"color: #991b1b; margin: 0 0 15px 0; font-weight: bold;\">Pourquoi ? La raison<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #ef4444; margin: 0; font-weight: bold;\"><span style=\"background: #fee2e2; padding: 2px 5px; border-radius: 4px;\">Parce qu'il<\/span> pleut<\/p>\n                        <div style=\"background: #ef4444; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            la raison\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%); padding: 20px; border-radius: 10px; border: 2px solid #ef4444; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83d\udca5<\/div>\n                    <h3 style=\"color: #991b1b; margin-top: 0; margin-bottom: 10px;\">CONS\u00c9QUENCE<\/h3>\n                    <p style=\"color: #991b1b; margin: 0 0 15px 0; font-weight: bold;\">Donc quoi ? Le r\u00e9sultat<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #ef4444; margin: 0; font-weight: bold;\"><span style=\"background: #fee2e2; padding: 2px 5px; border-radius: 4px;\">Donc je<\/span> reste<\/p>\n                        <div style=\"background: #ef4444; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            le r\u00e9sultat\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #dcfce7; padding: 15px; border-radius: 8px; margin-top: 20px; border-left: 4px solid #22c55e;\">\n                <p style=\"color: #166534; margin: 0; font-weight: bold;\">\ud83d\udca1 Comment distinguer ?<\/p>\n                <p style=\"color: #166534; margin: 8px 0 0 0;\">1. Posez la question \"pourquoi ?\" \u2192 CAUSE<br>2. Posez la question \"donc quoi ?\" \u2192 CONS\u00c9QUENCE<br>3. CAUSE vient avant, CONS\u00c9QUENCE vient apr\u00e8s<\/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: #ef4444; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fecaca; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcca<\/span> 2. Tableau comparatif\n        <\/h2>\n        \n        <div style=\"background: #fee2e2; padding: 25px; border-radius: 10px; border: 2px solid #f87171;\">\n            <h3 style=\"color: #991b1b; margin-top: 0; margin-bottom: 20px; text-align: center;\">Marqueurs de cause et cons\u00e9quence<\/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: #ef4444; color: white;\">\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Type<\/th>\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Marqueurs<\/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;\">Question<\/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: #ef4444;\">CAUSE<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Parce que \/ Comme \/ Puisque<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>Parce qu'il<\/strong> pleut, je reste<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Pourquoi ?<\/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: #ef4444;\">CONS\u00c9QUENCE<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Donc \/ Alors \/ C'est pourquoi<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Il pleut, <strong>donc<\/strong> je reste<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Donc quoi ?<\/td>\n                        <\/tr>\n                        <tr>\n                            <td style=\"padding: 15px; text-align: center; font-weight: bold; color: #ef4444;\">CONS\u00c9QUENCE<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Si bien que \/ De sorte que<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Il pleut <strong>si bien que<\/strong> je reste<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Avec quel r\u00e9sultat ?<\/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 #fecaca;\">\n                <h4 style=\"color: #ef4444; 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: #991b1b; margin: 0 0 10px 0; font-weight: bold;\">PARCE QUE vs CAR<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">PARCE QUE est plus courant, CAR plus litt\u00e9raire<\/p>\n                        <div style=\"background: #fee2e2; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #991b1b; margin: 0; font-size: 0.9rem;\">Oral : <strong>Parce que<\/strong> je suis fatigu\u00e9<br>\u00c9crit : <strong>Car<\/strong> je suis fatigu\u00e9<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #991b1b; margin: 0 0 10px 0; font-weight: bold;\">DONC vs ALORS<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">DONC est plus fort, ALORS plus neutre<\/p>\n                        <div style=\"background: #fee2e2; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #991b1b; margin: 0; font-size: 0.9rem;\">Fort : Il pleut, <strong>donc<\/strong> je reste<br>Neutre : Il pleut, <strong>alors<\/strong> je reste<\/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: #ef4444; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fecaca; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udde3\ufe0f<\/span> 3. Exemples\n        <\/h2>\n        \n        <div style=\"background: #fee2e2; padding: 25px; border-radius: 10px; border: 2px solid #f87171;\">\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 #fecaca;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #ef4444; 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: #991b1b; margin: 0;\">Cause<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #fee2e2; padding: 10px; border-radius: 6px; border-left: 4px solid #ef4444;\">\n                            <p style=\"color: #ef4444; margin: 0; font-weight: bold;\"><span style=\"background: #fecaca; padding: 2px 5px; border-radius: 4px;\">Parce qu'il<\/span> pleut, je reste<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #ef4444; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Pourquoi ? \u2192 La pluie est la cause<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #dcfce7; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #166534; margin: 0; font-size: 0.9rem;\">\u2753 PARCE QUE : r\u00e9pond \u00e0 \"pourquoi ?\"<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #fee2e2; padding: 10px; border-radius: 6px; border-left: 4px solid #ef4444;\">\n                            <p style=\"color: #ef4444; margin: 0; font-weight: bold;\"><span style=\"background: #fecaca; padding: 2px 5px; border-radius: 4px;\">Comme<\/span> il est malade, il ne vient pas<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #ef4444; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">La maladie est la cause de son absence<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #dcfce7; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #166534; margin: 0; font-size: 0.9rem;\">\ud83c\udfe5 COMME : cause \u00e9vidente<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; border: 2px solid #fecaca;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #ef4444; 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: #991b1b; margin: 0;\">Cons\u00e9quence<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #fee2e2; padding: 10px; border-radius: 6px; border-left: 4px solid #ef4444;\">\n                            <p style=\"color: #ef4444; margin: 0; font-weight: bold;\">Il est fatigu\u00e9, <span style=\"background: #fecaca; padding: 2px 5px; border-radius: 4px;\">donc<\/span> il dort<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #ef4444; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Donc quoi ? \u2192 Le sommeil est la cons\u00e9quence<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #dcfce7; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #166534; margin: 0; font-size: 0.9rem;\">\ud83d\udca5 DONC : r\u00e9sultat logique<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #fee2e2; padding: 10px; border-radius: 6px; border-left: 4px solid #ef4444;\">\n                            <p style=\"color: #ef4444; margin: 0; font-weight: bold;\">Il travaille beaucoup, <span style=\"background: #fecaca; padding: 2px 5px; border-radius: 4px;\">c'est pourquoi<\/span> il r\u00e9ussit<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #ef4444; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">La r\u00e9ussite est la cons\u00e9quence du travail<\/p>\n                            <\/div>\n                        <\/div>\n                        <div style=\"background: #dcfce7; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #166534; margin: 0; font-size: 0.9rem;\">\ud83c\udfaf C'EST POURQUOI : cons\u00e9quence formelle<\/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 #fecaca;\">\n                <h4 style=\"color: #ef4444; margin-top: 0; margin-bottom: 15px; text-align: center;\">Ordre des propositions<\/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: #991b1b; margin: 0 0 10px 0; font-weight: bold;\">Cause d'abord<\/p>\n                        <div style=\"background: #fee2e2; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #ef4444; margin: 0; font-weight: bold;\"><strong>Parce qu'il<\/strong> pleut, je reste<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Cause \u2192 Cons\u00e9quence<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #991b1b; margin: 0 0 10px 0; font-weight: bold;\">Cons\u00e9quence d'abord<\/p>\n                        <div style=\"background: #fee2e2; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #ef4444; margin: 0; font-weight: bold;\">Je reste <strong>parce qu'il<\/strong> pleut<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Cons\u00e9quence \u2192 Cause<\/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: #ef4444; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fecaca; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83c\udfaf<\/span> 4. Mini-situation\n        <\/h2>\n        \n        <div style=\"background: #fee2e2; padding: 25px; border-radius: 10px; border: 1px solid #f87171; position: relative;\">\n            <div style=\"position: absolute; top: -15px; left: 20px; background: #ef4444; 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: #ef4444; 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;\">S<\/div>\n                    <div style=\"background: white; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #f87171;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #991b1b;\">Sophie :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #991b1b;\">\u00ab <span style=\"background: #fee2e2; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">Parce qu'il<\/span> pleut, je reste \u00e0 la maison. \u00bb<\/p>\n                        <div style=\"background: #fee2e2; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #991b1b; font-size: 0.9rem;\">\u2705 CAUSE : la pluie est la raison<\/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 #f87171;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #991b1b; text-align: right;\">Thomas :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #991b1b; text-align: right;\">\u00ab Il est malade, <span style=\"background: #fee2e2; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">donc<\/span> il ne vient pas. \u00bb<\/p>\n                        <div style=\"background: #fee2e2; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: right;\">\n                            <p style=\"margin: 0; color: #991b1b; font-size: 0.9rem;\">\u2705 CONS\u00c9QUENCE : l'absence est le r\u00e9sultat<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: #dc2626; 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;\">T<\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #dcfce7; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #22c55e;\">\n                <p style=\"color: #166534; margin: 0; font-weight: bold;\">\ud83d\udcdd Analyse :<\/p>\n                <p style=\"color: #166534; margin: 8px 0 0 0;\">1. Sophie : \"Parce qu'il pleut\" \u2192 CAUSE (pourquoi elle reste)<br>2. Thomas : \"donc il ne vient pas\" \u2192 CONS\u00c9QUENCE (r\u00e9sultat de la maladie)<br>CAUSE explique le POURQUOI, CONS\u00c9QUENCE explique le DONC QUOI.<\/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: #ef4444; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fecaca; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83e\uddf0<\/span> 5. Vocabulaire utile\n        <\/h2>\n        \n        <div style=\"background: #fee2e2; padding: 25px; border-radius: 10px; border: 2px solid #f87171;\">\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 #fecaca;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83c\udf27\ufe0f<\/div>\n                    <p style=\"font-weight: bold; color: #991b1b; font-size: 1.2rem; margin: 0 0 8px 0;\">pleuvoir<\/p>\n                    <p style=\"color: #ef4444; margin: 0 0 8px 0; font-size: 0.9rem;\">\/pl\u00f8.vwa\u0281\/<\/p>\n                    <div style=\"background: #ef4444; 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 #fecaca;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83c\udfe0<\/div>\n                    <p style=\"font-weight: bold; color: #991b1b; font-size: 1.2rem; margin: 0 0 8px 0;\">rester<\/p>\n                    <p style=\"color: #ef4444; margin: 0 0 8px 0; font-size: 0.9rem;\">\/\u0281\u025bs.te\/<\/p>\n                    <div style=\"background: #ef4444; 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 #fecaca;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83e\udd12<\/div>\n                    <p style=\"font-weight: bold; color: #991b1b; font-size: 1.2rem; margin: 0 0 8px 0;\">malade<\/p>\n                    <p style=\"color: #ef4444; margin: 0 0 8px 0; font-size: 0.9rem;\">\/ma.lad\/<\/p>\n                    <div style=\"background: #ef4444; 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 #fecaca;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\ude34<\/div>\n                    <p style=\"font-weight: bold; color: #991b1b; font-size: 1.2rem; margin: 0 0 8px 0;\">fatigu\u00e9<\/p>\n                    <p style=\"color: #ef4444; margin: 0 0 8px 0; font-size: 0.9rem;\">\/fa.ti.\u0261e\/<\/p>\n                    <div style=\"background: #ef4444; 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 #fecaca;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udcaa<\/div>\n                    <p style=\"font-weight: bold; color: #991b1b; font-size: 1.2rem; margin: 0 0 8px 0;\">travailler<\/p>\n                    <p style=\"color: #ef4444; margin: 0 0 8px 0; font-size: 0.9rem;\">\/t\u0281a.va.je\/<\/p>\n                    <div style=\"background: #ef4444; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        verbe\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: white; padding: 20px; border-radius: 10px; margin-top: 20px; border: 2px solid #fecaca;\">\n                <h4 style=\"color: #ef4444; margin-top: 0; margin-bottom: 15px; text-align: center;\">Expressions de cause et cons\u00e9quence<\/h4>\n                \n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px;\">\n                    <div style=\"background: #fee2e2; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #991b1b; margin: 0; font-weight: bold;\">Parce que<\/p>\n                        <p style=\"color: #ef4444; margin: 5px 0 0 0; font-size: 0.9rem;\">cause directe<\/p>\n                    <\/div>\n                    <div style=\"background: #fee2e2; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #991b1b; margin: 0; font-weight: bold;\">Comme<\/p>\n                        <p style=\"color: #ef4444; margin: 5px 0 0 0; font-size: 0.9rem;\">cause \u00e9vidente<\/p>\n                    <\/div>\n                    <div style=\"background: #fee2e2; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #991b1b; margin: 0; font-weight: bold;\">Donc<\/p>\n                        <p style=\"color: #ef4444; margin: 5px 0 0 0; font-size: 0.9rem;\">cons\u00e9quence forte<\/p>\n                    <\/div>\n                    <div style=\"background: #fee2e2; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #991b1b; margin: 0; font-weight: bold;\">Alors<\/p>\n                        <p style=\"color: #ef4444; margin: 5px 0 0 0; font-size: 0.9rem;\">cons\u00e9quence neutre<\/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: #ef4444; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fecaca; 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, #fee2e2 0%, #fecaca 100%); padding: 25px; border-radius: 10px; border: 2px solid #f87171;\">\n            <h3 style=\"color: #ef4444; margin-top: 0; text-align: center; margin-bottom: 25px;\">Identifie si c'est une CAUSE ou une CONS\u00c9QUENCE<\/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: #ef4444; margin-bottom: 15px; font-size: 1.1rem;\">1. \"Parce qu'il pleut\" dans : <em>Parce qu'il pleut, je reste.<\/em><\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check43Answer(1, 'cause')\" id=\"btn43-1-cause\" style=\"background: #fee2e2; border: 2px solid #ef4444; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #991b1b; flex: 1;\">\n                        CAUSE\n                    <\/button>\n                    <button onclick=\"check43Answer(1, 'cons\u00e9quence')\" id=\"btn43-1-consequence\" style=\"background: #fee2e2; border: 2px solid #ef4444; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #991b1b; flex: 1;\">\n                        CONS\u00c9QUENCE\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint43-1\" style=\"display: none; background: #dcfce7; padding: 10px; border-radius: 6px; margin-top: 10px; border: 1px solid #22c55e;\">\n                    <p style=\"color: #166534; margin: 0; font-size: 0.9rem;\">\ud83d\udca1 Indice : Est-ce que cela r\u00e9pond \u00e0 la question \"pourquoi ?\" ou \"donc quoi ?\"<\/p>\n                <\/div>\n                \n                <div id=\"result43-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: #ef4444; margin-bottom: 15px; font-size: 1.1rem;\">2. \"donc il dort\" dans : <em>Il est fatigu\u00e9, donc il dort.<\/em><\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check43Answer(2, 'cause')\" id=\"btn43-2-cause\" style=\"background: #fee2e2; border: 2px solid #ef4444; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #991b1b; flex: 1;\">\n                        CAUSE\n                    <\/button>\n                    <button onclick=\"check43Answer(2, 'cons\u00e9quence')\" id=\"btn43-2-consequence\" style=\"background: #fee2e2; border: 2px solid #ef4444; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #991b1b; flex: 1;\">\n                        CONS\u00c9QUENCE\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint43-2\" style=\"display: none; background: #dcfce7; padding: 10px; border-radius: 6px; margin-top: 10px; border: 1px solid #22c55e;\">\n                    <p style=\"color: #166534; margin: 0; font-size: 0.9rem;\">\ud83d\udca1 Indice : Est-ce que c'est le r\u00e9sultat ou la raison ?<\/p>\n                <\/div>\n                \n                <div id=\"result43-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: #ef4444; margin-bottom: 15px; font-size: 1.1rem;\">3. \"Comme il fait froid\" dans : <em>Comme il fait froid, je mets un manteau.<\/em><\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"check43Answer(3, 'cause')\" id=\"btn43-3-cause\" style=\"background: #fee2e2; border: 2px solid #ef4444; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #991b1b; flex: 1;\">\n                        CAUSE\n                    <\/button>\n                    <button onclick=\"check43Answer(3, 'cons\u00e9quence')\" id=\"btn43-3-consequence\" style=\"background: #fee2e2; border: 2px solid #ef4444; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #991b1b; flex: 1;\">\n                        CONS\u00c9QUENCE\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint43-3\" style=\"display: none; background: #dcfce7; padding: 10px; border-radius: 6px; margin-top: 10px; border: 1px solid #22c55e;\">\n                    <p style=\"color: #166534; margin: 0; font-size: 0.9rem;\">\ud83d\udca1 Indice : Est-ce que cela explique pourquoi je mets un manteau ?<\/p>\n                <\/div>\n                \n                <div id=\"result43-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=\"checkAll43Answers()\" style=\"background: #ef4444; 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=\"reset43Exercise()\" 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=\"showAllHints43()\" style=\"background: #22c55e; 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=\"score43-container\" style=\"background: #fecaca; padding: 20px; border-radius: 10px; margin-top: 25px; display: none; border: 3px solid #ef4444; text-align: center;\">\n                <h4 style=\"color: #991b1b; margin-top: 0; margin-bottom: 10px;\">\ud83c\udf89 R\u00e9sultat de l'exercice<\/h4>\n                <div id=\"score43-text\" style=\"font-size: 1.2rem; margin-bottom: 15px;\"><\/div>\n                <div id=\"score43-message\" style=\"color: #991b1b;\"><\/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: #ef4444; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fecaca; 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, #fee2e2 0%, #fecaca 100%); padding: 30px; border-radius: 10px; border: 2px solid #f87171; 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;\">\u2753\u26a1\ud83d\udca5<\/div>\n                <p style=\"font-weight: bold; color: #991b1b; font-size: 1.3rem; margin: 0;\">Question \u2192 \u00c9tincelle \u2192 Explosion<\/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 #fee2e2;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\u2753\u2192<\/div>\n                    <p style=\"font-weight: bold; color: #991b1b; margin: 0 0 10px 0;\">CAUSE<\/p>\n                    <div style=\"background: #fee2e2; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #991b1b; font-weight: bold;\">POURQUOI ?<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #991b1b; font-size: 0.9rem;\">Parce que, Comme, Puisque<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">La raison qui d\u00e9clenche<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #fecaca;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\u2192\ud83d\udca5<\/div>\n                    <p style=\"font-weight: bold; color: #991b1b; margin: 0 0 10px 0;\">CONS\u00c9QUENCE<\/p>\n                    <div style=\"background: #fecaca; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #991b1b; font-weight: bold;\">DONC QUOI ?<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #991b1b; font-size: 0.9rem;\">Donc, Alors, C'est pourquoi<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Le r\u00e9sultat qui arrive<\/p>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #dcfce7; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #22c55e;\">\n                <p style=\"color: #166534; margin: 0; font-weight: bold;\">\ud83c\udf1f Conseil de m\u00e9morisation :<\/p>\n                <p style=\"color: #166534; margin: 8px 0 0 0;\">Visualisez une fl\u00e8che qui part d'un point d'interrogation (\u2753\u2192 POURQUOI ? = CAUSE) et arrive \u00e0 une explosion (\u2192\ud83d\udca5 DONC QUOI ? = CONS\u00c9QUENCE). Cette image mentale vous aidera \u00e0 distinguer cause et cons\u00e9quence !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Script sp\u00e9cifique au cours 43\n    let exercise43Answers = {};\n    let exercise43Completed = false;\n\n    const correct43Answers = {\n        1: 'cause',       \/\/ Parce qu'il pleut \u2192 cause\n        2: 'cons\u00e9quence', \/\/ donc il dort \u2192 cons\u00e9quence\n        3: 'cause'        \/\/ Comme il fait froid \u2192 cause\n    };\n\n    function check43Answer(questionNum, answer) {\n        if (exercise43Completed) return;\n        \n        exercise43Answers[questionNum] = answer;\n        \n        \/\/ D\u00e9sactiver tous les boutons pour cette question\n        document.getElementById(`btn43-${questionNum}-cause`).disabled = true;\n        document.getElementById(`btn43-${questionNum}-consequence`).disabled = true;\n        \n        const resultElement = document.getElementById(`result43-${questionNum}`);\n        \n        let phrase = '';\n        let explanation = '';\n        \n        if (questionNum === 1) {\n            phrase = 'Parce qu\\'il pleut \u2192 CAUSE';\n            explanation = answer === 'cause' \n                ? 'Correct ! \"Parce qu\\'il pleut\" explique POURQUOI je reste \u2192 CAUSE.' \n                : 'Non, \"Parce qu\\'il pleut\" explique la raison \u2192 CAUSE.';\n        } else if (questionNum === 2) {\n            phrase = 'donc il dort \u2192 CONS\u00c9QUENCE';\n            explanation = answer === 'cons\u00e9quence' \n                ? 'Correct ! \"donc il dort\" est le r\u00e9sultat de la fatigue \u2192 CONS\u00c9QUENCE.' \n                : 'Non, \"donc il dort\" est le r\u00e9sultat \u2192 CONS\u00c9QUENCE.';\n        } else if (questionNum === 3) {\n            phrase = 'Comme il fait froid \u2192 CAUSE';\n            explanation = answer === 'cause' \n                ? 'Correct ! \"Comme il fait froid\" explique POURQUOI je mets un manteau \u2192 CAUSE.' \n                : 'Non, \"Comme il fait froid\" explique la raison \u2192 CAUSE.';\n        }\n        \n        if (answer === correct43Answers[questionNum]) {\n            resultElement.innerHTML = `\n                <div style=\"background: #d1fae5; padding: 10px; border-radius: 6px; border: 2px solid #10b981;\">\n                    <p style=\"margin: 0; color: #047857; font-weight: bold;\">\u2705 Correct !<\/p>\n                    <p style=\"margin: 8px 0 0 0; color: #047857;\">${phrase}<\/p>\n                    <p style=\"margin: 8px 0 0 0; color: #047857;\">${explanation}<\/p>\n                <\/div>\n            `;\n        } else {\n            resultElement.innerHTML = `\n                <div style=\"background: #fee2e2; padding: 10px; border-radius: 6px; border: 2px solid #ef4444;\">\n                    <p style=\"margin: 0; color: #991b1b; font-weight: bold;\">\u274c Attention !<\/p>\n                    <p style=\"margin: 8px 0 0 0; color: #991b1b;\">R\u00e9ponse correcte : <strong>${correct43Answers[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 showAllHints43() {\n        for (let i = 1; i <= 3; i++) {\n            const hintElement = document.getElementById(`hint43-${i}`);\n            hintElement.style.display = 'block';\n        }\n    }\n\n    function checkAll43Answers() {\n        exercise43Completed = true;\n        \n        let correctCount = 0;\n        const totalQuestions = Object.keys(correct43Answers).length;\n        \n        for (let i = 1; i <= totalQuestions; i++) {\n            if (exercise43Answers[i] === correct43Answers[i]) {\n                correctCount++;\n            }\n            \n            \/\/ D\u00e9sactiver les boutons restants\n            if (!exercise43Answers[i]) {\n                document.getElementById(`btn43-${i}-cause`).disabled = true;\n                document.getElementById(`btn43-${i}-consequence`).disabled = true;\n            }\n        }\n        \n        const score = Math.round((correctCount \/ totalQuestions) * 100);\n        \n        const scoreContainer = document.getElementById('score43-container');\n        const scoreText = document.getElementById('score43-text');\n        const scoreMessage = document.getElementById('score43-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 cause et cons\u00e9quence !';\n        } else if (score >= 70) {\n            message = '\ud83d\udc4d Tr\u00e8s bien ! Vous distinguez bien les relations logiques.';\n        } else if (score >= 50) {\n            message = '\ud83d\udcda Pas mal ! Rappelez-vous : CAUSE = pourquoi ?, CONS\u00c9QUENCE = donc quoi ?';\n        } else {\n            message = '\ud83d\udcaa Continuez \u00e0 pratiquer ! Posez-vous la question : est-ce la raison ou le r\u00e9sultat ?';\n        }\n        \n        scoreMessage.innerHTML = message;\n        scoreContainer.style.display = 'block';\n        \n        scoreContainer.scrollIntoView({ behavior: 'smooth' });\n    }\n\n    function reset43Exercise() {\n        exercise43Answers = {};\n        exercise43Completed = false;\n        \n        for (let i = 1; i <= 3; i++) {\n            document.getElementById(`btn43-${i}-cause`).disabled = false;\n            document.getElementById(`btn43-${i}-consequence`).disabled = false;\n            \n            document.getElementById(`result43-${i}`).style.display = 'none';\n            document.getElementById(`hint43-${i}`).style.display = 'none';\n        }\n        \n        document.getElementById('score43-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=\"1765305991\"\r\n\t            data-title=\"Le\u00e7on 43 \u2013 Subordonn\u00e9es de cause et cons\u00e9quence\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83e\udde0 Le\u00e7on 43 \u2013 Subordonn\u00e9es de cause et cons\u00e9quence Apprenez \u00e0 exprimer les relations de cause \u00e0 effet \ud83d\udcdd 1. Rappel Les subordonn\u00e9es de cause et cons\u00e9quence expriment les relations [&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-15122","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15122","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=15122"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15122\/revisions"}],"predecessor-version":[{"id":15124,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15122\/revisions\/15124"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}