{"id":459,"date":"2025-12-06T21:42:42","date_gmt":"2025-12-06T12:42:42","guid":{"rendered":"https:\/\/french-and-france.com\/?p=459"},"modified":"2025-12-06T21:42:46","modified_gmt":"2025-12-06T12:42:46","slug":"459","status":"publish","type":"post","link":"https:\/\/french-and-france.com\/?p=459","title":{"rendered":""},"content":{"rendered":"\n<p><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Le Coin du FLE &#8211; Les Adjectifs<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Patrick+Hand&#038;family=Roboto:wght@300;400;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Roboto', sans-serif;\n            background-color: #f3f4f6;\n        }\n        h1, h2, h3, .handwritten {\n            font-family: 'Patrick Hand', cursive;\n        }\n        .french-flag-border {\n            border-bottom: 4px solid #0055A4;\n        }\n        .example-card {\n            transition: transform 0.2s;\n        }\n        .example-card:hover {\n            transform: translateY(-5px);\n        }\n        .highlight-fr {\n            color: #ef4444; \/* Red for emphasis *\/\n            font-weight: bold;\n        }\n        .translation {\n            color: #6b7280;\n            font-style: italic;\n            font-size: 0.9em;\n        }\n        .quiz-btn.correct {\n            background-color: #10b981 !important;\n            color: white;\n        }\n        .quiz-btn.wrong {\n            background-color: #ef4444 !important;\n            color: white;\n        }\n    <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n    <!-- Navigation -->\n    <nav class=\"bg-white shadow-md sticky top-0 z-50\">\n        <div class=\"max-w-4xl mx-auto px-4 py-3 flex justify-between items-center\">\n            <div class=\"flex items-center space-x-2\">\n                <i class=\"fas fa-comment-dots text-blue-600 text-2xl\"><\/i>\n                <span class=\"text-2xl font-bold text-gray-800 handwritten\">Le Coin du FLE<\/span>\n            <\/div>\n            <div class=\"space-x-4 hidden md:block\">\n                <a href=\"#\" class=\"text-blue-600 font-bold hover:underline\">Grammaire<\/a>\n                <a href=\"#\" class=\"text-gray-600 hover:text-blue-600\">Culture<\/a>\n                <a href=\"#\" class=\"text-gray-600 hover:text-blue-600\">Actualit\u00e9s<\/a>\n                <a href=\"#\" class=\"text-gray-600 hover:text-blue-600\">\u00c0 propos<\/a>\n            <\/div>\n            <button class=\"md:hidden text-gray-600\">\n                <i class=\"fas fa-bars text-xl\"><\/i>\n            <\/button>\n        <\/div>\n    <\/nav>\n\n    <!-- Header \/ Hero -->\n    <header class=\"bg-blue-600 text-white py-12 px-4 text-center\">\n        <div class=\"max-w-3xl mx-auto\">\n            <span class=\"bg-blue-800 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide\">Niveau A1 \/ A2<\/span>\n            <h1 class=\"text-4xl md:text-5xl font-bold mt-4 mb-2\">Les Adjectifs en Fran\u00e7ais : Mode d&#8217;Emploi<\/h1>\n            <p class=\"text-blue-100 text-lg\">Comment d\u00e9crire le monde comme un vrai Fran\u00e7ais ?<\/p>\n            <div class=\"mt-6 flex justify-center items-center space-x-2 text-sm\">\n                <img decoding=\"async\" src=\"https:\/\/api.dicebear.com\/7.x\/avataaars\/svg?seed=Felix\" alt=\"Author\" class=\"w-8 h-8 rounded-full border-2 border-white\">\n                <span>Par <strong>Professeur Martin<\/strong><\/span>\n                <span>\u2022<\/span>\n                <span>6 D\u00e9cembre 2025<\/span>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content -->\n    <main class=\"max-w-4xl mx-auto px-4 py-8 bg-white -mt-6 rounded-t-3xl shadow-lg relative z-10\">\n        \n        <!-- Intro -->\n        <div class=\"prose max-w-none mb-10\">\n            <p class=\"text-lg leading-relaxed\">\n                Bonjour \u00e0 tous ! Aujourd&#8217;hui, nous allons parler des couleurs, des \u00e9motions et des descriptions. En fran\u00e7ais, les adjectifs sont comme des cam\u00e9l\u00e9ons \ud83e\udd8e : ils changent de forme selon la personne ou l&#8217;objet qu&#8217;ils d\u00e9crivent. C&#8217;est ce qu&#8217;on appelle <strong>l&#8217;accord<\/strong>.\n            <\/p>\n            <!-- Image Added Here -->\n            <div class=\"my-8\">\n                <img decoding=\"async\" src=\"http:\/\/googleusercontent.com\/image_generation_content\/1\" alt=\"Sc\u00e8ne de caf\u00e9 parisien avec trois personnes illustrant les adjectifs '\u00e9l\u00e9gant', 'joyeuse' et 'fatigu\u00e9'\" class=\"rounded-lg shadow-md w-full\">\n                <p class=\"text-sm text-gray-500 mt-2 text-center\">Trois personnes dans un caf\u00e9 parisien, illustrant diff\u00e9rents adjectifs. (Three people in a Parisian caf\u00e9, illustrating different adjectives.)<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Section 1: L'Accord (Agreement) -->\n        <section class=\"mb-12\">\n            <div class=\"flex items-center mb-6\">\n                <div class=\"bg-red-100 p-3 rounded-full mr-4 text-red-600\">\n                    <i class=\"fas fa-venus-mars text-2xl\"><\/i>\n                <\/div>\n                <h2 class=\"text-3xl font-bold text-gray-800\">1. La R\u00e8gle d&#8217;Or : L&#8217;Accord<\/h2>\n            <\/div>\n            \n            <p class=\"mb-4\">En g\u00e9n\u00e9ral, pour le f\u00e9minin, on ajoute un <strong>-e<\/strong>. Pour le pluriel, on ajoute un <strong>-s<\/strong>.<\/p>\n            <p class=\"text-sm text-gray-500 mb-6 border-l-4 border-blue-500 pl-3\">\n                In general, for feminine, we add an <strong>-e<\/strong>. For plural, we add an <strong>-s<\/strong>.\n            <\/p>\n\n            <div class=\"grid md:grid-cols-2 gap-6\">\n                <!-- Masculine Card -->\n                <div class=\"bg-blue-50 border border-blue-100 rounded-xl p-6 example-card\">\n                    <h3 class=\"text-xl text-blue-800 font-bold mb-3 border-b border-blue-200 pb-2\">Masculin (Masculine)<\/h3>\n                    <div class=\"space-y-3\">\n                        <div class=\"flex items-center\">\n                            <i class=\"fas fa-male w-8 text-center text-blue-400\"><\/i>\n                            <div>\n                                <p>Il est <span class=\"font-bold text-blue-600\">grand<\/span>.<\/p>\n                                <p class=\"translation\">He is tall.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                            <i class=\"fas fa-user-friends w-8 text-center text-blue-400\"><\/i>\n                            <div>\n                                <p>Ils sont <span class=\"font-bold text-blue-600\">grand<span class=\"text-red-500\">s<\/span><\/span>.<\/p>\n                                <p class=\"translation\">They are tall.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Feminine Card -->\n                <div class=\"bg-pink-50 border border-pink-100 rounded-xl p-6 example-card\">\n                    <h3 class=\"text-xl text-pink-800 font-bold mb-3 border-b border-pink-200 pb-2\">F\u00e9minin (Feminine)<\/h3>\n                    <div class=\"space-y-3\">\n                        <div class=\"flex items-center\">\n                            <i class=\"fas fa-female w-8 text-center text-pink-400\"><\/i>\n                            <div>\n                                <p>Elle est <span class=\"font-bold text-pink-600\">grand<span class=\"text-red-500\">e<\/span><\/span>.<\/p>\n                                <p class=\"translation\">She is tall.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                            <i class=\"fas fa-user-friends w-8 text-center text-pink-400\"><\/i>\n                            <div>\n                                <p>Elles sont <span class=\"font-bold text-pink-600\">grand<span class=\"text-red-500\">es<\/span><\/span>.<\/p>\n                                <p class=\"translation\">They (f) are tall.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Warning Box -->\n            <div class=\"mt-6 bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded-r shadow-sm\">\n                <div class=\"flex\">\n                    <div class=\"flex-shrink-0\">\n                        <i class=\"fas fa-exclamation-triangle text-yellow-500\"><\/i>\n                    <\/div>\n                    <div class=\"ml-3\">\n                        <h3 class=\"text-sm font-bold text-yellow-800\">Attention ! (Watch out!)<\/h3>\n                        <p class=\"text-sm text-yellow-700 mt-1\">\n                            Si l&#8217;adjectif finit d\u00e9j\u00e0 par un <strong>-e<\/strong> au masculin, il ne change pas au f\u00e9minin.<br>\n                            <em>Ex: Il est rouge \/ Elle est rouge.<\/em>\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <hr class=\"border-gray-200 my-10\">\n\n        <!-- Section 2: La Place (Placement) -->\n        <section class=\"mb-12\">\n            <div class=\"flex items-center mb-6\">\n                <div class=\"bg-green-100 p-3 rounded-full mr-4 text-green-600\">\n                    <i class=\"fas fa-map-marker-alt text-2xl\"><\/i>\n                <\/div>\n                <h2 class=\"text-3xl font-bold text-gray-800\">2. La Place de l&#8217;Adjectif<\/h2>\n            <\/div>\n\n            <p class=\"mb-6\">C&#8217;est la diff\u00e9rence principale avec l&#8217;anglais ! En g\u00e9n\u00e9ral, l&#8217;adjectif se place <strong>APR\u00c8S<\/strong> le nom.<\/p>\n\n            <div class=\"bg-gray-100 rounded-lg p-6 mb-8 text-center shadow-inner\">\n                <p class=\"text-2xl font-bold text-gray-700\">\n                    Nom <span class=\"text-gray-400 mx-2\">+<\/span> <span class=\"text-blue-600\">Adjectif<\/span>\n                <\/p>\n                <div class=\"mt-4 bg-white p-4 rounded shadow inline-block text-left\">\n                    <p class=\"text-lg\">\ud83c\uddeb\ud83c\uddf7 Une voiture <span class=\"highlight-fr\">rapide<\/span><\/p>\n                    <p class=\"translation\">\ud83c\uddfa\ud83c\uddf8 A fast car<\/p>\n                <\/div>\n                <div class=\"mt-4 bg-white p-4 rounded shadow inline-block text-left ml-0 md:ml-4\">\n                    <p class=\"text-lg\">\ud83c\uddeb\ud83c\uddf7 Un livre <span class=\"highlight-fr\">int\u00e9ressant<\/span><\/p>\n                    <p class=\"translation\">\ud83c\uddfa\ud83c\uddf8 An interesting book<\/p>\n                <\/div>\n            <\/div>\n\n            <h3 class=\"text-xl font-bold text-gray-800 mb-4 handwritten text-2xl\">L&#8217;exception : BAGS<\/h3>\n            <p class=\"mb-4\">Certains adjectifs courts et tr\u00e8s fr\u00e9quents se placent <strong>AVANT<\/strong> le nom. On utilise l&#8217;acronyme <strong>BAGS<\/strong> pour s&#8217;en souvenir :<\/p>\n\n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n                <div class=\"bg-indigo-50 p-4 rounded-lg text-center\">\n                    <div class=\"text-2xl mb-2\">\ud83d\udc8e<\/div>\n                    <h4 class=\"font-bold text-indigo-800\">B &#8211; Beauty<\/h4>\n                    <p class=\"text-sm\">Beau, Joli<\/p>\n                    <p class=\"text-xs text-gray-500 mt-2\">Un <b>joli<\/b> parc<\/p>\n                <\/div>\n                <div class=\"bg-indigo-50 p-4 rounded-lg text-center\">\n                    <div class=\"text-2xl mb-2\">\ud83d\udc76<\/div>\n                    <h4 class=\"font-bold text-indigo-800\">A &#8211; Age<\/h4>\n                    <p class=\"text-sm\">Jeune, Vieux<\/p>\n                    <p class=\"text-xs text-gray-500 mt-2\">Un <b>vieux<\/b> ch\u00e2teau<\/p>\n                <\/div>\n                <div class=\"bg-indigo-50 p-4 rounded-lg text-center\">\n                    <div class=\"text-2xl mb-2\">\ud83d\udc4d<\/div>\n                    <h4 class=\"font-bold text-indigo-800\">G &#8211; Goodness<\/h4>\n                    <p class=\"text-sm\">Bon, Mauvais<\/p>\n                    <p class=\"text-xs text-gray-500 mt-2\">Une <b>bonne<\/b> id\u00e9e<\/p>\n                <\/div>\n                <div class=\"bg-indigo-50 p-4 rounded-lg text-center\">\n                    <div class=\"text-2xl mb-2\">\ud83d\udc18<\/div>\n                    <h4 class=\"font-bold text-indigo-800\">S &#8211; Size<\/h4>\n                    <p class=\"text-sm\">Petit, Grand<\/p>\n                    <p class=\"text-xs text-gray-500 mt-2\">Une <b>petite<\/b> maison<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <hr class=\"border-gray-200 my-10\">\n\n        <!-- Interactive Quiz Section -->\n        <section class=\"bg-blue-900 text-white rounded-2xl p-8 relative overflow-hidden\">\n            <div class=\"absolute top-0 right-0 -mt-10 -mr-10 w-40 h-40 bg-blue-700 rounded-full opacity-50\"><\/div>\n            \n            <h2 class=\"text-3xl font-bold mb-6 flex items-center relative z-10\">\n                <i class=\"fas fa-pencil-alt mr-3\"><\/i> Petit Quiz !\n            <\/h2>\n            <p class=\"mb-6 relative z-10\">Testez vos connaissances. Choisissez la bonne r\u00e9ponse.<\/p>\n\n            <div class=\"space-y-6 relative z-10\" id=\"quiz-container\">\n                \n                <!-- Question 1 -->\n                <div class=\"bg-white text-gray-800 p-5 rounded-lg shadow-lg\">\n                    <p class=\"font-bold mb-3\">1. Marie est _______ (intelligent).<\/p>\n                    <div class=\"grid grid-cols-2 gap-3\">\n                        <button onclick=\"checkAnswer(this, false)\" class=\"quiz-btn border border-gray-300 p-2 rounded hover:bg-gray-100 transition\">intelligent<\/button>\n                        <button onclick=\"checkAnswer(this, true)\" class=\"quiz-btn border border-gray-300 p-2 rounded hover:bg-gray-100 transition\">intelligente<\/button>\n                    <\/div>\n                    <p class=\"feedback hidden mt-2 text-sm font-bold\"><\/p>\n                <\/div>\n\n                <!-- Question 2 -->\n                <div class=\"bg-white text-gray-800 p-5 rounded-lg shadow-lg\">\n                    <p class=\"font-bold mb-3\">2. J&#8217;ai achet\u00e9 une _______ (voiture \/ rouge).<\/p>\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n                        <button onclick=\"checkAnswer(this, true)\" class=\"quiz-btn border border-gray-300 p-2 rounded hover:bg-gray-100 transition\">voiture rouge<\/button>\n                        <button onclick=\"checkAnswer(this, false)\" class=\"quiz-btn border border-gray-300 p-2 rounded hover:bg-gray-100 transition\">rouge voiture<\/button>\n                    <\/div>\n                    <p class=\"feedback hidden mt-2 text-sm font-bold\"><\/p>\n                <\/div>\n\n                <!-- Question 3 -->\n                <div class=\"bg-white text-gray-800 p-5 rounded-lg shadow-lg\">\n                    <p class=\"font-bold mb-3\">3. Ce sont des _______ (petit) chiens.<\/p>\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n                         <button onclick=\"checkAnswer(this, true)\" class=\"quiz-btn border border-gray-300 p-2 rounded hover:bg-gray-100 transition\">petits chiens<\/button>\n                         <button onclick=\"checkAnswer(this, false)\" class=\"quiz-btn border border-gray-300 p-2 rounded hover:bg-gray-100 transition\">chiens petits<\/button>\n                    <\/div>\n                    <p class=\"feedback hidden mt-2 text-sm font-bold\"><\/p>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- Vocab Recap -->\n        <div class=\"mt-12 bg-gray-50 border border-gray-200 p-6 rounded-xl\">\n            <h3 class=\"text-xl font-bold text-gray-700 mb-4 handwritten\">\ud83d\udcdd Vocabulaire de la le\u00e7on<\/h3>\n            <ul class=\"grid grid-cols-1 md:grid-cols-2 gap-2 text-sm\">\n                <li>\ud83c\uddeb\ud83c\uddf7 <b>L&#8217;accord<\/b> = \ud83c\uddec\ud83c\udde7 Agreement<\/li>\n                <li>\ud83c\uddeb\ud83c\uddf7 <b>Le nom<\/b> = \ud83c\uddec\ud83c\udde7 The noun<\/li>\n                <li>\ud83c\uddeb\ud83c\uddf7 <b>F\u00e9minin<\/b> = \ud83c\uddec\ud83c\udde7 Feminine<\/li>\n                <li>\ud83c\uddeb\ud83c\uddf7 <b>Masculin<\/b> = \ud83c\uddec\ud83c\udde7 Masculine<\/li>\n                <li>\ud83c\uddeb\ud83c\uddf7 <b>La taille<\/b> = \ud83c\uddec\ud83c\udde7 The size<\/li>\n            <\/ul>\n        <\/div>\n\n    <\/main>\n\n    <!-- Footer -->\n    <footer class=\"bg-gray-800 text-gray-300 py-8 mt-12 text-center\">\n        <p class=\"font-bold handwritten text-xl mb-2\">French and France<\/p>\n        <p class=\"text-sm mb-4\">Apprendre le fran\u00e7ais, un jour \u00e0 la fois.<\/p>\n        <div class=\"flex justify-center space-x-4 mb-4\">\n            <a href=\"#\" class=\"hover:text-white\"><i class=\"fab fa-instagram\"><\/i><\/a>\n            <a href=\"#\" class=\"hover:text-white\"><i class=\"fab fa-twitter\"><\/i><\/a>\n            <a href=\"#\" class=\"hover:text-white\"><i class=\"fab fa-facebook\"><\/i><\/a>\n        <\/div>\n        <p class=\"text-xs text-gray-500\">&copy; 2025 French and France (Le Chapeau d&#8217;a&#8217;s blog). Tous droits r\u00e9serv\u00e9s.<\/p>\n    <\/footer>\n\n    <!-- Scripts -->\n    <script>\n        function checkAnswer(btn, isCorrect) {\n            \/\/ Find the parent container of the buttons\n            const container = btn.parentElement.parentElement;\n            const feedback = container.querySelector('.feedback');\n            \n            \/\/ Disable all buttons in this question\n            const buttons = container.querySelectorAll('button');\n            buttons.forEach(b => b.disabled = true);\n\n            if (isCorrect) {\n                btn.classList.add('correct');\n                feedback.textContent = \"Bravo ! C'est la bonne r\u00e9ponse.\";\n                feedback.classList.remove('hidden');\n                feedback.classList.add('text-green-600');\n            } else {\n                btn.classList.add('wrong');\n                feedback.textContent = \"Oups ! Ce n'est pas correct.\";\n                feedback.classList.remove('hidden');\n                feedback.classList.add('text-red-600');\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Le Coin du FLE &#8211; Les Adjectifs Le Coin du FLE Grammaire Culture Actualit\u00e9s \u00c0 propos Niveau A1 \/ A2 Les Adjectifs en Fran\u00e7ais : [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13,3,30,16,6],"tags":[],"class_list":["post-459","post","type-post","status-publish","format-standard","hentry","category-beginner","category-french-language","category-grammar","category-intermediate","category-learning-french"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/french-and-france.com\/index.php?rest_route=\/wp\/v2\/posts\/459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/french-and-france.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/french-and-france.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/french-and-france.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/french-and-france.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=459"}],"version-history":[{"count":1,"href":"https:\/\/french-and-france.com\/index.php?rest_route=\/wp\/v2\/posts\/459\/revisions"}],"predecessor-version":[{"id":460,"href":"https:\/\/french-and-france.com\/index.php?rest_route=\/wp\/v2\/posts\/459\/revisions\/460"}],"wp:attachment":[{"href":"https:\/\/french-and-france.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/french-and-france.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/french-and-france.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}