{"id":15299,"date":"2025-12-16T14:48:30","date_gmt":"2025-12-16T13:48:30","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15299"},"modified":"2025-12-16T14:48:37","modified_gmt":"2025-12-16T13:48:37","slug":"lecon-53-prepositions-complexes","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/lecon-53-prepositions-complexes\/","title":{"rendered":"Lesson 53 \u2013 Complex Prepositions"},"content":{"rendered":"<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, #fefce8 0%, #fef9c3 100%); color: #854d0e;\">\n    \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 #eab308;\">\n        <h1 style=\"color: #eab308; margin-bottom: 10px; display: flex; align-items: center;\">\n            <span style=\"background: #eab308; color: white; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px;\">\ud83d\udd17<\/span>\n            Lesson 53 \u2013 Complex Prepositions\n        <\/h1>\n        <p style=\"color: #64748b; font-size: 1.1rem;\">Apprenez \u00e0 utiliser les pr\u00e9positions form\u00e9es de plusieurs mots<\/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: #eab308; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fde047; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcdd<\/span> 1. Qu'est-ce qu'une pr\u00e9position complexe ?\n        <\/h2>\n        \n        <div style=\"background: #fefce8; padding: 20px; border-radius: 10px; margin-bottom: 20px; border: 1px solid #facc15;\">\n            <p style=\"margin: 0 0 15px 0; font-size: 1.1rem;\">Les <strong>pr\u00e9positions complexes<\/strong> sont des groupes de mots qui fonctionnent comme une pr\u00e9position pour exprimer des relations de cause, but, comparaison ou opposition.<\/p>\n            \n            <div style=\"background: white; padding: 25px; border-radius: 10px; margin: 20px 0; border: 3px solid #eab308; text-align: center;\">\n                <div style=\"font-size: 2rem; margin-bottom: 15px;\">\ud83c\udfd7\ufe0f<\/div>\n                <h3 style=\"color: #854d0e; margin-top: 0; margin-bottom: 15px;\">GROUPE DE MOTS = UNE FONCTION<\/h3>\n                <p style=\"color: #eab308; margin: 0; font-weight: bold;\">Pr\u00e9position + article\/d\u00e9terminant + nom<\/p>\n                <div style=\"background: #fefce8; padding: 10px; border-radius: 8px; margin-top: 10px;\">\n                    <p style=\"color: #854d0e; margin: 0;\">\u00e0 cause <strong>de<\/strong> la pluie, au lieu <strong>de<\/strong> sortir<\/p>\n                <\/div>\n            <\/div>\n            \n            <div style=\"display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin-top: 20px;\">\n                <div style=\"background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%); padding: 20px; border-radius: 10px; border: 2px solid #eab308; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\u26a0\ufe0f<\/div>\n                    <h3 style=\"color: #854d0e; margin-top: 0; margin-bottom: 10px;\">CAUSE<\/h3>\n                    <p style=\"color: #854d0e; margin: 0 0 15px 0; font-weight: bold;\">\u00c0 cause de, en raison de<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #eab308; margin: 0; font-weight: bold;\">\u00c0 cause <span style=\"background: #fefce8; padding: 2px 5px; border-radius: 4px;\">de<\/span> la pluie<\/p>\n                        <div style=\"background: #eab308; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            cause n\u00e9gative\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%); padding: 20px; border-radius: 10px; border: 2px solid #eab308; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\u2728<\/div>\n                    <h3 style=\"color: #854d0e; margin-top: 0; margin-bottom: 10px;\">BUT<\/h3>\n                    <p style=\"color: #854d0e; margin: 0 0 15px 0; font-weight: bold;\">Gr\u00e2ce \u00e0, afin de<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #eab308; margin: 0; font-weight: bold;\">Gr\u00e2ce <span style=\"background: #fefce8; padding: 2px 5px; border-radius: 4px;\">\u00e0<\/span> son aide<\/p>\n                        <div style=\"background: #eab308; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            cause positive\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%); padding: 20px; border-radius: 10px; border: 2px solid #eab308; text-align: center;\">\n                    <div style=\"font-size: 2.5rem; margin-bottom: 15px;\">\ud83d\udd04<\/div>\n                    <h3 style=\"color: #854d0e; margin-top: 0; margin-bottom: 10px;\">OPPOSITION<\/h3>\n                    <p style=\"color: #854d0e; margin: 0 0 15px 0; font-weight: bold;\">Au lieu de, malgr\u00e9<\/p>\n                    <div style=\"background: white; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #eab308; margin: 0; font-weight: bold;\">Au lieu <span style=\"background: #fefce8; padding: 2px 5px; border-radius: 4px;\">de<\/span> sortir<\/p>\n                        <div style=\"background: #eab308; color: white; padding: 5px 10px; border-radius: 20px; margin-top: 10px; font-size: 0.9rem; display: inline-block;\">\n                            alternative\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: #dbeafe; padding: 15px; border-radius: 8px; margin-top: 20px; border-left: 4px solid #3b82f6;\">\n                <p style=\"color: #1e40af; margin: 0; font-weight: bold;\">\ud83d\udca1 Comment choisir ?<\/p>\n                <p style=\"color: #1e40af; margin: 8px 0 0 0;\">1. Cause n\u00e9gative \u2192 \u00e0 cause de<br>2. Cause positive \u2192 gr\u00e2ce \u00e0<br>3. Cause neutre \u2192 en raison de<br>4. Opposition \u2192 au lieu de, malgr\u00e9<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- SECTION II - TABLEAU DES PR\u00c9POSITIONS -->\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: #eab308; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fde047; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83d\udcca<\/span> 2. Tableau des pr\u00e9positions complexes\n        <\/h2>\n        \n        <div style=\"background: #fefce8; padding: 25px; border-radius: 10px; border: 2px solid #facc15;\">\n            <h3 style=\"color: #854d0e; margin-top: 0; margin-bottom: 20px; text-align: center;\">Fonctions et exemples<\/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: #eab308; color: white;\">\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Fonction<\/th>\n                            <th style=\"padding: 15px; text-align: center; font-weight: bold;\">Pr\u00e9position<\/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;\">Nuance<\/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: #eab308;\">Cause n\u00e9gative<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">\u00e0 cause de<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">\u00c0 cause <strong>du<\/strong> mauvais temps<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">cause regrettable<\/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: #eab308;\">Cause positive<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">gr\u00e2ce \u00e0<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Gr\u00e2ce <strong>\u00e0<\/strong> son aide<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">cause b\u00e9n\u00e9fique<\/td>\n                        <\/tr>\n                        <tr>\n                            <td style=\"padding: 15px; text-align: center; font-weight: bold; color: #eab308;\">Opposition<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">au lieu de<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">Au lieu <strong>de<\/strong> sortir<\/td>\n                            <td style=\"padding: 15px; text-align: center;\">alternative<\/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 #fde047;\">\n                <h4 style=\"color: #eab308; margin-top: 0; margin-bottom: 15px; text-align: center;\">Attention aux contractions<\/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: #854d0e; margin: 0 0 10px 0; font-weight: bold;\">Avec \"de\"<\/p>\n                        <div style=\"background: #fefce8; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #854d0e; margin: 0; font-size: 0.9rem;\">\u00e0 cause <strong>de<\/strong> + le = du<br>\u00e0 cause <strong>de<\/strong> + les = des<br>en raison <strong>de<\/strong> + le = du<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #854d0e; margin: 0 0 10px 0; font-weight: bold;\">Avec \"\u00e0\"<\/p>\n                        <div style=\"background: #fefce8; padding: 10px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"color: #854d0e; margin: 0; font-size: 0.9rem;\">gr\u00e2ce <strong>\u00e0<\/strong> + le = au<br>gr\u00e2ce <strong>\u00e0<\/strong> + les = aux<br>jusqu'<strong>\u00e0<\/strong> + le = au<\/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: #eab308; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fde047; 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: #fefce8; padding: 25px; border-radius: 10px; border: 2px solid #facc15;\">\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 #fde047;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #eab308; 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: #854d0e; margin: 0;\">Causes et raisons<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #fefce8; padding: 10px; border-radius: 6px; border-left: 4px solid #eab308;\">\n                            <p style=\"color: #eab308; margin: 0; font-weight: bold;\">\u00c0 cause <span style=\"background: #fde047; padding: 2px 5px; border-radius: 4px;\">de<\/span> la pluie<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #eab308; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Cause n\u00e9gative, regrettable<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #fefce8; padding: 10px; border-radius: 6px; border-left: 4px solid #eab308;\">\n                            <p style=\"color: #eab308; margin: 0; font-weight: bold;\">En raison <span style=\"background: #fde047; padding: 2px 5px; border-radius: 4px;\">des<\/span> travaux<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #eab308; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Cause neutre, formelle<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; border: 2px solid #fde047;\">\n                    <div style=\"display: flex; align-items: center; margin-bottom: 15px;\">\n                        <div style=\"background: #eab308; 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: #854d0e; margin: 0;\">Oppositions et alternatives<\/h4>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 15px;\">\n                        <div style=\"background: #fefce8; padding: 10px; border-radius: 6px; border-left: 4px solid #eab308;\">\n                            <p style=\"color: #eab308; margin: 0; font-weight: bold;\">Au lieu <span style=\"background: #fde047; padding: 2px 5px; border-radius: 4px;\">de<\/span> sortir<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #eab308; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Alternative propos\u00e9e<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <div style=\"background: #fefce8; padding: 10px; border-radius: 6px; border-left: 4px solid #eab308;\">\n                            <p style=\"color: #eab308; margin: 0; font-weight: bold;\">Malgr\u00e9 <span style=\"background: #fde047; padding: 2px 5px; border-radius: 4px;\">THE<\/span> froid<\/p>\n                            <div style=\"display: flex; align-items: center; margin-top: 8px;\">\n                                <div style=\"background: #eab308; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px;\"><\/div>\n                                <p style=\"color: #64748b; margin: 0; font-size: 0.9rem;\">Opposition, contradiction<\/p>\n                            <\/div>\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 #fde047;\">\n                <h4 style=\"color: #eab308; margin-top: 0; margin-bottom: 15px; text-align: center;\">Expressions courantes<\/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: #854d0e; margin: 0 0 10px 0; font-weight: bold;\">Formel<\/p>\n                        <div style=\"background: #fefce8; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #eab308; margin: 0; font-weight: bold;\">En raison <strong>de<\/strong> circonstances exceptionnelles<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Langage administratif<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div style=\"background: #f8f9fa; padding: 15px; border-radius: 8px;\">\n                        <p style=\"color: #854d0e; margin: 0 0 10px 0; font-weight: bold;\">Courant<\/p>\n                        <div style=\"background: #fefce8; padding: 10px; border-radius: 6px;\">\n                            <p style=\"color: #eab308; margin: 0; font-weight: bold;\">\u00c0 cause <strong>du<\/strong> retard du train<\/p>\n                            <p style=\"color: #64748b; margin: 5px 0 0 0; font-size: 0.9rem;\">Langage quotidien<\/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: #eab308; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fde047; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83c\udfaf<\/span> 4. Mini-situation\n        <\/h2>\n        \n        <div style=\"background: #fefce8; padding: 25px; border-radius: 10px; border: 1px solid #facc15; position: relative;\">\n            <div style=\"position: absolute; top: -15px; left: 20px; background: #eab308; color: white; padding: 5px 15px; border-radius: 20px; font-weight: bold;\">\n                At work\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: #eab308; 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;\">C<\/div>\n                    <div style=\"background: white; padding: 15px 20px; border-radius: 18px; max-width: 80%; border: 1px solid #facc15;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #854d0e;\">Coll\u00e8gue :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #854d0e;\">\u00ab En raison <span style=\"background: #fefce8; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">des<\/span> travaux, le m\u00e9tro est retard\u00e9. \u00bb<\/p>\n                        <div style=\"background: #fefce8; padding: 8px; border-radius: 6px; margin-top: 10px;\">\n                            <p style=\"margin: 0; color: #854d0e; font-size: 0.9rem;\">\u2705 En raison de : cause neutre, langage professionnel<\/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 #facc15;\">\n                        <p style=\"margin: 0; font-weight: bold; color: #854d0e; text-align: right;\">Manager :<\/p>\n                        <p style=\"margin: 8px 0 0 0; color: #854d0e; text-align: right;\">\u00ab Au lieu <span style=\"background: #fefce8; font-weight: bold; padding: 2px 5px; border-radius: 4px;\">de<\/span> prendre le m\u00e9tro, prenez un taxi. \u00bb<\/p>\n                        <div style=\"background: #fefce8; padding: 8px; border-radius: 6px; margin-top: 10px; text-align: right;\">\n                            <p style=\"margin: 0; color: #854d0e; font-size: 0.9rem;\">\u2705 Au lieu de : proposition alternative<\/p>\n                        <\/div>\n                    <\/div>\n                    <div style=\"background: #ca8a04; 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: #dbeafe; padding: 15px; border-radius: 8px; margin-top: 20px; border: 1px solid #3b82f6;\">\n                <p style=\"color: #1e40af; margin: 0; font-weight: bold;\">\ud83d\udcdd Analyse :<\/p>\n                <p style=\"color: #1e40af; margin: 8px 0 0 0;\">1. \"En raison des travaux\" : cause formelle, neutre<br>2. \"Au lieu de prendre\" : alternative propos\u00e9e<br>Les pr\u00e9positions complexes pr\u00e9cisent la relation entre les \u00e9l\u00e9ments.<\/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: #eab308; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #fde047; display: flex; align-items: center;\">\n            <span style=\"margin-right: 10px;\">\ud83e\uddf0<\/span> 5. Vocabulaire utile\n        <\/h2>\n        \n        <div style=\"background: #fefce8; padding: 25px; border-radius: 10px; border: 2px solid #facc15;\">\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 #fde047;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\u26a0\ufe0f<\/div>\n                    <p style=\"font-weight: bold; color: #854d0e; font-size: 1.2rem; margin: 0 0 8px 0;\">cause<\/p>\n                    <p style=\"color: #eab308; margin: 0 0 8px 0; font-size: 0.9rem;\">\/koz\/<\/p>\n                    <div style=\"background: #eab308; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        nom f\u00e9minin\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fde047;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\u2728<\/div>\n                    <p style=\"font-weight: bold; color: #854d0e; font-size: 1.2rem; margin: 0 0 8px 0;\">gr\u00e2ce<\/p>\n                    <p style=\"color: #eab308; margin: 0 0 8px 0; font-size: 0.9rem;\">\/g\u0281\u0251s\/<\/p>\n                    <div style=\"background: #eab308; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        nom f\u00e9minin\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fde047;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udd04<\/div>\n                    <p style=\"font-weight: bold; color: #854d0e; font-size: 1.2rem; margin: 0 0 8px 0;\">lieu<\/p>\n                    <p style=\"color: #eab308; margin: 0 0 8px 0; font-size: 0.9rem;\">\/lj\u00f8\/<\/p>\n                    <div style=\"background: #eab308; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        nom masculin\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fde047;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udccb<\/div>\n                    <p style=\"font-weight: bold; color: #854d0e; font-size: 1.2rem; margin: 0 0 8px 0;\">raison<\/p>\n                    <p style=\"color: #eab308; margin: 0 0 8px 0; font-size: 0.9rem;\">\/\u0281\u025b.z\u0254\u0303\/<\/p>\n                    <div style=\"background: #eab308; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        nom f\u00e9minin\n                    <\/div>\n                <\/div>\n                \n                <div style=\"background: white; padding: 20px; border-radius: 10px; text-align: center; border: 2px solid #fde047;\">\n                    <div style=\"font-size: 2rem; margin-bottom: 10px;\">\ud83d\udea7<\/div>\n                    <p style=\"font-weight: bold; color: #854d0e; font-size: 1.2rem; margin: 0 0 8px 0;\">travaux<\/p>\n                    <p style=\"color: #eab308; margin: 0 0 8px 0; font-size: 0.9rem;\">\/t\u0281a.vo\/<\/p>\n                    <div style=\"background: #eab308; color: white; padding: 4px 8px; border-radius: 20px; font-size: 0.8rem; display: inline-block;\">\n                        nom masculin pluriel\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"background: white; padding: 20px; border-radius: 10px; margin-top: 20px; border: 2px solid #fde047;\">\n                <h4 style=\"color: #eab308; margin-top: 0; margin-bottom: 15px; text-align: center;\">Autres pr\u00e9positions complexes<\/h4>\n                \n                <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px;\">\n                    <div style=\"background: #fefce8; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #854d0e; margin: 0; font-weight: bold;\">\u00e0 c\u00f4t\u00e9 de<\/p>\n                        <p style=\"color: #eab308; margin: 5px 0 0 0; font-size: 0.9rem;\">proximit\u00e9<\/p>\n                    <\/div>\n                    <div style=\"background: #fefce8; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #854d0e; margin: 0; font-weight: bold;\">en face de<\/p>\n                        <p style=\"color: #eab308; margin: 5px 0 0 0; font-size: 0.9rem;\">opposition spatiale<\/p>\n                    <\/div>\n                    <div style=\"background: #fefce8; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #854d0e; margin: 0; font-weight: bold;\">pr\u00e8s de<\/p>\n                        <p style=\"color: #eab308; margin: 5px 0 0 0; font-size: 0.9rem;\">proximit\u00e9<\/p>\n                    <\/div>\n                    <div style=\"background: #fefce8; padding: 10px; border-radius: 8px; text-align: center;\">\n                        <p style=\"color: #854d0e; margin: 0; font-weight: bold;\">loin de<\/p>\n                        <p style=\"color: #eab308; margin: 5px 0 0 0; font-size: 0.9rem;\">\u00e9loignement<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\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=\"1765896510\"\r\n\t            data-title=\"Le\u00e7on 53 \u2013 Pr\u00e9positions complexes\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd17 Le\u00e7on 53 \u2013 Pr\u00e9positions complexes Apprenez \u00e0 utiliser les pr\u00e9positions form\u00e9es de plusieurs mots \ud83d\udcdd 1. Qu&rsquo;est-ce qu&rsquo;une pr\u00e9position complexe ? Les pr\u00e9positions complexes sont des groupes de 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-15299","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15299","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=15299"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15299\/revisions"}],"predecessor-version":[{"id":15304,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15299\/revisions\/15304"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}