{"id":15132,"date":"2025-12-10T14:27:25","date_gmt":"2025-12-10T13:27:25","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15132"},"modified":"2025-12-10T14:27:28","modified_gmt":"2025-12-10T13:27:28","slug":"lecon-48-connecteurs-logiques","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/lecon-48-connecteurs-logiques\/","title":{"rendered":"Lesson 48 \u2013 Logical Connectives"},"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, #f0f9ff 0%, #e0f2fe 100%); color: #0c4a6e;\">\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 #0284c7;\">\n        <h1 style=\"color: #0284c7; margin-bottom: 10px; display: flex; align-items: center;\">\n            <span style=\"background: #0284c7; color: white; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px;\">\ud83d\udcd8<\/span>\n            Le\u00e7on 48 \u2013 Connecteurs logiques\n        <\/h1>\n        <p style=\"color: #64748b; font-size: 1.1rem;\">Apprenez \u00e0 relier vos id\u00e9es avec les mots de liaison<\/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: #0284c7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bae6fd; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcdd<\/span> 1. \u00c0 quoi servent les connecteurs ?\n        <\/h2>\n        \n        <div style=\"background: #f0f9ff; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #7dd3fc;\">\n            <p style=\"margin: 0 0 15px 0; font-size: 1.1rem;\">Les connecteurs logiques sont des mots qui <strong>relient des phrases<\/strong> pour montrer les relations entre les id\u00e9es :<\/p>\n            \n            <div style=\"background: white; padding: 25px; border-radius: 10px; margin: 20px 0; border: 3px solid #0284c7; text-align: center;\">\n                <div style=\"font-size: 2rem; margin-bottom: 15px;\">\ud83d\udd17<\/div>\n                <h3 style=\"color: #0c4a6e; margin-top: 0; margin-bottom: 15px;\">ILS CR\u00c9ENT DES PONTS ENTRE LES ID\u00c9ES<\/h3>\n                <p style=\"color: #0284c7; margin: 0; font-weight: bold;\">Phrase 1 + Connecteur + Phrase 2<\/p>\n                <div style=\"background: #f0f9ff; padding: 10px; border-radius: 8px; margin-top: 10px;\">\n                    <p style=\"color: #0c4a6e; margin: 0;\">Il fait froid <span style=\"background: #bae6fd; padding: 2px 5px; border-radius: 4px; font-weight: bold;\">donc<\/span> je reste \u00e0 la maison.<\/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: white; padding: 20px; border-radius: 10px; border: 2px solid #e0f2fe; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83e\udd14<\/div>\n                    <h3 style=\"color: #0c4a6e; margin-top: 0; margin-bottom: 10px;\">Sans connecteurs<\/h3>\n                    <p style=\"color: #64748b; margin: 0 0 15px 0;\">Les phrases sont isol\u00e9es<\/p>\n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.95rem;\">Il pleut. Je prends un parapluie. Je marche. J'arrive au travail.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; border: 2px solid #0284c7; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\u2728<\/div>\n                    <h3 style=\"color: #0284c7; margin-top: 0; margin-bottom: 10px;\">Avec connecteurs<\/h3>\n                    <p style=\"color: #64748b; margin: 0 0 15px 0;\">Les id\u00e9es sont li\u00e9es<\/p>\n                    <div style=\"background: #f0f9ff; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #0284c7; margin: 0; font-weight: bold;\">Il pleut, <strong>donc<\/strong> je prends un parapluie <strong>et<\/strong> je marche <strong>jusqu'au<\/strong> travail.<\/p>\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 Pourquoi utiliser des connecteurs ?<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">1. Rendre le discours plus fluide<br>2. Montrer les relations logiques<br>3. Structurer ses id\u00e9es<br>4. Am\u00e9liorer la compr\u00e9hension<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION II - TABLEAU DES CONNECTEURS -->\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: #0284c7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bae6fd; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83c\udf10<\/span> 2. Types de connecteurs\n        <\/h2>\n        \n        <div style=\"background: #f0f9ff; padding: 25px; border-radius: 10px; border: 2px solid #7dd3fc;\">\n            <h3 style=\"color: #0c4a6e; margin-top: 0; margin-bottom: 20px; text-align: center;\">Les 4 grandes cat\u00e9gories de connecteurs<\/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: #0284c7; color: white;\">\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Id\u00e9e<\/th>\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Mots de liaison<\/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;\">Symbole<\/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: #10b981;\">Ajouter<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>et, aussi, de plus, en outre, ainsi que<\/strong><\/td>\n                            <td style=\"padding: 15px; text-align: center;\">J'aime lire <strong>et<\/strong> \u00e9couter de la musique.<\/td>\n                            <td style=\"padding: 15px; text-align: center; font-size: 1.5rem;\">\u2795<\/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;\">Opposer<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>mais, pourtant, cependant, n\u00e9anmoins, par contre<\/strong><\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Il fait beau, <strong>mais<\/strong> je reste \u00e0 l'int\u00e9rieur.<\/td>\n                            <td style=\"padding: 15px; text-align: center; font-size: 1.5rem;\">\u2194\ufe0f<\/td>\n                        <\/tr>\n                        <tr style=\"border-bottom: 1px solid #e5e7eb;\">\n                            <td style=\"padding: 15px; text-align: center; font-weight: bold; color: #8b5cf6;\">Conclure<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>donc, alors, ainsi, par cons\u00e9quent, c'est pourquoi<\/strong><\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Il pleut, <strong>donc<\/strong> je prends un parapluie.<\/td>\n                            <td style=\"padding: 15px; text-align: center; font-size: 1.5rem;\">\u27a1\ufe0f<\/td>\n                        <\/tr>\n                        <tr>\n                            <td style=\"padding: 15px; text-align: center; font-weight: bold; color: #f59e0b;\">Expliquer<\/td>\n                            <td style=\"padding: 15px; text-align: center;\"><strong>parce que, puisque, car, en effet, \u00e9tant donn\u00e9 que<\/strong><\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Je reste <strong>parce que<\/strong> je suis fatigu\u00e9.<\/td>\n                            <td style=\"padding: 15px; text-align: center; font-size: 1.5rem;\">\u2753\u27a1\ufe0f\ud83d\udca1<\/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 #bae6fd;\">\n                <h4 style=\"color: #0284c7; margin-top: 0; margin-bottom: 15px; text-align: center;\">Position des connecteurs dans la phrase<\/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: #0c4a6e; margin: 0 0 10px 0; font-weight: bold;\">Au milieu (entre deux phrases)<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Phrase 1 + connecteur + phrase 2<\/p>\n                        <div style=\"background: #f0f9ff; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #0284c7; margin: 0; font-size: 0.9rem;\">Il fait froid, <strong>donc<\/strong> je reste.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #0c4a6e; margin: 0 0 10px 0; font-weight: bold;\">Au d\u00e9but (pour introduire)<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Connecteur + phrase compl\u00e8te<\/p>\n                        <div style=\"background: #f0f9ff; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #0284c7; margin: 0; font-size: 0.9rem;\"><strong>Parce qu'<\/strong>il fait froid, je reste.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION III - EXEMPLES D\u00c9TAILL\u00c9S -->\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: #0284c7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bae6fd; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udde3\ufe0f<\/span> 3. Exemples d\u00e9taill\u00e9s\n        <\/h2>\n        \n        <div style=\"background: #f0f9ff; padding: 25px; border-radius: 10px; border: 2px solid #7dd3fc;\">\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 #bae6fd;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #0284c7; 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: #0c4a6e; margin: 0;\">Opposition : MAIS, POURTANT<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #f0f9ff; padding: 10px; border-radius: 6px; border-left: 4px solid #ef4444;\">\n                            <p style=\"color: #0284c7; margin: 0; font-weight: bold;\">J'aime parler, <span style=\"background: #fecaca; padding: 2px 5px; border-radius: 4px;\">mais<\/span> je suis timide.<\/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;\">Deux id\u00e9es qui s'opposent<\/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;\">\u2194\ufe0f MAIS : montre une contradiction<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #f0f9ff; padding: 10px; border-radius: 6px; border-left: 4px solid #ef4444;\">\n                            <p style=\"color: #0284c7; margin: 0; font-weight: bold;\">Il fait beau, <span style=\"background: #fecaca; padding: 2px 5px; border-radius: 4px;\">pourtant<\/span> je reste \u00e0 l'int\u00e9rieur.<\/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;\">Situation contre-attendue<\/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\ude2e POURTANT : indique une surprise<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; border: 2px solid #bae6fd;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #0284c7; 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: #0c4a6e; margin: 0;\">Conclusion : DONC, ALORS<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #f0f9ff; padding: 10px; border-radius: 6px; border-left: 4px solid #8b5cf6;\">\n                            <p style=\"color: #0284c7; margin: 0; font-weight: bold;\">Il fait froid, <span style=\"background: #e9d5ff; padding: 2px 5px; border-radius: 4px;\">donc<\/span> je reste \u00e0 la maison.<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #8b5cf6; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Cons\u00e9quence logique<\/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;\">\u27a1\ufe0f DONC : r\u00e9sultat d'une situation<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #f0f9ff; padding: 10px; border-radius: 6px; border-left: 4px solid #8b5cf6;\">\n                            <p style=\"color: #0284c7; margin: 0; font-weight: bold;\">Tu n'es pas l\u00e0, <span style=\"background: #e9d5ff; padding: 2px 5px; border-radius: 4px;\">alors<\/span> je pars.<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #8b5cf6; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">D\u00e9cision prise<\/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;\">\ud83e\udd1d ALORS : conclusion pratique<\/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 #bae6fd;\">\n                <h4 style=\"color: #0284c7; margin-top: 0; margin-bottom: 15px; text-align: center;\">Explication : PARCE QUE, PUISQUE<\/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: #0c4a6e; margin: 0 0 10px 0; font-weight: bold;\">PARCE QUE (cause)<\/p>\n                        <div style=\"background: #f0f9ff; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #0284c7; margin: 0; font-weight: bold;\">Je reste <strong>parce que<\/strong> je suis fatigu\u00e9.<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">La fatigue est la cause<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #0c4a6e; margin: 0 0 10px 0; font-weight: bold;\">PUISQUE (\u00e9vidence)<\/p>\n                        <div style=\"background: #f0f9ff; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #0284c7; margin: 0; font-weight: bold;\"><strong>Puisque<\/strong> tu es l\u00e0, aidons-nous.<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">C'est une \u00e9vidence<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION IV - MINI-CONVERSATION -->\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: #0284c7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bae6fd; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83c\udfaf<\/span> 4. Mini-conversation\n        <\/h2>\n        \n        <div style=\"background: #f0f9ff; padding: 25px; border-radius: 10px; border: 1px solid #7dd3fc; position: relative;\">\n            <div style=\"position: absolute; top: -15px; left: 20px; background: #0284c7; color: white; padding: 5px 15px; border-radius: 20px; font-weight: bold;\">\n                Dialogue\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: #0284c7; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; font-weight: bold; font-size: 1.1rem;\">P<\/div>\n                    <div style=\"background: white; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #7dd3fc;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #0c4a6e;\">Pierre :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #0c4a6e;\">\u00ab J'aimerais aller au parc, <span style=\"background: #fecaca; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">mais<\/span> il pleut. <span style=\"background: #e9d5ff; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">Donc<\/span> je reste \u00e0 la maison. \u00bb<\/p>\n                        <div style=\"background: #f0f9ff; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #0c4a6e; font-size: 0.9rem;\">\u2705 MAIS : opposition \/ DONC : cons\u00e9quence<\/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 #7dd3fc;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #0c4a6e; text-align: right;\">Marie :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #0c4a6e; text-align: right;\">\u00ab Tu peux lire un livre <span style=\"background: #bbf7d0; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">et<\/span> \u00e9couter de la musique. <span style=\"background: #fed7aa; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">Parce que<\/span> c'est agr\u00e9able. \u00bb<\/p>\n                        <div style=\"background: #f0f9ff; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: right;\">\n                            <p style=\"margin: 0; color: #0c4a6e; font-size: 0.9rem;\">\u2705 ET : addition \/ PARCE QUE : explication<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: #0ea5e9; 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 du dialogue :<\/p>\n                <p style=\"color: #92400e; margin: 8px 0 0 0;\">1. \"mais\" \u2192 montre l'opposition entre le d\u00e9sir et la r\u00e9alit\u00e9<br>2. \"donc\" \u2192 indique la cons\u00e9quence logique<br>3. \"et\" \u2192 ajoute une autre activit\u00e9<br>4. \"parce que\" \u2192 explique la raison<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION V - VOCABULAIRE DES CONNECTEURS -->\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: #0284c7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bae6fd; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83e\uddf0<\/span> 5. Vocabulaire des connecteurs\n        <\/h2>\n        \n        <div style=\"background: #f0f9ff; padding: 25px; border-radius: 10px; border: 2px solid #7dd3fc;\">\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;\">\n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #bbf7d0;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\u2795<\/div>\n                    <p style=\"font-weight: bold; color: #10b981; font-size: 1.2rem; margin: 0 0 8px 0;\">Ajouter<\/p>\n                    <div style=\"background: #d1fae5; padding: 10px; border-radius: 8px;\">\n                        <p style=\"color: #047857; margin: 0 0 5px 0; font-weight: bold;\">et<\/p>\n                        <p style=\"color: #047857; margin: 0 0 5px 0; font-size: 0.9rem;\">\/e\/<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.8rem;\">le plus simple<\/p>\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;\">\u2194\ufe0f<\/div>\n                    <p style=\"font-weight: bold; color: #ef4444; font-size: 1.2rem; margin: 0 0 8px 0;\">Opposer<\/p>\n                    <div style=\"background: #fee2e2; padding: 10px; border-radius: 8px;\">\n                        <p style=\"color: #991b1b; margin: 0 0 5px 0; font-weight: bold;\">mais<\/p>\n                        <p style=\"color: #991b1b; margin: 0 0 5px 0; font-size: 0.9rem;\">\/m\u025b\/<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.8rem;\">le plus courant<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #e9d5ff;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\u27a1\ufe0f<\/div>\n                    <p style=\"font-weight: bold; color: #8b5cf6; font-size: 1.2rem; margin: 0 0 8px 0;\">Conclure<\/p>\n                    <div style=\"background: #f3e8ff; padding: 10px; border-radius: 8px;\">\n                        <p style=\"color: #7c3aed; margin: 0 0 5px 0; font-weight: bold;\">donc<\/p>\n                        <p style=\"color: #7c3aed; margin: 0 0 5px 0; font-size: 0.9rem;\">\/d\u0254\u0303k\/<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.8rem;\">cons\u00e9quence<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fed7aa;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\u2753\u27a1\ufe0f\ud83d\udca1<\/div>\n                    <p style=\"font-weight: bold; color: #f59e0b; font-size: 1.2rem; margin: 0 0 8px 0;\">Expliquer<\/p>\n                    <div style=\"background: #ffedd5; padding: 10px; border-radius: 8px;\">\n                        <p style=\"color: #d97706; margin: 0 0 5px 0; font-weight: bold;\">parce que<\/p>\n                        <p style=\"color: #d97706; margin: 0 0 5px 0; font-size: 0.9rem;\">\/pa\u0281s.k\u0259\/<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.8rem;\">cause<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: white; padding: 20px; border-radius: 10px; margin-top: 20px; border: 2px solid #bae6fd;\">\n                <h4 style=\"color: #0284c7; margin-top: 0; margin-bottom: 15px; text-align: center;\">Nuances entre connecteurs similaires<\/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: #0c4a6e; margin: 0 0 10px 0; font-weight: bold;\">MAIS vs POURTANT<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\"><strong>Mais<\/strong> : opposition simple<br><strong>Pourtant<\/strong> : opposition surprenante<\/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;\">Il est riche <strong>mais<\/strong> pas heureux.<br>Il est riche <strong>pourtant<\/strong> pas heureux.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #0c4a6e; margin: 0 0 10px 0; font-weight: bold;\">DONC vs ALORS<\/p>\n                        <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\"><strong>Donc<\/strong> : cons\u00e9quence logique<br><strong>Alors<\/strong> : d\u00e9cision pratique<\/p>\n                        <div style=\"background: #f3e8ff; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #7c3aed; margin: 0; font-size: 0.9rem;\">Il pleut, <strong>donc<\/strong> je reste.<br>Tu n'es pas l\u00e0, <strong>alors<\/strong> je pars.<\/p>\n                        <\/div>\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: #0284c7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bae6fd; 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, #f0f9ff 0%, #e0f2fe 100%); padding: 25px; border-radius: 10px; border: 2px solid #7dd3fc;\">\n            <h3 style=\"color: #0284c7; margin-top: 0; text-align: center; margin-bottom: 25px;\">Compl\u00e8te avec le bon connecteur<\/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: #0284c7; margin-bottom: 15px; font-size: 1.1rem;\">1. Il pleut, _____ je prends un parapluie.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"checkConnectorAnswer(1, 'mais')\" id=\"btn48-1-mais\" 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                        MAIS\n                    <\/button>\n                    <button onclick=\"checkConnectorAnswer(1, 'donc')\" id=\"btn48-1-donc\" style=\"background: #f3e8ff; border: 2px solid #8b5cf6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #7c3aed; flex: 1;\">\n                        DONC\n                    <\/button>\n                    <button onclick=\"checkConnectorAnswer(1, 'parce que')\" id=\"btn48-1-parceque\" style=\"background: #ffedd5; border: 2px solid #f59e0b; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #d97706; flex: 1;\">\n                        PARCE QUE\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint48-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 : \"Il pleut\" est la cause, \"je prends un parapluie\" est la cons\u00e9quence.<\/p>\n                <\/div>\n                \n                <div id=\"result48-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: #0284c7; margin-bottom: 15px; font-size: 1.1rem;\">2. J'aime le chocolat, _____ je n'en mange pas souvent.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"checkConnectorAnswer(2, 'et')\" id=\"btn48-2-et\" style=\"background: #d1fae5; border: 2px solid #10b981; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #047857; flex: 1;\">\n                        ET\n                    <\/button>\n                    <button onclick=\"checkConnectorAnswer(2, 'mais')\" id=\"btn48-2-mais\" 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                        MAIS\n                    <\/button>\n                    <button onclick=\"checkConnectorAnswer(2, 'donc')\" id=\"btn48-2-donc\" style=\"background: #f3e8ff; border: 2px solid #8b5cf6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #7c3aed; flex: 1;\">\n                        DONC\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint48-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 que les deux id\u00e9es s'accordent ou s'opposent ?<\/p>\n                <\/div>\n                \n                <div id=\"result48-2\" style=\"display: none; padding: 12px; border-radius: 6px; margin-top: 10px;\"><\/div>\n            <\/div>\n            \n            <!-- Question 3 -->\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: #0284c7; margin-bottom: 15px; font-size: 1.1rem;\">3. Je vais au cin\u00e9ma _____ voir un bon film.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"checkConnectorAnswer(3, 'parce que')\" id=\"btn48-3-parceque\" style=\"background: #ffedd5; border: 2px solid #f59e0b; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #d97706; flex: 1;\">\n                        PARCE QUE\n                    <\/button>\n                    <button onclick=\"checkConnectorAnswer(3, 'et')\" id=\"btn48-3-et\" style=\"background: #d1fae5; border: 2px solid #10b981; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #047857; flex: 1;\">\n                        ET\n                    <\/button>\n                    <button onclick=\"checkConnectorAnswer(3, 'donc')\" id=\"btn48-3-donc\" style=\"background: #f3e8ff; border: 2px solid #8b5cf6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #7c3aed; flex: 1;\">\n                        DONC\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint48-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 : Quelle est la relation entre \"aller au cin\u00e9ma\" et \"voir un film\" ?<\/p>\n                <\/div>\n                \n                <div id=\"result48-3\" style=\"display: none; padding: 12px; border-radius: 6px; margin-top: 10px;\"><\/div>\n            <\/div>\n            \n            <!-- Question 4 -->\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: #0284c7; margin-bottom: 15px; font-size: 1.1rem;\">4. Il fait beau, _____ je reste \u00e0 l'int\u00e9rieur.<\/p>\n                \n                <div style=\"display: flex; gap: 15px; margin-bottom: 15px; justify-content: center;\">\n                    <button onclick=\"checkConnectorAnswer(4, 'donc')\" id=\"btn48-4-donc\" style=\"background: #f3e8ff; border: 2px solid #8b5cf6; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #7c3aed; flex: 1;\">\n                        DONC\n                    <\/button>\n                    <button onclick=\"checkConnectorAnswer(4, 'pourtant')\" id=\"btn48-4-pourtant\" 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                        POURTANT\n                    <\/button>\n                    <button onclick=\"checkConnectorAnswer(4, 'et')\" id=\"btn48-4-et\" style=\"background: #d1fae5; border: 2px solid #10b981; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 1rem; color: #047857; flex: 1;\">\n                        ET\n                    <\/button>\n                <\/div>\n                \n                <div id=\"hint48-4\" 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 logique de rester \u00e0 l'int\u00e9rieur quand il fait beau ?<\/p>\n                <\/div>\n                \n                <div id=\"result48-4\" 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=\"checkAll48Answers()\" style=\"background: #0284c7; 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=\"reset48Exercise()\" 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=\"showAllHints48()\" 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=\"score48-container\" style=\"background: #d1fae5; padding: 20px; border-radius: 10px; margin-top: 25px; display: none; border: 3px solid #10b981; text-align: center;\">\n                <h4 style=\"color: #064e3b; margin-top: 0; margin-bottom: 10px;\">\ud83c\udf89 R\u00e9sultat de l'exercice<\/h4>\n                <div id=\"score48-text\" style=\"font-size: 1.2rem; margin-bottom: 15px;\"><\/div>\n                <div id=\"score48-message\" style=\"color: #064e3b;\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION VII - STRAT\u00c9GIE DE M\u00c9MORISATION -->\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: #0284c7; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #bae6fd; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\uddbc\ufe0f<\/span> 7. Strat\u00e9gie pour m\u00e9moriser\n        <\/h2>\n        \n        <div style=\"background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); padding: 30px; border-radius: 10px; border: 2px solid #7dd3fc; text-align: center;\">\n            <div style=\"background: white; padding: 25px; border-radius: 8px; display: inline-block; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-bottom: 20px;\">\n                <div style=\"font-size: 4rem; margin-bottom: 15px;\">\ud83d\udd17\u2795\u2194\ufe0f\u27a1\ufe0f\u2753<\/div>\n                <p style=\"font-weight: bold; color: #0c4a6e; font-size: 1.3rem; margin: 0;\">Les 4 connexions essentielles<\/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 #d1fae5;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\u2795<\/div>\n                    <p style=\"font-weight: bold; color: #10b981; margin: 0 0 10px 0;\">AJOUTER<\/p>\n                    <div style=\"background: #d1fae5; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #047857; font-weight: bold;\">ET, AUSSI<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #047857; font-size: 0.9rem;\">\"J'aime le caf\u00e9 et le th\u00e9\"<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Pensez \u00e0 un \"+\"<\/p>\n                <\/div>\n                \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;\">\u2194\ufe0f<\/div>\n                    <p style=\"font-weight: bold; color: #ef4444; margin: 0 0 10px 0;\">OPPOSER<\/p>\n                    <div style=\"background: #fee2e2; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #991b1b; font-weight: bold;\">MAIS, POURTANT<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #991b1b; font-size: 0.9rem;\">\"Il fait beau mais je reste\"<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Pensez \u00e0 une balance<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #f3e8ff;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\u27a1\ufe0f<\/div>\n                    <p style=\"font-weight: bold; color: #8b5cf6; margin: 0 0 10px 0;\">CONCLUSION<\/p>\n                    <div style=\"background: #f3e8ff; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #7c3aed; font-weight: bold;\">DONC, ALORS<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #7c3aed; font-size: 0.9rem;\">\"Il pleut donc je reste\"<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Pensez \u00e0 une fl\u00e8che<\/p>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 8px; text-align: center; border: 2px solid #ffedd5;\">\n                    <div style=\"font-size: 3rem; margin-bottom: 10px;\">\u2753\u27a1\ufe0f\ud83d\udca1<\/div>\n                    <p style=\"font-weight: bold; color: #f59e0b; margin: 0 0 10px 0;\">EXPLIQUER<\/p>\n                    <div style=\"background: #ffedd5; padding: 8px; border-radius: 6px;\">\n                        <p style=\"margin: 0; color: #d97706; font-weight: bold;\">PARCE QUE, CAR<\/p>\n                        <p style=\"margin: 5px 0 0 0; color: #d97706; font-size: 0.9rem;\">\"Je reste parce que je suis fatigu\u00e9\"<\/p>\n                    <\/div>\n                    <p style=\"color: #374151; margin: 10px 0 0 0; font-size: 0.9rem;\">Pensez \u00e0 un point d'interrogation<\/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;\">Associez chaque cat\u00e9gorie \u00e0 un symbole visuel simple. Quand vous \u00e9crivez ou parlez, demandez-vous : \"Est-ce que j'ajoute (+), oppose (\u2194\ufe0f), conclus (\u27a1\ufe0f) ou explique (\u2753) ?\" Le bon connecteur viendra naturellement !<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Script sp\u00e9cifique au cours 48\n    let exercise48Answers = {};\n    let exercise48Completed = false;\n\n    const correct48Answers = {\n        1: 'donc',        \/\/ Il pleut, donc je prends un parapluie (cons\u00e9quence)\n        2: 'mais',        \/\/ J'aime le chocolat, mais je n'en mange pas souvent (opposition)\n        3: 'parce que',   \/\/ Je vais au cin\u00e9ma parce que voir un bon film (cause)\n        4: 'pourtant'     \/\/ Il fait beau, pourtant je reste \u00e0 l'int\u00e9rieur (opposition surprenante)\n    };\n\n    function checkConnectorAnswer(questionNum, answer) {\n        if (exercise48Completed) return;\n        \n        exercise48Answers[questionNum] = answer;\n        \n        \/\/ D\u00e9sactiver tous les boutons pour cette question\n        const buttons = document.querySelectorAll(`[id^=\"btn48-${questionNum}-\"]`);\n        buttons.forEach(button => button.disabled = true);\n        \n        const resultElement = document.getElementById(`result48-${questionNum}`);\n        \n        let phrase = '';\n        let explanation = '';\n        \n        if (questionNum === 1) {\n            phrase = 'Il pleut, donc je prends un parapluie';\n            explanation = answer === 'donc' \n                ? 'Correct ! \"Il pleut\" est la cause, \"je prends un parapluie\" est la cons\u00e9quence \u2192 DONC.' \n                : 'Non, c\\'est une relation de cause \u00e0 cons\u00e9quence. On utilise DONC.';\n        } else if (questionNum === 2) {\n            phrase = 'J\\'aime le chocolat, mais je n\\'en mange pas souvent';\n            explanation = answer === 'mais' \n                ? 'Correct ! Il y a opposition entre aimer et ne pas manger souvent \u2192 MAIS.' \n                : 'Non, les deux id\u00e9es s\\'opposent. On utilise MAIS.';\n        } else if (questionNum === 3) {\n            phrase = 'Je vais au cin\u00e9ma parce que voir un bon film';\n            explanation = answer === 'parce que' \n                ? 'Correct ! \"Voir un bon film\" est la raison d\\'aller au cin\u00e9ma \u2192 PARCE QUE.' \n                : 'Non, \"voir un bon film\" explique pourquoi je vais au cin\u00e9ma. On utilise PARCE QUE.';\n        } else if (questionNum === 4) {\n            phrase = 'Il fait beau, pourtant je reste \u00e0 l\\'int\u00e9rieur';\n            explanation = answer === 'pourtant' \n                ? 'Correct ! C\\'est surprenant de rester \u00e0 l\\'int\u00e9rieur quand il fait beau \u2192 POURTANT.' \n                : 'Non, c\\'est une opposition surprenante. On utilise POURTANT.';\n        }\n        \n        if (answer === correct48Answers[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>${correct48Answers[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 showAllHints48() {\n        for (let i = 1; i <= 4; i++) {\n            const hintElement = document.getElementById(`hint48-${i}`);\n            hintElement.style.display = 'block';\n        }\n    }\n\n    function checkAll48Answers() {\n        exercise48Completed = true;\n        \n        let correctCount = 0;\n        const totalQuestions = Object.keys(correct48Answers).length;\n        \n        for (let i = 1; i <= totalQuestions; i++) {\n            if (exercise48Answers[i] === correct48Answers[i]) {\n                correctCount++;\n            }\n            \n            \/\/ D\u00e9sactiver les boutons restants\n            if (!exercise48Answers[i]) {\n                const buttons = document.querySelectorAll(`[id^=\"btn48-${i}-\"]`);\n                buttons.forEach(button => button.disabled = true);\n            }\n        }\n        \n        const score = Math.round((correctCount \/ totalQuestions) * 100);\n        \n        const scoreContainer = document.getElementById('score48-container');\n        const scoreText = document.getElementById('score48-text');\n        const scoreMessage = document.getElementById('score48-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 Excellent ! Vous ma\u00eetrisez parfaitement les connecteurs logiques !';\n        } else if (score >= 75) {\n            message = '\ud83d\udc4d Tr\u00e8s bien ! Vous comprenez bien les diff\u00e9rentes relations logiques.';\n        } else if (score >= 50) {\n            message = '\ud83d\udcda Pas mal ! Continuez \u00e0 pratiquer pour distinguer les nuances.';\n        } else {\n            message = '\ud83d\udcaa Continuez ! Rappelez-vous : + = ET, \u2194\ufe0f = MAIS, \u27a1\ufe0f = DONC, \u2753 = PARCE QUE';\n        }\n        \n        scoreMessage.innerHTML = message;\n        scoreContainer.style.display = 'block';\n        \n        scoreContainer.scrollIntoView({ behavior: 'smooth' });\n    }\n\n    function reset48Exercise() {\n        exercise48Answers = {};\n        exercise48Completed = false;\n        \n        for (let i = 1; i <= 4; i++) {\n            const buttons = document.querySelectorAll(`[id^=\"btn48-${i}-\"]`);\n            buttons.forEach(button => button.disabled = false);\n            document.getElementById(`result48-${i}`).style.display = 'none';\n            document.getElementById(`hint48-${i}`).style.display = 'none';\n        }\n        \n        document.getElementById('score48-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=\"1765376845\"\r\n\t            data-title=\"Le\u00e7on 48 \u2013 Connecteurs logiques\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcd8 Le\u00e7on 48 \u2013 Connecteurs logiques Apprenez \u00e0 relier vos id\u00e9es avec les mots de liaison \ud83d\udcdd 1. \u00c0 quoi servent les connecteurs ? Les connecteurs logiques sont des mots [&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-15132","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15132","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=15132"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15132\/revisions"}],"predecessor-version":[{"id":15133,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15132\/revisions\/15133"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}